换热站能耗

src/views/Report/TransferEnergyPage.vue

@@ -97,7 +97,15 @@
             </td>
           </tr>
         </table>
-        <el-table :data="tableData" style="width: 100%; margin-top: 10px">
+        <el-table
+          :data="tableData"
+          style="width: 100%; margin-top: 10px"
+          class="eltable"
+          :summary-method="getSummaries"
+          show-summary
+          stripe
+          :header-cell-style="{ backgroundColor: '#dfe8f6', color: '#213547' }"
+        >
           <el-table-column prop="sn" label="序号" width="60" align="center" />
           <el-table-column prop="jurisdictionName" label="片区" />
           <el-table-column prop="transferName" label="换热站名称" />
@@ -121,7 +129,7 @@
       id="exlBlock"
       cellpadding="0"
       cellspacing="1"
-      style="margin-top: 5px; background-color: #99bbe8"
+      style="margin-top: 5px"
     >
       <tr>
         <td colspan="2">起始时间：{{ enertyInfo.startTime }}</td>
@@ -302,8 +310,7 @@ function timeFun() {
   const preday = new Date(today);
   preday.setDate(preday.getDate() - 1);
   today.setDate(today.getDate());
-  enertyInfo.startTime =
-    preday.toISOString().split("T")[0];
+  enertyInfo.startTime = preday.toISOString().split("T")[0];
   enertyInfo.endTime = today.toISOString().split("T")[0];
 }
 
@@ -365,7 +372,12 @@ function postTransferEnergyFun() {
   loading.value = true;
   postTransferEnergy(enertyInfo).then((res) => {
     if (res.success === true) {
-      tableData.value = res.data;
+      res.data.forEach((item, index) => {
+        item.area = item.area.toFixed(4);
+        if (item.transferName != "总计") {
+          tableData.value.push(item);
+        }
+      });
     } else {
       ElMessage.error(res.message);
     }
@@ -403,13 +415,7 @@ onUnmounted(() => {});
 </script>
 <style lang="less" scoped>
 .contentBlock {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
   background-color: #ffffff;
-  overflow: auto;
 }
 table {
   width: 100%;
@@ -465,4 +471,17 @@ table.botList td {
     height: auto !important;
   }
 }
+.eltable {
+  height: 60vh;
+}
+@media (min-width: 1700px) {
+  .eltable {
+    height: 68vh;
+  }
+}
+@media (min-width: 2560px) {
+  .eltable {
+    height: 76vh;
+  }
+}
 </style>
\ No newline at end of file