数据总览

src/views/HandlerPage/OverviewPage.vue

 <template>
-  <div
-    class="contentBlock"
-    id="contentBlock"
-    v-loading="loading"
-    element-loading-background="rgba(122, 122, 122, 0.6)"
-  >
+  <div class="contentBlock" id="contentBlock">
     <div class="contentBlockInn" v-if="pageInit">
       <div class="flexBlock">
         <el-card class="card-contianer" style="width: 46%">
@@ -85,6 +80,7 @@
                 style="width: 90%"
                 format="YYYY-MM-DD HH:mm:ss"
                 time-format="HH:mm:ss"
+                unlink-panels
                 @change="seltimeFun"
                 :disabled="selTimeF"
               />
@@ -152,57 +148,68 @@
               </table>
             </el-card>
             <el-card class="card-contianer subTitBlockM" style="width: 33%">
-              <div
-                style="font-size: 120%; text-align: center; font-weight: bolder"
-              >
-                {{ gYCompanyEnergy.value.enterpriseName }}
-              </div>
-              <table cellpadding="0" cellspacing="0">
-                <tr>
-                  <td style="width: 60px">热耗</td>
-                  <td>
-                    <div>
+              <div v-if="gYCompanyEnergyInit">
+                <div
+                  style="
+                    font-size: 120%;
+                    text-align: center;
+                    font-weight: bolder;
+                  "
+                >
+                  {{ gYCompanyEnergy.value.enterpriseName }}
+                </div>
+                <table cellpadding="0" cellspacing="0" style="margin-top: 15%">
+                  <tr>
+                    <td style="width: 60px">热耗</td>
+                    <td>
+                      <div>
+                        <span
+                          >{{
+                            gYCompanyEnergy.value.heatUc.toFixed(4)
+                          }}W/㎡</span
+                        >
+                      </div>
+                    </td>
+                    <td>水耗</td>
+                    <td>
                       <span
-                        >{{ gYCompanyEnergy.value.heatUc.toFixed(4) }}W/㎡</span
+                        >{{
+                          gYCompanyEnergy.value.waterUc.toFixed(2)
+                        }}kg/㎡</span
                       >
-                    </div>
-                    <!-- <div><span>40W/㎡</span></div> -->
-                  </td>
-                  <td>水耗</td>
-                  <td>
-                    <span
-                      >{{ gYCompanyEnergy.value.waterUc.toFixed(2) }}kg/㎡</span
-                    >
-                  </td>
-                </tr>
-                <tr>
-                  <td style="height: 20px"></td>
-                  <td></td>
-                  <td></td>
-                  <td></td>
-                </tr>
-                <tr>
-                  <td style="width: 60px">
-                    <div>度日数</div>
-                    热耗
-                  </td>
-                  <td>
-                    <div>
+                    </td>
+                  </tr>
+                  <tr>
+                    <td style="height: 20px"></td>
+                    <td></td>
+                    <td></td>
+                    <td></td>
+                  </tr>
+                  <tr>
+                    <td style="width: 60px">
+                      <div>度日数</div>
+                      热耗
+                    </td>
+                    <td>
+                      <div>
+                        <span
+                          >{{
+                            gYCompanyEnergy.value.dayHeatUc.toFixed(4)
+                          }}W/㎡*℃</span
+                        >
+                      </div>
+                    </td>
+                    <td>电耗</td>
+                    <td>
                       <span
                         >{{
-                          gYCompanyEnergy.value.dayHeatUc.toFixed(4)
-                        }}W/㎡*℃</span
+                          gYCompanyEnergy.value.elecUc.toFixed(4)
+                        }}WH/㎡</span
                       >
-                    </div>
-                  </td>
-                  <td>电耗</td>
-                  <td>
-                    <span
-                      >{{ gYCompanyEnergy.value.elecUc.toFixed(4) }}WH/㎡</span
-                    >
-                  </td>
-                </tr>
-              </table>
+                    </td>
+                  </tr>
+                </table>
+              </div>
             </el-card>
             <el-card class="card-contianer" style="width: 33%">
               <div class="echartLayer1" id="echartLayer1"></div>
@@ -312,6 +319,7 @@ import {
 } from "../../api/overview";
 let timerID = ref();
 const pageInit = ref(false);
+const gYCompanyEnergyInit = ref(false);
 const areaList = reactive({
   supplyYear: "2024-2025",
   runDay: 0,
@@ -353,6 +361,7 @@ function postArealistFun() {
       ElMessage.error(res.message);
     }
     postGYPipeRealFun();
+    postGYCompanyEnergyFun();
   });
 }
 
@@ -376,19 +385,19 @@ function postAllHeatFun() {
       loading.value = false;
       ElMessage.error(res.message);
     }
-    postGYCompanyEnergyFun();
+    //postGYCompanyEnergyFun();
+    postGYWeatherFun();
   });
 }
 
 function postGYCompanyEnergyFun() {
-  postGYCompanyEnergy().then((res) => {
+  postGYCompanyEnergy(params).then((res) => {
     if (res.success === true) {
       gYCompanyEnergy.value = res.data[0];
     } else {
-      loading.value = false;
       ElMessage.error(res.message);
     }
-    postGYWeatherFun();
+    gYCompanyEnergyInit.value = true;
   });
 }