热量分析更新

src/views/Report/HeatAnalysisPage.vue

 
 <template>
-  <div class="contentBlock" id="contentBlock">
+  <div
+    class="contentBlock"
+    id="contentBlock"
+    v-loading="loading"
+    element-loading-background="rgba(122, 122, 122, 0.6)"
+  >
     <div class="contentBlockInn" id="printBlock">
       <el-card class="card-contianer">
         <table
@@ -617,6 +622,7 @@ import { saveAs } from "file-saver";
 import XLSX from "xlsx-js-style";
 import { postHeatAnalysis } from "../../api/report";
 import print from "vue3-print-nb";
+const loading = ref(false);
 const predictionTemp = ref([]);
 const realTemp = ref([]);
 const comprehensiveTemp = ref([]);
@@ -790,75 +796,48 @@ function exportTableToExcel() {
   ElMessage.success("导出成功！请稍后。。。");
 }
 function timeFun() {
-  var date = new Date();
-  var year = date.getFullYear();
-  var dateArr = [
-    date.getMonth() + 1,
-    date.getDate(),
-    date.getHours(),
-    date.getMinutes(),
-    date.getSeconds(),
-  ];
-  var endTimeHour = parseInt(dateArr[2] - 1);
-  if (endTimeHour < 10) {
-    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[2];
-  }
-  if (dateArr[3] < 10) {
-    dateArr[3] = "0" + dateArr[3];
-  }
-  if (dateArr[4] < 10) {
-    dateArr[4] = "0" + dateArr[4];
-  }
-  let endTimes =
-    year +
-    "-" +
-    dateArr[0] +
-    "-" +
-    dateArr[1] +
-    " " +
-    endTimeHour +
-    ":" +
-    dateArr[3] +
-    ":" +
-    dateArr[4];
-  enertyInfo.nowTime =
-    year +
-    "-" +
-    dateArr[0] +
-    "-" +
-    dateArr[1] +
-    " " +
-    dateArr[2] +
-    ":" +
-    dateArr[3] +
-    ":" +
-    dateArr[4];
-  enertyInfo.queryTime = endTimes;
+  const today = new Date();
+  const prehour = new Date(today.getTime() - 60 * 60 * 1000);
+  today.setDate(today.getDate());
+  enertyInfo.queryTime =
+    today.toISOString().split("T")[0] + " " + prehour.getHours() + ":00:0";
 }
 
 function postHeatAnalysisFun() {
+  if (enertyInfo.queryTime == null) {
+    ElMessage.error("请选择记录时间");
+    return false;
+  }
+  loading.value = true;
+  predictionTemp.value = {};
+  realTemp.value = {};
+  comprehensiveTemp.value = {};
+  analysisSupplys.value = {};
+  analysisZones.value = {};
   let params = {
     QueryTime: enertyInfo.queryTime,
   };
   postHeatAnalysis(params).then((res) => {
     if (res.success === true) {
-      predictionTemp.value = res.data.predictionTemp;
-      realTemp.value = res.data.realTemp;
-      comprehensiveTemp.value = res.data.comprehensiveTemp;
-      analysisSupplys.value = res.data.analysisSupplys;
-      analysisZones.value = res.data.analysisZones;
+      res.data.predictionTemp
+        ? (predictionTemp.value = res.data.predictionTemp)
+        : (predictionTemp.value = {});
+      res.data.realTemp
+        ? (realTemp.value = res.data.realTemp)
+        : (realTemp.value = {});
+      res.data.comprehensiveTemp
+        ? (comprehensiveTemp.value = res.data.comprehensiveTemp)
+        : (comprehensiveTemp.value = {});
+      res.data.analysisSupplys
+        ? (analysisSupplys.value = res.data.analysisSupplys)
+        : (analysisSupplys.value = {});
+      res.data.analysisZones
+        ? (analysisZones.value = res.data.analysisZones)
+        : (analysisZones.value = {});
     } else {
       ElMessage.error(res.message);
     }
+    loading.value = false;
   });
 }
 function printPage() {
@@ -879,12 +858,20 @@ function printPage() {
 onMounted(() => {
   timeFun();
   postHeatAnalysisFun();
-  window.onbeforeprint = function (event) {
-    console.log("将一些不需要打印的元素隐藏");
-  };
-  window.onafterprint = function (event) {
-    console.log("放开隐藏的元素");
-  };
+  // 创建定时任务
+  let timeOff = true;
+  setInterval(() => {
+    const time = new Date();
+    let minutes = time.getMinutes().toString().padStart(2, "0");
+    if (minutes == 15) {
+      if (timeOff) {
+        timeOff = false;
+        postHeatAnalysisFun();
+      }
+    } else {
+      timeOff = true;
+    }
+  }, 1000);
 });
 onUnmounted(() => {});
 </script>