总览

src/views/HandlerPage/OverviewPage.vue

@@ -2,7 +2,11 @@
   <div class="contentBlock" id="contentBlock">
     <div class="contentBlockInn" v-if="pageInit">
       <div class="flexBlock">
-        <el-card class="card-contianer" style="width: 46%">
+        <el-card
+          class="card-contianer"
+          style="width: 46%"
+          v-loading="loading13"
+        >
           <ul class="titinfoL">
             <li>
               <div>
@@ -42,7 +46,11 @@
             </li>
           </ul>
         </el-card>
-        <el-card class="card-contianer" style="width: 34%">
+        <el-card
+          class="card-contianer"
+          style="width: 34%"
+          v-loading="loading14"
+        >
           <ul class="titinfoM">
             <li>
               预测热量
@@ -91,7 +99,11 @@
       <div class="mainBlock">
         <div class="mainBlockInn">
           <div class="flexBlock subTitBlockL">
-            <el-card class="card-contianer" style="width: 33%">
+            <el-card
+              class="card-contianer"
+              style="width: 33%"
+              v-loading="loading1"
+            >
               <div
                 style="font-size: 120%; text-align: center; font-weight: bolder"
               >
@@ -147,7 +159,11 @@
                 </tr>
               </table>
             </el-card>
-            <el-card class="card-contianer subTitBlockM" style="width: 33%">
+            <el-card
+              class="card-contianer subTitBlockM"
+              style="width: 33%"
+              v-loading="loading2"
+            >
               <div v-if="gYCompanyEnergyInit">
                 <div
                   style="
@@ -211,7 +227,11 @@
                 </table>
               </div>
             </el-card>
-            <el-card class="card-contianer" style="width: 33%">
+            <el-card
+              class="card-contianer"
+              style="width: 33%"
+              v-loading="loading3"
+            >
               <div class="echartLayer1" id="echartLayer1"></div>
             </el-card>
           </div>
@@ -220,35 +240,45 @@
               class="card-contianer"
               body-style="padding:5%;"
               style="width: 20%"
+              v-loading="loading4"
             >
+              >
               <div class="echartLayer2" id="echartLayer2"></div>
             </el-card>
             <el-card
               class="card-contianer"
               body-style="padding:5%;"
               style="width: 20%"
+              v-loading="loading5"
             >
+              >
               <div class="echartLayer3" id="echartLayer3"></div>
             </el-card>
             <el-card
               class="card-contianer"
               body-style="padding:5%;"
               style="width: 20%"
+              v-loading="loading6"
             >
+              >
               <div class="echartLayer4" id="echartLayer4"></div>
             </el-card>
             <el-card
               class="card-contianer"
               body-style="padding:5%;"
               style="width: 20%"
+              v-loading="loading7"
             >
+              >
               <div class="echartLayer5" id="echartLayer5"></div>
             </el-card>
             <el-card
               class="card-contianer"
               body-style="padding:5%;"
               style="width: 20%"
+              v-loading="loading8"
             >
+              >
               <div class="echartLayer6" id="echartLayer6"></div>
             </el-card>
           </div>
@@ -257,28 +287,36 @@
               class="card-contianer"
               body-style="padding:5%;"
               style="width: 25%"
+              v-loading="loading9"
             >
+              >
               <div class="echartLayer7" id="echartLayer7"></div>
             </el-card>
             <el-card
               class="card-contianer"
               body-style="padding:5%;"
               style="width: 25%"
+              v-loading="loading10"
             >
+              >
               <div class="echartLayer8" id="echartLayer8"></div>
             </el-card>
             <el-card
               class="card-contianer"
               body-style="padding:5%;"
               style="width: 25%"
+              v-loading="loading11"
             >
+              >
               <div class="echartLayer9" id="echartLayer9"></div>
             </el-card>
             <el-card
               class="card-contianer"
               body-style="padding:5%;"
               style="width: 25%"
+              v-loading="loading12"
             >
+              >
               <div class="echartLayer10" id="echartLayer10"></div>
             </el-card>
           </div>
@@ -329,6 +367,20 @@ const areaList = reactive({
   userCount: 76177,
 });
 const loading = ref(false);
+const loading1 = ref(false);
+const loading2 = ref(false);
+const loading3 = ref(false);
+const loading4 = ref(false);
+const loading5 = ref(false);
+const loading6 = ref(false);
+const loading7 = ref(false);
+const loading8 = ref(false);
+const loading9 = ref(false);
+const loading10 = ref(false);
+const loading11 = ref(false);
+const loading12 = ref(false);
+const loading13 = ref(false);
+const loading14 = ref(false);
 const allHeat = reactive([]);
 const gYPipeReal = reactive([]);
 const gYCompanyEnergy = reactive([]);
@@ -347,7 +399,7 @@ const timeV = ref("");
 const selTimeF = ref(true);
 //能耗总览页---概况接口
 function postArealistFun() {
-  loading.value = true;
+  loading13.value = true;
   postArealist().then((res) => {
     if (res.success === true) {
       areaList.supplyYear = res.data[0].supplyYear;
@@ -357,15 +409,16 @@ function postArealistFun() {
       areaList.transferCount = res.data[0].transferCount;
       areaList.userCount = res.data[0].userCount;
     } else {
-      loading.value = false;
       ElMessage.error(res.message);
     }
+    loading13.value = false;
     postGYPipeRealFun();
     postGYCompanyEnergyFun();
   });
 }
 
 function postGYPipeRealFun() {
+  loading1.value = true;
   postGYPipeReal().then((res) => {
     if (res.success === true) {
       gYPipeReal.value = res.data;
@@ -373,36 +426,40 @@ function postGYPipeRealFun() {
       loading.value = false;
       ElMessage.error(res.message);
     }
+    loading1.value = false;
     postAllHeatFun();
   });
 }
 
 function postAllHeatFun() {
+  loading14.value = true;
   postAllHeat().then((res) => {
     if (res.success === true) {
       allHeat.value = res.data[0];
     } else {
-      loading.value = false;
       ElMessage.error(res.message);
     }
-    //postGYCompanyEnergyFun();
+    loading14.value = false;
     postGYWeatherFun();
   });
 }
 
 function postGYCompanyEnergyFun() {
+  loading2.value = true;
   postGYCompanyEnergy(params).then((res) => {
     if (res.success === true) {
       gYCompanyEnergy.value = res.data[0];
     } else {
       ElMessage.error(res.message);
     }
-    gYCompanyEnergyInit.value = true;
+    loading2.value = false;
+    gYCompanyEnergyInit.value = false;
   });
 }
 
 //近七日气象趋势
 function postGYWeatherFun() {
+  loading3.value = true;
   postGYWeather().then((res) => {
     if (res.success === true) {
       gYWeather.data1 = [];
@@ -420,6 +477,7 @@ function postGYWeatherFun() {
       loading.value = false;
       ElMessage.error(res.message);
     }
+    loading3.value = false;
     pageInit.value = true;
     setTimeout(function () {
       echartInit1();
@@ -430,6 +488,7 @@ function postGYWeatherFun() {
 
 //服务中心热单耗
 function postGYCenterHeatUcFun() {
+  loading4.value = true;
   postGYCenterHeatUc(params).then((res) => {
     if (res.success === true) {
       const data = dataDeal(res.data.ucData);
@@ -455,10 +514,12 @@ function postGYCenterHeatUcFun() {
       loading.value = false;
       ElMessage.error(res.message);
     }
+    loading4.value = false;
   });
 }
 //服务中心度日数热耗
 function postGYCenterDayHeatUcFun() {
+  loading5.value = true;
   postGYCenterDayHeatUc(params).then((res) => {
     if (res.success === true) {
       const data = dataDeal(res.data.ucData);
@@ -484,11 +545,13 @@ function postGYCenterDayHeatUcFun() {
       loading.value = false;
       ElMessage.error(res.message);
     }
+    loading5.value = false;
   });
 }
 
 //二次侧水耗
 function postGYCenterWaterUcFun() {
+  loading6.value = true;
   postGYCenterWaterUc(params).then((res) => {
     if (res.success === true) {
       const data = dataDeal(res.data);
@@ -510,11 +573,13 @@ function postGYCenterWaterUcFun() {
       loading.value = false;
       ElMessage.error(res.message);
     }
+    loading6.value = false;
   });
 }
 
 //二次侧电耗
 function postGYCenterElecUcFun() {
+  loading7.value = true;
   postGYCenterElecUc(params).then((res) => {
     if (res.success === true) {
       const data = dataDeal(res.data);
@@ -536,11 +601,13 @@ function postGYCenterElecUcFun() {
       loading.value = false;
       ElMessage.error(res.message);
     }
+    loading7.value = false;
   });
 }
 
 //万平米流量（一次侧）
 function postGYCenterWPMLLFun() {
+  loading8.value = true;
   postGYCenterWPMLL(params).then((res) => {
     if (res.success === true) {
       const data = dataDeal(res.data);
@@ -562,11 +629,13 @@ function postGYCenterWPMLLFun() {
       loading.value = false;
       ElMessage.error(res.message);
     }
+    loading8.value = false;
   });
 }
 
 //一次侧流量分配
 function postGYSupplyWaterFun() {
+  loading9.value = true;
   postGYSupplyWater(params).then((res) => {
     if (res.success === true) {
       const data = res.data;
@@ -584,11 +653,13 @@ function postGYSupplyWaterFun() {
       loading.value = false;
       ElMessage.error(res.message);
     }
+    loading9.value = false;
   });
 }
 
 //能耗总览页---二网均温
 function postGYCenterSecAvgTFun() {
+  loading10.value = true;
   postGYCenterSecAvgT(params).then((res) => {
     if (res.success === true) {
       const data = dataDeal(res.data);
@@ -610,11 +681,13 @@ function postGYCenterSecAvgTFun() {
       loading.value = false;
       ElMessage.error(res.message);
     }
+    loading10.value = false;
   });
 }
 
 //二网温差
 function postGYCenterSecAbsTFun() {
+  loading11.value = true;
   postGYCenterSecAbsT(params).then((res) => {
     if (res.success === true) {
       const data = dataDeal(res.data);
@@ -636,11 +709,13 @@ function postGYCenterSecAbsTFun() {
       loading.value = false;
       ElMessage.error(res.message);
     }
+    loading11.value = false;
   });
 }
 
 //二网万平米流量
 function postGYCenterECWPMLLFun() {
+  loading12.value = true;
   postGYCenterECWPMLL(params).then((res) => {
     if (res.success === true) {
       const data = dataDeal(res.data);
@@ -662,6 +737,7 @@ function postGYCenterECWPMLLFun() {
       loading.value = false;
       ElMessage.error(res.message);
     }
+    loading12.value = false;
   });
 }