能耗排名

src/views/HandlerPage/EnergyConsumptionPage.vue

@@ -54,7 +54,7 @@
           <el-config-provider :locale="zhCn">
             <el-date-picker
               type="datetime"
-              value-format="YYYY-MM-DD HH:mm:ss"
+              value-format="YYYY-MM-DD HH:00:00"
               placeholder="选择开始时间"
               style="width: 180px"
               v-model="enertyInfo.startTime"
@@ -65,7 +65,7 @@
           <el-config-provider :locale="zhCn">
             <el-date-picker
               type="datetime"
-              value-format="YYYY-MM-DD HH:mm:ss"
+              value-format="YYYY-MM-DD HH:00:00"
               placeholder="选择结束时间"
               style="width: 180px"
               v-model="enertyInfo.endTime"
@@ -122,11 +122,17 @@
               </div>
               <div class="tit">民建换热站</div>
               <div class="left">
-                <div><span>150</span>座</div>
+                <div>
+                  <span>{{ overviewList.civilCount }}</span
+                  >座
+                </div>
                 <div class="sub">机组数量</div>
               </div>
               <div class="right">
-                <div><span>2000</span>万平米</div>
+                <div>
+                  <span>{{ (overviewList.civilArea / 10000).toFixed(2) }}</span
+                  >万平米
+                </div>
                 <div class="sub">供热面积</div>
               </div>
             </td>
@@ -139,11 +145,17 @@
               </div>
               <div class="tit">公建换热站</div>
               <div class="left">
-                <div><span>150</span>座</div>
+                <div>
+                  <span>{{ overviewList.pbCount }}</span
+                  >座
+                </div>
                 <div class="sub">机组数量</div>
               </div>
               <div class="right">
-                <div><span>2000</span>万平米</div>
+                <div>
+                  <span>{{ (overviewList.pbArea / 10000).toFixed(2) }}</span
+                  >万平米
+                </div>
                 <div class="sub">供热面积</div>
               </div>
             </td>
@@ -156,11 +168,17 @@
               </div>
               <div class="tit">热量消耗</div>
               <div class="left">
-                <div><span>20000.11</span>GJ</div>
+                <div>
+                  <span>{{ (overviewList.totalHeat / 10000).toFixed(2) }}</span
+                  >GJ
+                </div>
                 <div class="sub">热总耗</div>
               </div>
               <div class="right">
-                <div><span>29.78</span>GJ</div>
+                <div>
+                  <span>{{ (overviewList.heatUc / 10000).toFixed(2) }}</span
+                  >W/㎡
+                </div>
                 <div class="sub">热单耗</div>
               </div>
             </td>
@@ -173,11 +191,17 @@
               </div>
               <div class="tit">电量消耗</div>
               <div class="left">
-                <div><span>20000.11</span>GJ</div>
+                <div>
+                  <span>{{ (overviewList.totalElec / 10000).toFixed(2) }}</span
+                  >A
+                </div>
                 <div class="sub">电总耗</div>
               </div>
               <div class="right">
-                <div><span>29.78</span>GJ</div>
+                <div>
+                  <span>{{ (overviewList.elecUc / 10000).toFixed(2) }}</span
+                  >Kwh/㎡
+                </div>
                 <div class="sub">电单耗</div>
               </div>
             </td>
@@ -190,11 +214,17 @@
               </div>
               <div class="tit">水量消耗</div>
               <div class="left">
-                <div><span>20000.11</span>GJ</div>
+                <div>
+                  <span>{{ (overviewList.totalWater / 10000).toFixed(2) }}</span
+                  >T
+                </div>
                 <div class="sub">水总耗</div>
               </div>
               <div class="right">
-                <div><span>29.78</span>GJ</div>
+                <div>
+                  <span>{{ (overviewList.waterUc / 10000).toFixed(2) }}</span
+                  >kg/㎡
+                </div>
                 <div class="sub">水单耗</div>
               </div>
             </td>
@@ -491,6 +521,7 @@ import http from "../../api/http";
 import zhCn from "element-plus/dist/locale/zh-cn.mjs";
 import { ElMessage } from "element-plus";
 import {
+  postOverview,
   postTopHeatUC,
   postTopDayHeatUC,
   postTopWaterUC,
@@ -552,6 +583,18 @@ const topList = ref([
   { topName: "前10个", top: 10 },
   { topName: "前20个", top: 20 },
 ]);
+const overviewList = ref({
+  pbCount: 35,
+  civilCount: 123,
+  pbArea: 960736.529,
+  civilArea: 7810512.5074,
+  totalHeat: 0.0,
+  heatUc: 0.0,
+  totalWater: 0.0,
+  waterUc: 0.0,
+  totalElec: 0.0,
+  elecUc: 0.0,
+});
 const topHeatUCList = reactive({});
 const topDayHeatUC = reactive({});
 const topWaterUC = reactive({});
@@ -577,23 +620,18 @@ function timeFun() {
     date.getMinutes(),
     date.getSeconds(),
   ];
-  var startTimeDay = dateArr[1] - 1;
-  var endTimeHour = dateArr[2] - 1;
+
+  var startTimeDay = parseInt(dateArr[1] - 1);
+  var endTimeHour = parseInt(dateArr[2] - 1);
   if (startTimeDay < 10) {
-    startTimeDay = "0" + dateArr[2];
+    startTimeDay = "0" + startTimeDay;
   }
   if (endTimeHour < 10) {
-    endTimeHour = "0" + dateArr[2];
+    endTimeHour = "0" + endTimeHour;
   }
   if (dateArr[0] < 10) {
     dateArr[0] = "0" + dateArr[0];
   }
-  if (dateArr[1] < 10) {
-    dateArr[1] = "0" + dateArr[1];
-  }
-  if (dateArr[2] < 10) {
-    dateArr[2] = "0" + dateArr[1];
-  }
   if (dateArr[3] < 10) {
     dateArr[3] = "0" + dateArr[3];
   }
@@ -625,8 +663,20 @@ function timeFun() {
     ":" +
     dateArr[4];
 
-    enertyInfo.startTime = startTimes;
-    enertyInfo.endTime = endTimes;
+  enertyInfo.startTime = startTimes;
+  enertyInfo.endTime = endTimes;
+}
+
+//换热站机组排名页概况
+function postOverviewFun(enertySend) {
+  postOverview(enertySend).then((res) => {
+    if (res.success === true) {
+      overviewList.value = res.data[0];
+      console.log(overviewList);
+    } else {
+      ElMessage.error(res.message);
+    }
+  });
 }
 
 //换热站机组排名（热单耗）
@@ -729,21 +779,40 @@ function postTopSecondTempAvgFun(enertySend) {
 }
 
 function sendClick() {
-  if(enertyInfo.switchV) {
+  if (switchV.value) {
     enertyInfo.queryType = 1;
-  }else{
+  } else {
     enertyInfo.queryType = 0;
   }
-  if(enertyInfo.nature.length == 2) {
-    enertyInfo.nature = -1;
-  }else if(enertyInfo.nature == "民用") {
-    enertyInfo.nature = 0;
-  }else{
-    enertyInfo.nature = 1;
+  const nature = ref();
+  if (enertyInfo.nature.length == 2) {
+    nature.value = -1;
+  } else if (enertyInfo.nature == "民建") {
+    nature.value = 0;
+  } else {
+    nature.value = 1;
+  }
+  if (
+    (enertyInfo.queryType == 1 && enertyInfo.startTime == null) ||
+    enertyInfo.endTime == null
+  ) {
+    ElMessage.error("开始时间或结束时间不能为空");
+    return false;
+  } else {
+    const enertySend = ref({
+      supplyIdList: enertyInfo.supplyIdList,
+      queryType: enertyInfo.queryType,
+      startTime: enertyInfo.startTime,
+      endTime: enertyInfo.endTime,
+      hour: enertyInfo.hour,
+      top: enertyInfo.top,
+      nature: nature.value,
+    });
+    sendFun(enertySend);
   }
-  console.log(enertyInfo);
 }
 function sendFun(enertySend) {
+  postOverviewFun(enertySend);
   postTopHeatUCFun(enertySend.value);
   postTopDayHeatUCFun(enertySend.value);
   postTopWaterUCFun(enertySend.value);
@@ -771,7 +840,7 @@ onMounted(() => {
     nature: -1,
   });
   timeFun();
-  sendFun(enertySend)
+  sendFun(enertySend);
 });
 onUnmounted(() => {
   //   window.removeEventListener("resize", setContentHeight);