采暖系统报表增加设定温度

2.修改水电抄表记录页面的内容

.env.development

@@ -8,8 +8,8 @@ ENV = 'development'
 # VUE_APP_BASE_API = '/dev-api'
 # 后台
 # VUE_APP_BASE_API = 'http://192.168.1.222:8080'
-# 海湾酒店-云端
+# 梅州云端
-VUE_APP_BASE_API = 'http://106.55.173.225:8090'
+VUE_APP_BASE_API = 'http://106.55.173.225:8091'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.production

@@ -7,4 +7,4 @@ ENV = 'production'
 # 生产环境
 # VUE_APP_BASE_API = '/prod-api'
 # 后台
-VUE_APP_BASE_API = 'http://106.55.173.225:8090'
+VUE_APP_BASE_API = 'http://106.55.173.225:8091'

package.json

@@ -59,7 +59,8 @@
     "vue-meta": "2.4.0",
     "vue-router": "3.4.9",
     "vuedraggable": "2.24.3",
-    "vuex": "3.6.0"
+    "vuex": "3.6.0",
+    "xlsx": "^0.18.5"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "4.4.6",
@@ -72,6 +73,7 @@
     "connect": "3.6.6",
     "eslint": "7.15.0",
     "eslint-plugin-vue": "7.2.0",
+    "html-webpack-plugin": "^5.6.3",
     "lint-staged": "10.5.3",
     "runjs": "4.4.2",
     "sass": "1.32.13",

src/App.vue

@@ -7,18 +7,37 @@
 
 <script>
 import ThemePicker from "@/components/ThemePicker";
+import { exitFullscreen, isFullscreen } from "@/utils/fullscreen";
 
 export default {
   name: "App",
   components: { ThemePicker },
   metaInfo() {
     return {
-      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
+      title:
-      titleTemplate: title => {
+        this.$store.state.settings.dynamicTitle &&
-        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
+        this.$store.state.settings.title,
+      titleTemplate: (title) => {
+        return title
+          ? `${title} - ${process.env.VUE_APP_TITLE}`
+          : process.env.VUE_APP_TITLE;
+      },
+    };
+  },
+  mounted() {
+    // 监听键盘事件，当用户按 Esc 键时退出全屏
+    window.addEventListener("keydown", this.handleKeyDown);
+  },
+  beforeDestroy() {
+    window.removeEventListener("keydown", this.handleKeyDown);
+  },
+  methods: {
+    handleKeyDown(event) {
+      if (event.key === "Escape" && isFullscreen()) {
+        exitFullscreen();
       }
-    }
+    },
-  }
+  },
 };
 </script>
 <style scoped>

src/api/boiler/boilerRunReport.js

@@ -0,0 +1,27 @@
+import request from "@/utils/request";
+
+// 查询运行记录
+export function boilerSysList(data) {
+  return request({
+    url: "/reportSteam/list",
+    method: "post",
+    data,
+  });
+}
+// 编辑运行记录
+export function boilerSysEdit(data) {
+  return request({
+    url: "/reportSteam/edit",
+    method: "put",
+    data,
+  });
+}
+// 导出
+export function boilerSysExport(data) {
+  return request({
+    url: "/reportSteam/export",
+    method: "post",
+    data,
+    responseType: "blob",
+  });
+}

src/api/boiler/heatingPump.js

@@ -0,0 +1,27 @@
+import request from "@/utils/request";
+
+// 采暖泵列表
+export function heatPumpList(query) {
+  return request({
+    url: "/device/heatPump/list",
+    method: "get",
+    params: query,
+  });
+}
+// 采暖泵在线情况
+export function heatPumpOnlineList(query) {
+  return request({
+    url: "/device/heatPump/online",
+    method: "get",
+    params: query,
+  });
+}
+// 采暖泵报警列表
+export function heatPumpAlarmList(query) {
+  return request({
+    url: "/device/heatPump/alarmList",
+    method: "get",
+    params: query,
+  });
+}
+

src/api/boiler/heatingRunPeport.js

@@ -0,0 +1,27 @@
+import request from "@/utils/request";
+
+// 查询运行记录
+export function boilerSysList(data) {
+  return request({
+    url: "/reportHeating/list",
+    method: "post",
+    data,
+  });
+}
+// 编辑运行记录
+export function boilerSysEdit(data) {
+  return request({
+    url: "/reportHeating/edit",
+    method: "put",
+    data,
+  });
+}
+// 导出
+export function boilerSysExport(data) {
+  return request({
+    url: "/reportHeating/export",
+    method: "post",
+    data,
+    responseType: "blob",
+  });
+}

src/api/boiler/hotwaterBoiler.js

@@ -0,0 +1,10 @@
+import request from "@/utils/request";
+
+// 热水锅炉设备参数列表
+export function hotWaterBoiler(query) {
+  return request({
+    url: "/device/hotWaterBoiler/list",
+    method: "get",
+    params: query,
+  });
+}

src/api/boiler/steamBoiler.js

@@ -0,0 +1,10 @@
+import request from "@/utils/request";
+
+// 蒸汽锅炉设备参数列表
+export function steamBoilerBoiler(query) {
+  return request({
+    url: "/device/steamBoiler/list",
+    method: "get",
+    params: query,
+  });
+}

src/api/centerairC/hostRunReport.js

@@ -0,0 +1,27 @@
+import request from "@/utils/request";
+
+// 查询运行记录
+export function reportSysList(data) {
+  return request({
+    url: "/reportSys/list",
+    method: "post",
+    data,
+  });
+}
+// 编辑运行记录
+export function reportSysEdit(data) {
+  return request({
+    url: "/reportSys/edit",
+    method: "put",
+    data,
+  });
+}
+// 导出
+export function reportSysExport(data) {
+  return request({
+    url: "/reportSys/export",
+    method: "post",
+    data,
+      responseType: 'blob',
+  });
+}

src/api/comprehensiveEnergy/hotPumpLog.js

@@ -0,0 +1,27 @@
+import request from "@/utils/request";
+
+export const hotWaterList = (data) => {
+  return request({
+    url: "/reportHotWater/list",
+    method: "post",
+    data: data,
+  });
+};
+
+// 导出
+export const hotWaterExport = (data) => {
+  return request({
+    url: "/reportHotWater/export",
+    method: "post",
+    data,
+    responseType: "blob",
+  });
+};
+// 修改
+export const hotWaterEdit = (data) => {
+  return request({
+    url: "/reportHotWater/edit",
+    method: "put",
+    data: data,
+  });
+};

src/api/comprehensiveEnergy/meterRecord.js

@@ -0,0 +1,19 @@
+import request from "@/utils/request";
+
+export const meterReadingsList = (data) => {
+  return request({
+    url: "/reportMeterReadings/list",
+    method: "post",
+    data: data,
+  });
+};
+
+// 导出
+export const meterReadingsExport = (data) => {
+  return request({
+    url: "/reportMeterReadings/export",
+    method: "post",
+    data,
+    responseType: "blob",
+  });
+};

src/api/comprehensiveEnergy/systemEnergy.js

@@ -0,0 +1,9 @@
+import request from "@/utils/request";
+
+export const compreReport = (data) => {
+  return request({
+    url: "/compre/report",
+    method: "post",
+    data,
+  });
+};

src/api/device/gather.js

@@ -8,6 +8,12 @@ export function cpmList(query) {
     params: query,
   });
 }
+export function cpmList2(cpmIds) {
+  return request({
+    url: "/device/cpm/list/" + cpmIds,
+    method: "get",
+  });
+}
 
 // 根据id查询设备采集参数信息
 export function getCPM(cpmId) {

src/api/region.js

@@ -7,6 +7,13 @@ export function spaceTree() {
     method: "get",
   });
 }
+export function floorTree() {
+  return request({
+    url: "/space/floorTree",
+    method: "get",
+  });
+}
+
 
 // 获取区域信息
 export function getAreaList(query) {

src/assets/icons/svg/boilerSys.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1757379307805" class="icon" viewBox="0 0 1335 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1517" xmlns:xlink="http://www.w3.org/1999/xlink" width="260.7421875" height="200"><path d="M1233.548986 825.047188V692.461449C1293.801739 651.456928 1335.652174 562.176 1335.652174 458.722319c0-137.676058-73.935768-250.078609-167.179131-257.335652v-0.415537l-165.917681-25.822608V115.533913h-56.750376v50.665739L810.889275 139.664696V75.790841h-60.697971v54.494608L514.285449 87.010319V0h-66.337391v76.636754l-105.768812-16.458203v0.296811c60.549565 8.221681 103.231072 167.045565 96.048232 359.780174-7.182841 192.734609-61.677449 347.863188-122.672232 351.573334l87.188406-2.849392v40.158609l-159.016811 8.102956v66.841971l370.554434-30.660637 1.409855 25.555478-195.628521 13.341681 23.240348 11.353044v113.975652l861.792463-106.733449v-84.027363l-34.934724-4.541217-36.61171 2.700985z m-553.360696-32.218898v-34.489507l160.975768-6.678261v32.085333l-160.975768 9.082435zM528.517565 204.503188l27.870609-13.623652v-0.845913l1.409855 0.148406 0.430377-0.148406v0.281971l147.737971 23.552v295.787594l-145.91258-4.11084-31.551072 3.546898V204.503188z m-53.099594 600.791189l8.310725-39.179131 125.19513-4.11084 2.122203 36.478145-135.642899 6.826666z m204.770319 38.882319l269.148753-24.976696v-40.870957l-43.52742 2.270609 4.927073-31.22458 231.824695-14.766376 15.909102 93.822145-478.133797 42.859594-0.148406-27.098899z m-406.854493-73.579595c-56.008348-2.122203-97.458087-133.179362-99.980985-302.955594l-35.008928-2.700985c-21.563362 8.934029-17.066667 54.895304-17.066667 54.895304H0c0-138.150957 105.160348-144.814377 105.160348-144.814377l70.848927 1.27629c12.184116-180.134957 65.402435-319.280232 123.785276-316.994782 62.033623 2.404174 106.421797 163.528348 99.135072 359.973101-7.271884 196.429913-63.562203 353.740058-125.595826 351.321043zM250.227014 320.853333c-11.620174 0-21.696928 22.973217-26.742724 56.869102l30.942609 0.712348-0.281971 92.620058-30.245102-1.27629c4.897391 32.204058 14.988986 54.168116 26.327188 54.168116 16.384 0 29.681159-45.516058 29.68116-101.539247 0-56.023188-13.297159-101.554087-29.68116-101.554087z" fill="" p-id="1518"></path></svg>

src/assets/icons/svg/heatingPump.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1757380960233" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3007" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M428.8 704h153.6c236.8-134.4 57.6-339.2 25.6-358.4 12.8 25.6 12.8 64-6.4 76.8-38.4-128-121.6-160-121.6-160 12.8 70.4-38.4 147.2-83.2 204.8 0-25.6-6.4-44.8-19.2-70.4-6.4 44.8-44.8 89.6-51.2 140.8-19.2 64 6.4 115.2 102.4 166.4z m0 0" fill="" p-id="3008"></path><path d="M1024 76.8H512c-57.6 0-115.2 12.8-166.4 32-51.2 25.6-102.4 57.6-140.8 96-38.4 38.4-70.4 83.2-96 140.8-19.2 51.2-32 108.8-32 166.4 0 57.6 12.8 115.2 32 166.4 6.4 19.2 12.8 32 25.6 51.2H0v217.6h512c57.6 0 115.2-12.8 166.4-32s96-51.2 140.8-96c38.4-38.4 70.4-83.2 96-140.8 25.6-51.2 32-108.8 32-166.4 0-76.8-19.2-153.6-57.6-217.6H1024V76.8M460.8 896H51.2v-115.2h185.6c-12.8-12.8-32-32-44.8-51.2-38.4-64-64-134.4-64-217.6 0-211.2 172.8-384 384-384h460.8v115.2h-179.2l32 38.4C870.4 352 896 428.8 896 512c0 211.2-172.8 384-384 384h-51.2z m0 0" fill="" p-id="3009"></path></svg>

src/assets/icons/svg/hotPumpLog.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1761181457603" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5548" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M670.208 223.053H193.183v0.017c-24.374 0.412-44.02 20.636-44.02 45.549 0 24.914 19.64 45.139 44.02 45.55v0.016h477.025c24.719 0 44.765-20.402 44.765-45.566 0-25.163-20.046-45.566-44.765-45.566zM395.732 439.798h-202.55v0.023c-24.374 0.406-44.02 20.635-44.02 45.543 0 24.914 19.64 45.143 44.02 45.55v0.015h202.556c24.719 0 44.76-20.395 44.76-45.565 0.001-25.164-20.04-45.566-44.766-45.566zM276.261 658.512h-83.083v0.022c-24.374 0.406-44.014 20.636-44.014 45.544 0 24.913 19.64 45.144 44.014 45.55v0.017h83.083c24.719 0 44.759-20.397 44.759-45.566 0-25.165-20.041-45.567-44.759-45.567z m0 0" p-id="5549"></path><path d="M715.201 1.954H148.93C67.141 1.954 0.84 68.257 0.84 150.043v724.501c0 81.786 66.301 148.09 148.09 148.09h241.713v-0.084c0.695 0.033 1.386 0.049 2.081 0.049 25.164 0 45.566-20.396 45.566-45.566 0-25.163-20.402-45.565-45.566-45.565-0.695 0-1.392 0.023-2.081 0.056v-0.021H148.93c-31.455 0-56.958-25.503-56.958-56.957V150.043c0-31.461 25.503-56.958 56.958-56.958h566.271c31.46 0 56.957 25.497 56.957 56.958V320.46c0 25.164 20.402 45.566 45.566 45.566 25.169 0 45.566-20.402 45.566-45.566V150.043c0.001-81.786-66.302-148.089-148.089-148.089z m0 0" p-id="5550"></path><path d="M676.148 840.226c-7.364 0-14.695-2.041-21.226-6.091-11.942-7.409-19.073-20.219-19.073-34.271V652.755c0-14.056 7.131-26.865 19.073-34.269 11.942-7.41 26.593-8.099 39.181-1.853l128.683 73.556c13.817 6.856 22.405 20.697 22.405 36.121 0 15.417-8.588 29.263-22.405 36.12l-128.683 73.557c-5.707 2.831-11.841 4.239-17.955 4.239z m0 0" p-id="5551"></path><path d="M726.854 430.13c-163.575 0-296.181 132.605-296.181 296.18s132.605 296.18 296.181 296.18c163.574 0 296.179-132.604 296.179-296.18S890.429 430.13 726.854 430.13z m0 501.227c-113.248 0-205.048-91.805-205.048-205.047s91.8-205.047 205.048-205.047c113.241 0 205.047 91.805 205.047 205.047s-91.805 205.047-205.047 205.047z m0 0" p-id="5552"></path></svg>

src/assets/icons/svg/hz-icon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1758105515572" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7076" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M480.256 16.384C219.648 16.384 8.192 227.84 8.192 488.448c0 260.608 211.456 472.064 472.064 472.064 260.608 0 472.064-211.456 472.064-472.064 0.512-260.608-210.944-472.064-472.064-472.064z m0 881.664c-225.792 0-409.088-183.296-409.088-409.088 0-225.792 183.296-409.088 409.088-409.088 225.792 0 409.088 183.296 409.088 409.088 0.512 225.792-182.784 409.088-409.088 409.088z" p-id="7077"></path><path d="M203.264 281.088h50.688v160.256h199.68V281.088h50.688v383.488h-50.688V484.864h-199.68v179.712h-50.688V281.088zM562.176 625.664l160.768-199.68h-152.576v-40.448H778.24v40.448l-158.72 198.144h165.888l-7.68 40.448h-215.552v-38.912z" p-id="7078"></path></svg>

src/assets/icons/svg/meterRecord.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1761011231553" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2521" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M925.425633 514.798111a38.910648 38.910648 0 0 0-25.59911-9.727662 38.398666 38.398666 0 0 0-28.415013 12.543564l-138.747178 153.594662a62.973812 62.973812 0 0 0-62.973812 62.973812 38.398666 38.398666 0 0 0 0 5.631804l-28.926995 31.742897a38.398666 38.398666 0 0 0 56.830026 51.198221l24.319155-26.879066a69.373589 69.373589 0 0 0 10.239644 0 62.973812 62.973812 0 0 0 63.229802-63.229802A66.045705 66.045705 0 0 0 793.590215 716.775092l106.74829-117.243926a214.008563 214.008563 0 1 1-167.674173-80.893189 38.398666 38.398666 0 0 0 0-76.797331 291.061886 291.061886 0 1 0 192.50531 72.701474z" p-id="2522"></path><path d="M365.317097 732.902532a367.859217 367.859217 0 0 1 367.603226-367.603226 112.124104 112.124104 0 0 1 38.398666 6.655769v-207.352795a38.398666 38.398666 0 0 0-38.398666-38.398666H455.681957V63.997776A63.997776 63.997776 0 0 0 391.684181 0H64.015567A63.997776 63.997776 0 0 0 0.017791 63.997776v921.567976A38.398666 38.398666 0 0 0 38.416457 1023.964417h470.51165a366.835252 366.835252 0 0 1-143.61101-291.061885zM293.639588 793.572423H167.179982a38.398666 38.398666 0 0 1 0-76.797331h126.459606a38.398666 38.398666 0 0 1 0 76.797331z m0-255.991104H167.179982a38.398666 38.398666 0 0 1 0-76.797331h126.459606a38.398666 38.398666 0 0 1 0 76.797331z m0-255.991104H167.179982a38.398666 38.398666 0 0 1 0-76.797332h126.459606a38.398666 38.398666 0 0 1 0 76.797332z" p-id="2523"></path></svg>

src/assets/styles/bigScreen.scss

@@ -679,10 +679,6 @@
   .el-card__header {
     padding: 0.14rem 0.15rem 0.07rem !important;
     min-height: 0.4rem !important;
-  }
-  .el-form-item__error {
-    font-size: 0.12rem !important;
-    padding-top: 0.04rem !important;
 }
 }
 @media (min-width: 2000px) {

src/assets/styles/element-ui.scss

@@ -1430,7 +1430,7 @@
   min-width: 50px !important;
   z-index: 0;
 }
-.el-input__suffix{
+.el-input__suffix {
   z-index: 10;
 }
 .el-cascader__tags {
@@ -1438,4 +1438,24 @@
   flex-direction: row;
   align-items: center;
   flex-wrap: nowrap;
+}
+.el-table--group,
+.el-table--border {
+  border: 1px solid #00264f !important;
+}
+.el-table--border .el-table__cell {
+  border-right: 1px solid #00264f !important;
+}
+.el-table--border th.el-table__cell {
+  border-bottom: 1px solid #00264f !important;
+}
+.el-table__expand-icon{
+  color: #fff !important;
+}
+.el-tag.el-tag--danger {
+  font-weight: bold !important;
+}
+.el-tag.el-tag--success{
+  font-weight: bold !important;
+  color: #03a249 !important;
 }

src/assets/styles/index.scss

@@ -775,3 +775,10 @@ table th {
     }
   }
 }
+/* 手机端样式 */
+@media (min-width: 0px) and (max-width: 990px) {
+  .app-main {
+    height: 100% !important;
+    overflow-y: hidden !important;
+  }
+}

src/assets/styles/sidebar.scss

@@ -116,7 +116,7 @@
     }
 
     & .nest-menu .el-submenu > .el-submenu__title,
-    & .el-submenu .el-menu-item {
+    & .nest-menu .el-menu-item {
       min-width: var(--base-sidebar-width) !important;
       padding: 0 35px !important;
 
@@ -124,6 +124,9 @@
         background-color: rgba(0, 0, 0, 0.06) !important;
       }
     }
+    & .nest-menu .el-menu > .nest-menu .el-menu-item {
+      padding: 0 55px !important;
+    }
 
     & .theme-dark .nest-menu .el-submenu > .el-submenu__title,
     & .theme-dark .el-submenu .el-menu-item {
@@ -328,18 +331,21 @@
       }
     }
   }
-  .hideSidebar .fixed-header{
+  .hideSidebar .fixed-header {
     width: calc(100% - 0.54rem) !important;
   }
   .el-submenu__title {
     font-size: 0.14rem !important;
     height: 0.56rem !important;
     line-height: 0.56rem !important;
-    font-size:0.14rem !important;
+    font-size: 0.14rem !important;
     padding: 0 0.2rem !important;
   }
   #app .sidebar-container .nest-menu .el-submenu > .el-submenu__title,
-  #app .sidebar-container .el-submenu .el-menu-item {
+  #app .sidebar-container .nest-menu .el-menu-item {
     padding: 0 0.35rem !important;
   }
+  #app .sidebar-container .nest-menu .el-menu > .nest-menu .el-menu-item {
+    padding: 0 0.55rem !important;
+  }
 }

src/permission.js

@@ -1,63 +1,87 @@
-import router from './router'
+import router from "./router";
-import store from './store'
+import store from "./store";
-import { Message } from 'element-ui'
+import { Message } from "element-ui";
-import NProgress from 'nprogress'
+import NProgress from "nprogress";
-import 'nprogress/nprogress.css'
+import "nprogress/nprogress.css";
-import { getToken } from '@/utils/auth'
+import { getToken } from "@/utils/auth";
-import { isPathMatch } from '@/utils/validate'
+import { isPathMatch } from "@/utils/validate";
-import { isRelogin } from '@/utils/request'
+import { isRelogin } from "@/utils/request";
+import {
+  isFullscreenSupported,
+  requestFullscreen,
+  isFullscreen,
+} from "@/utils/fullscreen";
+NProgress.configure({ showSpinner: false });
 
-NProgress.configure({ showSpinner: false })
+const whiteList = ["/login", "/register"];
-
-const whiteList = ['/login', '/register']
 
 const isWhiteList = (path) => {
-  return whiteList.some(pattern => isPathMatch(pattern, path))
+  return whiteList.some((pattern) => isPathMatch(pattern, path));
-}
+};
+
+let userManuallyExitedFullscreen = false;
+
+// 监听全屏状态变化事件
+document.addEventListener("fullscreenchange", () => {
+  if (!isFullscreen()) {
+    userManuallyExitedFullscreen = true;
+  }
+});
 
 router.beforeEach((to, from, next) => {
-  NProgress.start()
+  NProgress.start();
   if (getToken()) {
-    to.meta.title && store.dispatch('settings/setTitle', to.meta.title)
+    to.meta.title && store.dispatch("settings/setTitle", to.meta.title);
     /* has token*/
-    if (to.path === '/login') {
+    if (to.path === "/login") {
-      next({ path: '/' })
+      next({ path: "/" });
-      NProgress.done()
+      NProgress.done();
     } else if (isWhiteList(to.path)) {
-      next()
+      if (isFullscreenSupported() && !userManuallyExitedFullscreen) {
+        const element = document.documentElement;
+        requestFullscreen(element);
+      }
+      next();
     } else {
       if (store.getters.roles.length === 0) {
-        isRelogin.show = true
+        isRelogin.show = true;
         // 判断当前用户是否已拉取完user_info信息
-        store.dispatch('GetInfo').then(() => {
+        store
-          isRelogin.show = false
+          .dispatch("GetInfo")
-          store.dispatch('GenerateRoutes').then(accessRoutes => {
+          .then(() => {
-            // 根据roles权限生成可访问的路由表
+            isRelogin.show = false;
-            router.addRoutes(accessRoutes) // 动态添加可访问路由表
+            store.dispatch("GenerateRoutes").then((accessRoutes) => {
-            next({ ...to, replace: true }) // hack方法 确保addRoutes已完成
+              // 根据roles权限生成可访问的路由表
-          })
+              router.addRoutes(accessRoutes); // 动态添加可访问路由表
-        }).catch(err => {
+              next({ ...to, replace: true }); // hack方法 确保addRoutes已完成
-            store.dispatch('LogOut').then(() => {
+            });
-              Message.error(err)
-              next({ path: '/' })
-            })
           })
+          .catch((err) => {
+            store.dispatch("LogOut").then(() => {
+              Message.error(err);
+              next({ path: "/" });
+            });
+          });
       } else {
-        next()
+        if (isFullscreenSupported() && !userManuallyExitedFullscreen) {
+          const element = document.documentElement;
+          requestFullscreen(element);
+        }
+        next();
       }
     }
   } else {
     // 没有token
     if (isWhiteList(to.path)) {
       // 在免登录白名单，直接进入
-      next()
+      next();
     } else {
-      next(`/login?redirect=${encodeURIComponent(to.fullPath)}`) // 否则全部重定向到登录页
+      next(`/login?redirect=${encodeURIComponent(to.fullPath)}`); // 否则全部重定向到登录页
-      NProgress.done()
+      NProgress.done();
     }
   }
-})
+});
 
 router.afterEach(() => {
-  NProgress.done()
+  NProgress.done();
-})
+});

src/store/modules/permission.js

@@ -40,6 +40,7 @@ const permission = {
           const rewriteRoutes = filterAsyncRouter(rdata, false, true);
           const asyncRoutes = filterDynamicRoutes(dynamicRoutes);
           rewriteRoutes.push({ path: "*", redirect: "/404", hidden: true });
+          // 有中央空调
           // 如果动态的路由有中央空调-系统监控-系统监测页面，那就添加一个hidden为true非Layout的大屏页面
           const result = checkRouteArray(
             sidebarRoutes,
@@ -90,6 +91,141 @@ const permission = {
             // console.log("不满足条件");
           }
 
+          // 风柜
+          const result2 = sidebarRoutes.find(
+            (item) => item.name === "AircAndWindc"
+          );
+          if (result2) {
+            // 定义要添加的多个路由对象数组
+            const additionalRoutes2 = [
+              {
+                path: "/asSysMonitorDetails",
+                name: "asSysMonitorDetails",
+                hidden: true,
+                component: () =>
+                  import(
+                    "@/views/aircAndWindc/awSysMonitor/asSysMonitorDetails"
+                  ),
+                meta: { title: "系统监控", icon: "screen" },
+              },
+              // 可以继续添加更多路由对象
+            ];
+            // 循环添加额外的路由对象到各路由数组
+            additionalRoutes2.forEach((route) => {
+              sidebarRoutes.push(route);
+              rewriteRoutes.push(route);
+              asyncRoutes.push(route);
+            });
+          } else {
+            // console.log("不满足条件");
+          }
+
+          // 锅炉
+          const result3 = sidebarRoutes.find(
+            (item) => item.name === "BoilerSys"
+          );
+          if (result3) {
+            // 定义要添加的多个路由对象数组
+            const additionalRoutes3 = [
+              {
+                path: "/boilerMonitorDetails",
+                name: "boilerMonitorDetails",
+                hidden: true,
+                component: () =>
+                  import(
+                    "@/views/boilerSys/boilerMonitor/boilerMonitorDetails"
+                  ),
+                meta: { title: "锅炉监控", icon: "screen" },
+              },
+              {
+                path: "/hotWaterBoilerDetails",
+                name: "hotWaterBoilerDetails",
+                hidden: true,
+                component: () =>
+                  import(
+                    "@/views/boilerSys/hotWaterBoiler/hotWaterBoilerDetails"
+                  ),
+                meta: { title: "热水锅炉监控", icon: "screen" },
+              },
+              {
+                path: "/heatingPumpDetails",
+                name: "heatingPumpDetails",
+                hidden: true,
+                component: () =>
+                  import("@/views/boilerSys/heatingPump/heatingPumpDetails"),
+                meta: { title: "采暖泵监控", icon: "screen" },
+              },
+              {
+                path: "/steamHeatingDetails",
+                name: "steamHeatingDetails",
+                hidden: true,
+                component: () =>
+                  import("@/views/boilerSys/steamHeating/steamHeatingDetails"),
+                meta: { title: "蒸汽采暖运行监控", icon: "screen" },
+              },
+              // 可以继续添加更多路由对象
+            ];
+            // 循环添加额外的路由对象到各路由数组
+            additionalRoutes3.forEach((route) => {
+              sidebarRoutes.push(route);
+              rewriteRoutes.push(route);
+              asyncRoutes.push(route);
+            });
+          } else {
+            // console.log("不满足条件");
+          }
+
+          // 热水
+          const result4 = sidebarRoutes.find(
+            (item) => item.name === "HotWater"
+          );
+          if (result4) {
+            // 定义要添加的多个路由对象数组
+            const additionalRoutes4 = [
+              {
+                path: "/waterMonitorDetails",
+                name: "waterMonitorDetails",
+                hidden: true,
+                component: () =>
+                  import("@/views/hotWater/waterMonitor/waterMonitorDetails"),
+                meta: { title: "热水监控", icon: "screen" },
+              },
+              // 可以继续添加更多路由对象
+            ];
+            // 循环添加额外的路由对象到各路由数组
+            additionalRoutes4.forEach((route) => {
+              sidebarRoutes.push(route);
+              rewriteRoutes.push(route);
+              asyncRoutes.push(route);
+            });
+          } else {
+            // console.log("不满足条件");
+          }
+
+          // 温度监测
+          const result5 = sidebarRoutes.find((item) => item.name === "TemSys");
+          if (result5) {
+            // 定义要添加的多个路由对象数组
+            const additionalRoutes5 = [
+              {
+                path: "/temMonitorDeatils",
+                name: "temMonitorDeatils",
+                hidden: true,
+                component: () =>
+                  import("@/views/temSys/temMonitor/temMonitorDeatils"),
+                meta: { title: "温度监测", icon: "screen" },
+              },
+            ];
+            // 循环添加额外的路由对象到各路由数组
+            additionalRoutes5.forEach((route) => {
+              sidebarRoutes.push(route);
+              rewriteRoutes.push(route);
+              asyncRoutes.push(route);
+            });
+          } else {
+            // console.log("不满足条件");
+          }
+
           commit("SET_ROUTES", rewriteRoutes);
           commit("SET_SIDEBAR_ROUTERS", constantRoutes.concat(sidebarRoutes));
           commit("SET_DEFAULT_ROUTES", sidebarRoutes);

src/utils/fullscreen.js

@@ -0,0 +1,53 @@
+// 检查浏览器是否支持全屏 API
+function isFullscreenSupported() {
+  return (
+    document.fullscreenEnabled ||
+    document.webkitFullscreenEnabled ||
+    document.mozFullScreenEnabled ||
+    document.msFullscreenEnabled
+  );
+}
+
+// 进入全屏模式
+function requestFullscreen(element) {
+  if (element.requestFullscreen) {
+    element.requestFullscreen();
+  } else if (element.webkitRequestFullscreen) {
+    element.webkitRequestFullscreen();
+  } else if (element.mozRequestFullScreen) {
+    element.mozRequestFullScreen();
+  } else if (element.msRequestFullscreen) {
+    element.msRequestFullscreen();
+  }
+}
+
+// 退出全屏模式
+function exitFullscreen() {
+  if (document.exitFullscreen) {
+    document.exitFullscreen();
+  } else if (document.webkitExitFullscreen) {
+    document.webkitExitFullscreen();
+  } else if (document.mozCancelFullScreen) {
+    document.mozCancelFullScreen();
+  } else if (document.msExitFullscreen) {
+    document.msExitFullscreen();
+  }
+}
+
+// 检查当前是否处于全屏状态
+function isFullscreen() {
+  return (
+    document.fullscreenElement ||
+    document.webkitFullscreenElement ||
+    document.mozFullScreenElement ||
+    document.msFullscreenElement
+  );
+}
+
+
+export {
+  isFullscreenSupported,
+  requestFullscreen,
+  exitFullscreen,
+  isFullscreen,
+};

src/utils/request.js

@@ -17,7 +17,7 @@ const service = axios.create({
   // axios中请求配置有baseURL选项，表示请求URL公共部分
   baseURL: process.env.VUE_APP_BASE_API,
   // 超时
-  timeout: 10000
+  timeout: 15000
 })
 
 // request拦截器

src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue

@@ -0,0 +1,721 @@
+<template>
+  <div class="monitor">
+    <div class="monitor-top">
+      <img
+        class="title-left"
+        src="../../../assets/images/title-left.png"
+        alt=""
+      />
+      <img
+        class="title-center"
+        src="../../../assets/images/title-center.png"
+        alt=""
+        @click="goSys"
+      />
+      <img
+        class="title-right"
+        src="../../../assets/images/title-right.png"
+        alt=""
+      />
+      <div class="sys-title" @click="goSys">空调风柜监控系统</div>
+      <!-- logo -->
+      <img src="../../../assets/images/logo-3.png" class="sys-logo" alt="" />
+      <div class="nowTime">{{ formattedDate }}</div>
+      <div class="monitor-time">已监测时长:{{ dayData }}天</div>
+      <img
+        class="icon_warning"
+        src="../../../assets/images/warning.png"
+        title="报警记录"
+        @click="goWarning"
+        v-if="isShowWarning"
+        alt=""
+      />
+      <img
+        class="icon_home"
+        src="../../../assets/images/icon_home.png"
+        title="首页"
+        @click="goSys"
+        alt=""
+      />
+      <img
+        class="back-icon"
+        src="../../../assets/images/back-icon.png"
+        title="返回"
+        @click="goBack"
+        alt=""
+      />
+    </div>
+    <div class="app-container">
+      <div class="left-tree">
+        <!-- 为 el-tree 设置一个固定的高度和滚动条 -->
+        <div class="tree-div">
+          <el-tree
+            ref="tree"
+            :data="treeData"
+            node-key="id"
+            :default-expand-all="false"
+            :default-expanded-keys="expandedKeys"
+            :auto-expand-parent="true"
+            icon-class="none"
+            @node-expand="handleNodeExpand"
+            @node-collapse="handleNodeCollapse"
+            :highlight-current="true"
+            @node-click="handleNodeClick"
+          >
+            <template #default="{ node }">
+              <span class="custom-tree-node">
+                <!-- 根据节点状态动态设置图标类名 -->
+                <div class="tree-left">
+                  <i :class="getIconClass(node)" class="custom-tree-icon"></i>
+                  <span class="tree-label">{{ node.label }}</span>
+                </div>
+              </span>
+            </template>
+          </el-tree>
+        </div>
+      </div>
+      <damper-monitor
+        :currentId="currentId"
+        :currentName="currentName"
+        ref="damperMonitorRef"
+        v-if="isShowdamper"
+      ></damper-monitor>
+      <normal-monitor
+        :currentId="currentId"
+        :currentName="currentName"
+        ref="normalMonitorRef"
+        v-else
+      ></normal-monitor>
+    </div>
+  </div>
+</template>
+
+<script>
+import { runTime } from "@/api/centerairC/sysMonitor";
+import { alarmRecordList } from "@/api/alarm/alarmRecord";
+import { getDay } from "@/utils/datetime";
+import { spaceTree } from "@/api/region";
+import damperMonitor from "./components/damperMonitor.vue";
+import normalMonitor from "./components/normalMonitor.vue";
+export default {
+  components: { damperMonitor, normalMonitor },
+  name: "asSysMonitorDetails",
+  data() {
+    return {
+      currentDate: new Date(),
+      nowTimer: null,
+      isShowWarning: false, //是否有报警
+      dayData: "", //监测天数
+      treeData: [],
+      defaultProps: {
+        children: "children",
+        label: "label",
+      },
+      deviceList: [],
+      expandedKeys: [],
+      currentId: "", //当前选中高亮的id
+      currentName: "", //当前选中的名称
+      currentLevel: "", //当前节点的层级
+      currentParentId: "", //当前节点的上级的id
+
+      backwaterObj: {}, //回水温度
+      airValveObj: {}, //风阀调节
+      airValveBackObj: {}, //风阀反馈
+      waterValveObj: {}, //水阀调节
+      startControlObj: {}, //启停控制
+      runStatusObj: {}, //运行状态
+      airSupplyObj: {}, //送风温度
+      pressureObj: {}, //压差
+      automaticObj: {}, //手自动状态
+      backAirObj: {}, //回风温度
+      faultAlarmObj: {}, //故障报警
+      waterSupplyObj: {}, //供水温度
+
+      tableData: [], //系统状态表格数据
+      temValue: "℃", //回风温度
+      valvePercent: "%", //阀比例
+      runStatus: false, //运行状态
+      autoStatus: false, //手自动状态
+      startStatus: false, //启停控制
+      frequency: "v",
+      isOpenTimeSwitch: false,
+      delayList: [],
+      currentWeekday: "",
+
+      isShowdamper: false,
+    };
+  },
+  computed: {
+    formattedDate() {
+      const year = this.currentDate.getFullYear();
+      const month = String(this.currentDate.getMonth() + 1).padStart(2, "0");
+      const day = String(this.currentDate.getDate()).padStart(2, "0");
+      const hours = String(this.currentDate.getHours()).padStart(2, "0");
+      const minutes = String(this.currentDate.getMinutes()).padStart(2, "0");
+      const seconds = String(this.currentDate.getSeconds()).padStart(2, "0");
+      const weekDays = [
+        "星期日",
+        "星期一",
+        "星期二",
+        "星期三",
+        "星期四",
+        "星期五",
+        "星期六",
+      ];
+      const weekDay = weekDays[this.currentDate.getDay()];
+      return `${year}年${month}月${day}日 ${hours}:${minutes}:${seconds} ${weekDay}`;
+    },
+  },
+  watch: {
+    temValue(newVal) {
+      let valueWithoutTem = newVal.replace(/℃/g, "");
+      if (valueWithoutTem === "") {
+        this.temValue = "℃";
+      } else {
+        this.temValue = valueWithoutTem + "℃";
+      }
+    },
+    valvePercent(newVal) {
+      // 去除输入值中的 %
+      let valueWithoutPercent = newVal.replace(/%/g, "");
+      // 如果输入值为空，保持 %
+      if (valueWithoutPercent === "") {
+        this.temValue = "%";
+      } else {
+        // 否则在输入值后面添加 %
+        this.temValue = valueWithoutPercent + "%";
+      }
+    },
+    frequency(newVal) {
+      let valueWithoutFrequency = newVal.replace(/v/g, "");
+      if (valueWithoutFrequency === "") {
+        this.temValue = "v";
+      } else {
+        this.temValue = valueWithoutFrequency + "v";
+      }
+    },
+  },
+  created() {
+    const weekdays = [
+      "星期日",
+      "星期一",
+      "星期二",
+      "星期三",
+      "星期四",
+      "星期五",
+      "星期六",
+    ];
+    const date = new Date();
+    const dayIndex = date.getDay();
+    this.currentWeekday = weekdays[dayIndex];
+    console.log("今天是星期几", this.currentWeekday);
+  },
+  mounted() {
+    this.requestFullscreen();
+    // 首次进入页面时执行
+    this.getSysBuild();
+    this.getAlarnStatus();
+    this.getDayData();
+    // 每秒更新一次时间
+    this.nowTimer = setInterval(() => {
+      this.currentDate = new Date();
+    }, 1000);
+  },
+  beforeDestroy() {
+    // 组件销毁前清除定时器
+    if (this.nowTimer) {
+      clearInterval(this.nowTimer);
+    }
+  },
+  methods: {
+    // 全屏操作
+    requestFullscreen() {
+      const element = document.documentElement;
+      console.log("全屏了吗");
+      if (element.requestFullscreen) {
+        element.requestFullscreen();
+      } else if (element.mozRequestFullScreen) {
+        // Firefox
+        element.mozRequestFullScreen();
+      } else if (element.webkitRequestFullscreen) {
+        // Chrome, Safari and Opera
+        element.webkitRequestFullscreen();
+      } else if (element.msRequestFullscreen) {
+        // IE/Edge
+        element.msRequestFullscreen();
+      }
+    },
+    // 退出全屏
+    exitFullscreen() {
+      if (document.exitFullscreen) {
+        document.exitFullscreen();
+      } else if (document.mozCancelFullScreen) {
+        // Firefox
+        document.mozCancelFullScreen();
+      } else if (document.webkitExitFullscreen) {
+        // Chrome, Safari and Opera
+        document.webkitExitFullscreen();
+      } else if (document.msExitFullscreen) {
+        // IE/Edge
+        document.msExitFullscreen();
+      }
+    },
+    // 进入系统首页
+    goSys() {
+      // this.exitFullscreen();
+      this.$router.push("/");
+    },
+    // 返回上一页
+    goBack() {
+      window.history.go(-2);
+    },
+    // 监测天数
+    getDayData() {
+      runTime().then((res) => {
+        if (res.code == 200) {
+          this.dayData = res.data.runTime;
+        }
+      });
+    },
+    // 报警列表
+    getAlarnStatus() {
+      let data = {
+        pageNum: 1,
+        pageSize: 10,
+        status: "0",
+      };
+      let timeArr = [getDay(0), getDay(0)];
+      alarmRecordList(this.addDateRange(data, timeArr)).then((res) => {
+        if (res.code == 200 && res.rows.length > 0) {
+          this.isShowWarning = true;
+        } else {
+          this.isShowWarning = false;
+        }
+      });
+    },
+    goWarning() {
+      // this.exitFullscreen();
+      this.$router.push("/alarm/alarmRecord");
+    },
+    // 判断对象是否有效（不为空且不为 undefined）
+    isObjectValid(obj) {
+      return obj && Object.keys(obj).length > 0;
+    },
+    getSysBuild() {
+      spaceTree().then((res) => {
+        if (res.code == 200) {
+          // 只需要保留热水的系统
+          console.log("楼栋返回值", res);
+          let newRes = { ...res };
+
+          if (newRes.data && newRes.data[0] && newRes.data[0].children) {
+            newRes.data[0].children = newRes.data[0].children.filter((item) => {
+              // 假设子项有一个 label属性，用于检查是否包含 "热水"
+              return item.label && item.label.includes("空调风柜");
+            });
+          }
+          // 指定要保留的最大层级（从 1 开始计数），这里假设指定为第 5 级
+          const targetLevel = 5;
+          // 从 data[0] 开始处理，当前层级为 1
+          if (newRes.data[0]) {
+            this.removeChildrenAfterLevel(newRes.data[0], 1, targetLevel);
+          }
+          console.log("筛选后的新结果", newRes);
+          this.treeData = newRes.data;
+          this.$nextTick(() => {
+            // 默认展开节点
+            this.getExpandedKeys(this.treeData, 1);
+            if (this.treeData.length > 0) {
+              // 找到最后一层的第一个子节点
+              const lastLevelFirstChild = this.findLastLevelFirstChild(
+                this.treeData[0]
+              );
+              // this.$refs.tree.setCurrentKey(
+              //   this.treeData[0].children[0].children[0].children[0].id
+              // );
+              // 设置当前选中的节点,默认高亮
+              this.$refs.tree.setCurrentKey(lastLevelFirstChild.id);
+              // 更新当前节点的信息
+              this.currentId = lastLevelFirstChild.id;
+              this.currentLevel = lastLevelFirstChild.level;
+              this.currentName = lastLevelFirstChild.label;
+              console.log("当前选中节点ID", this.currentId);
+              console.log("当前选中节点层级", this.currentLevel);
+              console.log("当前选中节点名称", this.currentName);
+              //  传给子组件,触发子组件getWindList()
+              if (
+                this.currentName.includes("新风阀") ||
+                this.currentName.includes("AHU")
+              ) {
+                this.isShowdamper = true;
+                this.$nextTick(() => {
+                  this.$refs.damperMonitorRef.getWindList();
+                });
+              } else {
+                this.isShowdamper = false;
+                this.$nextTick(() => {
+                  this.$refs.normalMonitorRef.getWindList();
+                });
+              }
+            }
+          });
+        }
+      });
+    },
+    // 递归函数，用于去除指定层级往后的 children 数据
+    removeChildrenAfterLevel(obj, currentLevel, targetLevel) {
+      if (currentLevel >= targetLevel) {
+        // 当达到指定层级时，将 children 属性置为空数组
+        obj.children = [];
+        return;
+      }
+      if (obj.children && obj.children.length > 0) {
+        // 若存在 children 数组，则递归处理每个子项
+        for (let i = 0; i < obj.children.length; i++) {
+          this.removeChildrenAfterLevel(
+            obj.children[i],
+            currentLevel + 1,
+            targetLevel
+          );
+        }
+      }
+    },
+    // 递归函数，找到最后一层的第一个子节点
+    findLastLevelFirstChild(node, level = 1) {
+      if (!node.children || node.children.length === 0) {
+        return {
+          id: node.id,
+          level,
+          label: node.label,
+        };
+      }
+      return this.findLastLevelFirstChild(node.children[0], level + 1);
+    },
+    // 默认只展示一二级菜单
+    getExpandedKeys(nodes, level) {
+      nodes.forEach((node) => {
+        if (level <= this.currentId + 4) {
+          this.expandedKeys.push(node.id);
+        }
+        if (node.children) {
+          this.getExpandedKeys(node.children, level + 1);
+        }
+      });
+    },
+    // 更换图标
+    getIconClass(node) {
+      // console.log("当前图标的节点内容", node);
+      if (node.level === 5) {
+        // 5级菜单时的图标
+        if (node.expanded) {
+          return "el-icon-document-opened"; // 5级菜单展开时的图标类名
+        }
+        return "el-icon-document"; // 5级菜单收缩时的图标类名
+      }
+      if (node.expanded) {
+        return "el-icon-folder-opened"; // 非5级菜单展开时的图标类名
+      }
+      return "el-icon-folder-add"; // 非5级菜单收缩时的图标类名
+    },
+    handleNodeExpand(node) {
+      // 节点展开时触发
+    },
+    handleNodeCollapse(node) {
+      // 节点收缩时触发
+    },
+    // 点击当前节点，保存节点内容
+    handleNodeClick(node, data) {
+      console.log("点击的当前节点", node, data);
+      if (data.level !== 5) {
+        console.log("不是第5层000");
+        // 设置当前选中的节点,默认高亮
+        this.$refs.tree.setCurrentKey(this.currentId);
+        console.log("当前选中节点ID", this.currentId);
+        console.log("当前选中节点层级", this.currentLevel);
+        console.log("当前选中节点名称", this.currentName);
+      } else {
+        console.log("第5层111");
+        this.currentId = node.id;
+        this.currentLevel = data.level;
+        this.currentName = node.label;
+        // 设置当前选中的节点,默认高亮
+        this.$refs.tree.setCurrentKey(this.currentId);
+        console.log("当前选中节点ID", this.currentId);
+        console.log("当前选中节点层级", this.currentLevel);
+        console.log("当前选中节点名称", this.currentName);
+        // 传给子组件,触发子组件getWindList()
+        if (
+          this.currentName.includes("新风阀") ||
+          this.currentName.includes("AHU")
+        ) {
+          this.isShowdamper = true;
+          this.$nextTick(() => {
+            this.$refs.damperMonitorRef.getWindList();
+          });
+        } else {
+          this.isShowdamper = false;
+          this.$nextTick(() => {
+            this.$refs.normalMonitorRef.getWindList();
+          });
+        }
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.monitor {
+  width: 100%;
+  min-height: 100vh;
+  background-color: black;
+  color: #fff;
+  .monitor-top {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+    padding: 0.1rem 0.2rem;
+    position: relative;
+    .title-left {
+      width: 3.41rem;
+      height: 0.8rem;
+    }
+    .title-center {
+      width: 9.46rem;
+      height: 0.8rem;
+    }
+    .title-right {
+      width: 5.04rem;
+      height: 0.78rem;
+    }
+    .sys-title {
+      position: absolute;
+      top: 40%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      font-size: 0.28rem;
+      color: #ffffff;
+      font-weight: bold;
+      z-index: 100;
+      cursor: pointer;
+    }
+    .nowTime {
+      position: absolute;
+      top: 0.37rem;
+      right: 0.6rem;
+      font-size: 0.18rem;
+      color: #ffffff;
+      font-weight: bold;
+      z-index: 100;
+    }
+    .sys-logo {
+      width: 1.8rem;
+      height: 0.5rem;
+      position: absolute;
+      top: 0.26rem;
+      left: 0.8rem;
+      z-index: 10;
+    }
+    .monitor-time {
+      position: absolute;
+      top: 0.44rem;
+      left: 4.2rem;
+      z-index: 10;
+      font-size: 0.18rem;
+      color: #ffffff;
+      font-weight: bold;
+    }
+    .icon_warning {
+      position: absolute;
+      top: 0.39rem;
+      right: 4.4rem;
+      z-index: 10;
+      width: 0.35rem;
+      height: 0.32rem;
+      margin: 0 0.25rem 0 0.27rem;
+      cursor: pointer;
+      /* 添加闪烁动画 */
+      animation: blink 1s infinite;
+    }
+    @keyframes blink {
+      100% {
+        opacity: 1;
+      }
+      50% {
+        opacity: 0;
+      }
+    }
+    .icon_home {
+      position: absolute;
+      top: 0.39rem;
+      right: 4rem;
+      z-index: 10;
+      width: 0.35rem;
+      height: 0.32rem;
+      margin: 0 0.2rem 0 0.27rem;
+      cursor: pointer;
+    }
+    .back-icon {
+      position: absolute;
+      top: 0.39rem;
+      right: 3.7rem;
+      z-index: 10;
+      width: 0.35rem;
+      height: 0.32rem;
+      cursor: pointer;
+    }
+  }
+}
+.app-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: stretch;
+  height: 100%;
+  padding: 0.3rem 0.2rem 0 0.35rem;
+  width: 100%;
+  .left-tree {
+    width: 256px;
+    padding: 15px 10px 10px 10px;
+    border: 1px solid #004b8c;
+    .tree-div {
+      height: 7rem;
+      overflow-y: auto;
+    }
+    .status {
+      display: flex;
+      flex-direction: row;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      margin-top: 20px;
+      .status-li {
+        width: 50%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        margin-bottom: 15px;
+      }
+      .status1,
+      .status2,
+      .status3,
+      .status4 {
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        margin-bottom: 5px;
+      }
+      .status1::before {
+        content: "";
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background-color: #00d2ff;
+        margin-right: 5px;
+      }
+      .status2::before {
+        content: "";
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background-color: #ff2f2f;
+        margin-right: 5px;
+      }
+      .status3::before {
+        content: "";
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background-color: #ff9908;
+        margin-right: 5px;
+      }
+      .status4::before {
+        content: "";
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        background-color: #7398c7;
+        margin-right: 5px;
+      }
+    }
+  }
+  .right-monitor {
+    width: calc(100% - 280px);
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+  }
+}
+.tree-container {
+  height: 300px; /* 设置固定高度 */
+  overflow-y: auto; /* 启用垂直滚动条 */
+}
+// 滚动条
+:-webkit-scrollbar {
+  width: 10px; /* 滚动条宽度 */
+}
+
+::-webkit-scrollbar-track {
+  background: transparent !important; /* 滚动条轨道背景色 */
+}
+.custom-tree-node {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 14px;
+  padding-right: 8px;
+  .tree-left {
+    .custom-tree-icon {
+      margin-right: 5px;
+    }
+  }
+}
+.highlight {
+  background-color: #003863 !important; /* 定义高亮的背景颜色 */
+  color: #ffffff !important;
+  font-weight: bold;
+}
+// 手机端样式
+@media (min-width: 0px) and (max-width: 990px) {
+  .app-container {
+    padding: 0rem 0.2rem 0 0.35rem !important;
+  }
+  .app-container .left-tree {
+    width: 200px !important;
+    min-height: 340px !important;
+    padding: 0.15rem 0 !important;
+  }
+  .app-container .tree-div {
+    height: 300px !important;
+    width: 100%;
+    overflow-x: hidden !important;
+  }
+  .app-container .right-monitor {
+    width: calc(100% - 210px) !important;
+  }
+  .custom-tree-node {
+    font-size: 12px !important;
+  }
+}
+</style>
+<style scoped>
+/* 自定义高亮颜色 */
+.left-tree
+  >>> .el-tree--highlight-current
+  .el-tree-node.is-current
+  > .el-tree-node__content {
+  background-color: #285b9e !important;
+  /* color: #f56c6c;  */
+  color: #25f1f8;
+}
+/* 手机端样式 */
+@media (min-width: 0px) and (max-width: 990px) {
+  .left-tree >>> .el-tree-node__content > .el-tree-node__expand-icon {
+    padding: 3px !important;
+  }
+}
+</style>

src/views/alarm/alarmCode/index.vue

@@ -21,6 +21,7 @@
               v-model="queryParams.status"
               placeholder="选择采集类别"
               clearable
+              filterable
             >
               <el-option
                 v-for="dict in dict.type.alarm_collection_type"
@@ -35,6 +36,7 @@
               v-model="queryParams.eventType"
               placeholder="选择事件类型"
               clearable
+              filterable
             >
               <el-option
                 v-for="dict in dict.type.alarm_event_type"
@@ -49,6 +51,7 @@
               v-model="queryParams.alarmLevel"
               placeholder="选择报警等级"
               clearable
+              filterable
             >
               <el-option
                 v-for="dict in dict.type.alarm_level"
@@ -226,6 +229,7 @@
                 v-model="form.collectionType"
                 placeholder="请选择采集类别"
                 clearable
+                filterable
               >
                 <el-option
                   v-for="dict in dict.type.alarm_collection_type"
@@ -244,6 +248,7 @@
                 v-model="form.eventType"
                 placeholder="请选择事件类型"
                 clearable
+                filterable
               >
                 <el-option
                   v-for="dict in dict.type.alarm_event_type"
@@ -259,6 +264,7 @@
                 v-model="form.alarmLevel"
                 placeholder="请选择报警等级"
                 clearable
+                filterable
               >
                 <el-option
                   v-for="dict in dict.type.alarm_level"

src/views/alarm/alarmRecord/index.vue

@@ -21,6 +21,7 @@
               v-model="queryParams.alarmType"
               placeholder="选择报警类型"
               clearable
+              filterable
             >
               <el-option
                 v-for="dict in dict.type.alarm_type"
@@ -35,6 +36,7 @@
               v-model="queryParams.eventType"
               placeholder="选择事件类型"
               clearable
+              filterable
             >
               <el-option
                 v-for="dict in dict.type.alarm_event_type"
@@ -49,6 +51,7 @@
               v-model="queryParams.alarmLevel"
               placeholder="选择报警等级"
               clearable
+              filterable
             >
               <el-option
                 v-for="dict in dict.type.alarm_level"
@@ -71,6 +74,7 @@
               v-model="queryParams.status"
               placeholder="选择处理状态"
               clearable
+              filterable
             >
               <el-option label="未处理" value="0" />
               <el-option label="已处理" value="1" />

src/views/alarm/alarmRule/index.vue

@@ -13,6 +13,7 @@
               v-model="queryParams.alarmType"
               placeholder="选择报警类型"
               clearable
+              filterable
             >
               <el-option
                 v-for="dict in dict.type.alarm_type"
@@ -27,6 +28,7 @@
               v-model="queryParams.eventType"
               placeholder="选择事件类型"
               clearable
+              filterable
             >
               <el-option
                 v-for="dict in dict.type.alarm_event_type"
@@ -41,6 +43,7 @@
               v-model="queryParams.alarmLevel"
               placeholder="选择报警等级"
               clearable
+              filterable
             >
               <el-option
                 v-for="dict in dict.type.alarm_level"
@@ -252,6 +255,7 @@
                 placeholder="请选择设备类型"
                 clearable
                 @change="handleDevice"
+                filterable
               >
                 <el-option
                   v-for="item in devices"
@@ -269,6 +273,7 @@
                 placeholder="请选择设备类型"
                 clearable
                 @change="handleMeter"
+                filterable
               >
                 <el-option
                   v-for="item in cpmList"
@@ -287,6 +292,7 @@
                 v-model="form.alarmType"
                 placeholder="请选择报警类型"
                 clearable
+                filterable
               >
                 <el-option
                   v-for="dict in dict.type.alarm_type"
@@ -314,6 +320,7 @@
                 v-model="form.eventType"
                 placeholder="请选择事件类型"
                 clearable
+                filterable
               >
                 <el-option
                   v-for="dict in dict.type.alarm_event_type"
@@ -329,6 +336,7 @@
                 v-model="form.alarmLevel"
                 placeholder="请选择报警等级"
                 clearable
+                filterable
               >
                 <el-option
                   v-for="dict in dict.type.alarm_level"
@@ -346,6 +354,7 @@
                 v-model="form.triggerEvent"
                 placeholder="请选择"
                 clearable
+                filterable
               >
                 <el-option label="开" value="0" />
                 <el-option label="关" value="1" />
@@ -358,6 +367,7 @@
                 v-model="form.timePeriodSet"
                 placeholder="请选择"
                 clearable
+                filterable
               >
                 <el-option label="全时段" value="0" />
                 <el-option label="自定义时段" value="1" />
@@ -432,7 +442,12 @@
         <el-row type="flex" justify="flex-start">
           <el-col :span="12">
             <el-form-item label="状态" prop="status">
-              <el-select v-model="form.status" placeholder="请选择" clearable>
+              <el-select
+                v-model="form.status"
+                placeholder="请选择"
+                clearable
+                filterable
+              >
                 <el-option label="已启用" value="0" />
                 <el-option label="未启用" value="1" />
               </el-select>
@@ -653,7 +668,8 @@ export default {
       this.multiple = !selection.length;
     },
     // 弹框选择设备名称
-    handleDevice(selectedValue) {
+    handleDevice(selectedValue, val) {
+      console.log("选择设备", selectedValue);
       // 通过选中的 value 找到对应的 label
       const selectedItem = this.devices.find(
         (item) => item.id === selectedValue
@@ -668,8 +684,13 @@ export default {
         // 请求采集位点
         this.getCpmIdList(this.form.ledgerId);
       }
-      //清除采集位点
+      if (!val) {
-      this.form.cpmId = "";
+        console.log("非第一次打开弹框-选择设备类型");
+        //清除采集位点
+        this.form.cpmId = "";
+      } else {
+        console.log("第一次打开弹框-默认采集点位");
+      }
     },
     //采集参数列表
     getCpmIdList(id) {
@@ -760,6 +781,8 @@ export default {
         };
         this.open = true;
         this.title = "修改报警规则";
+        // 手动调用 handleDevice 方法
+        this.handleDevice(this.form.ledgerId, true);
       });
     },
     /** 提交按钮 */

src/views/bigScreen/bigScreen.vue

@@ -10,7 +10,7 @@
       class="loginD_img_down"
       alt=""
     />
-    <div class="sys-title">楼宇智慧管理系统平台</div>
+    <div class="sys-title" @click="goSys">楼宇智慧管理系统平台</div>
     <!-- <div class="day">已监测100天</div> -->
     <div class="set">
       <img src="../../assets/images/icon_time.png" class="icon_time" alt="" />
@@ -52,7 +52,7 @@
             <div class="special-top">
               <div class="special-title">
                 <div class="title-left">
-                  <div>冷源系统能耗</div>
+                  <div>冷源系统能效</div>
                   <time-data
                     v-model="sharedIndex"
                     :currentIndex="sharedIndex"
@@ -147,13 +147,13 @@
                 <div class="message-data">{{ viewMes.totalGas }}t</div>
                 <div>总蒸汽量</div>
               </div>
-              <div class="message-li">
+              <!-- <div class="message-li">
                 <img
                   class="message-img"
                   src="../../assets/images/message-img5.png"
                   alt=""
                 />
-                <div class="message-data">{{ viewMes.eleUnitArea }}wkh/m²</div>
+                <div class="message-data">{{ viewMes.eleUnitArea }}kwh/m²</div>
                 <div>面积电耗</div>
               </div>
               <div class="message-li">
@@ -162,7 +162,7 @@
                   src="../../assets/images/message-img7.png"
                   alt=""
                 />
-                <div class="message-data">{{ viewMes.waterUnitArea }}kwh</div>
+                <div class="message-data">{{ viewMes.waterUnitArea }}t/m²</div>
                 <div>面积水耗</div>
               </div>
               <div class="message-li">
@@ -171,7 +171,7 @@
                   src="../../assets/images/message-img8.png"
                   alt=""
                 />
-                <div class="message-data">{{ viewMes.coldUnitArea }}kw/lm³</div>
+                <div class="message-data">{{ viewMes.coldUnitArea }}kw/m²</div>
                 <div>面积冷耗</div>
               </div>
               <div class="message-li">
@@ -180,9 +180,9 @@
                   src="../../assets/images/message-img9.png"
                   alt=""
                 />
-                <div class="message-data">{{ viewMes.gasUnitArea }}kw/lm³</div>
+                <div class="message-data">{{ viewMes.gasUnitArea }}t/m²</div>
                 <div>面积汽耗</div>
-              </div>
+              </div> -->
             </div>
           </div>
           <div class="special-div">
@@ -394,6 +394,7 @@ export default {
     background-clip: text;
     -webkit-background-clip: text;
     color: transparent;
+    cursor: pointer;
   }
   .day {
     position: absolute;
@@ -489,7 +490,7 @@ export default {
         flex-direction: row;
         flex-wrap: wrap;
         justify-content: flex-start;
-        margin-top: 29px;
+        margin: 30px 0;
         font-family: SourceHanSansCN-Regular;
         font-size: 16px;
         font-weight: normal;
@@ -502,7 +503,7 @@ export default {
           align-items: center;
           justify-content: center;
           width: calc(33.33% - 32px);
-          margin: 0 16px;
+          margin: 16px;
           //   margin-bottom: 22px;
           .message-data {
             font-family: DIN-Bold;
@@ -610,11 +611,11 @@ export default {
       .screen-right {
         width: 30% !important;
         .message {
-          margin-top: 0.29rem !important;
+          margin: 0.3rem 0 !important;
           font-size: 0.16rem !important;
           .message-li {
             width: calc(33.33% - 0.32rem) !important;
-            margin: 0 0.16rem !important;
+            margin:0.16rem !important;
             .message-data {
               font-size: 0.2rem !important;
               margin-bottom: 0.3rem !important;

src/views/bigScreen/components/allEnergy.vue

@@ -124,10 +124,16 @@ export default {
             {
               name: "数据详情:",
               data: [
-                { value: this.energyMes.eleStandardCoal, name: "耗电量" },
+                { value: this.energyMes.eleStandardCoal, name: "耗电量(kgce)" },
-                { value: this.energyMes.waterStandardCoal, name: "用水量" },
+                {
-                { value: this.energyMes.coldStandardCoal, name: "产冷量" },
+                  value: this.energyMes.waterStandardCoal,
-                { value: this.energyMes.gasStandardCoal, name: "蒸汽量" },
+                  name: "用水量(kgce)",
+                },
+                {
+                  value: this.energyMes.coldStandardCoal,
+                  name: "产冷量(kgce)",
+                },
+                { value: this.energyMes.gasStandardCoal, name: "蒸汽量(kgce)" },
               ],
               itemStyle: {
                 color: function (params) {
@@ -140,10 +146,16 @@ export default {
             },
             {
               data: [
-                { value: this.energyMes.eleStandardCoal, name: "耗电量" },
+                { value: this.energyMes.eleStandardCoal, name: "耗电量(kgce)" },
-                { value: this.energyMes.waterStandardCoal, name: "用水量" },
+                {
-                { value: this.energyMes.coldStandardCoal, name: "产冷量" },
+                  value: this.energyMes.waterStandardCoal,
-                { value: this.energyMes.gasStandardCoal, name: "蒸汽量" },
+                  name: "用水量(kgce)",
+                },
+                {
+                  value: this.energyMes.coldStandardCoal,
+                  name: "产冷量(kgce)",
+                },
+                { value: this.energyMes.gasStandardCoal, name: "蒸汽量(kgce)" },
               ],
             },
           ],
@@ -227,10 +239,10 @@ export default {
             {
               name: "数据详情:",
               data: [
-                { value: 0, name: "耗电量" },
+                { value: 0, name: "耗电量(kgce)" },
-                { value: 0, name: "用水量" },
+                { value: 0, name: "用水量(kgce)" },
-                { value: 0, name: "产冷量" },
+                { value: 0, name: "产冷量(kgce)" },
-                { value: 0, name: "蒸汽量" },
+                { value: 0, name: "蒸汽量(kgce)" },
               ],
               itemStyle: {
                 color: function (params) {
@@ -243,10 +255,10 @@ export default {
             },
             {
               data: [
-                { value: 0, name: "耗电量" },
+                { value: 0, name: "耗电量(kgce)" },
-                { value: 0, name: "用水量" },
+                { value: 0, name: "用水量(kgce)" },
-                { value: 0, name: "产冷量" },
+                { value: 0, name: "产冷量(kgce)" },
-                { value: 0, name: "蒸汽量" },
+                { value: 0, name: "蒸汽量(kgce)" },
               ],
             },
           ],
@@ -286,7 +298,7 @@ export default {
             color: "#ffffff",
           },
           textAlign: "center",
-          x: "27%",
+          x: "23%",
           y: "36%", //距离上边的距离
         },
         tooltip: {
@@ -310,7 +322,7 @@ export default {
             name: "数据详情:",
             type: "pie",
             radius: ["60%", "72%"],
-            center: ["28%", "44%"],
+            center: ["24%", "44%"],
             avoidLabelOverlap: false,
             label: {
               show: false,
@@ -333,7 +345,7 @@ export default {
           {
             type: "pie",
             radius: ["50%", "62%"],
-            center: ["28%", "44%"],
+            center: ["24%", "44%"],
             avoidLabelOverlap: false,
             label: {
               show: false,
@@ -363,7 +375,7 @@ export default {
             // 这里开启silent: true, 就达到效果了
             // center与非内圈一致
             radius: ["38%", "39%"],
-            center: ["28%", "44%"],
+            center: ["24%", "44%"],
             label: {
               show: false,
             },
@@ -385,7 +397,7 @@ export default {
             // 这里开启silent: true, 就达到效果了
             // center与非内圈一致
             radius: ["0%", "38%"],
-            center: ["28%", "44%"],
+            center: ["24%", "44%"],
             label: {
               show: false,
             },

src/views/bigScreen/components/coldSysEnergy.vue

@@ -2,8 +2,8 @@
   <div class="energy_content">
     <div class="sys_charts" ref="sys_charts"></div>
     <div class="eer">
-      <div>用电量:{{ energyMes.totalEle }}kw/h</div>
       <div>产冷量:{{ energyMes.totalCold }}kwh</div>
+      <div>用电量:{{ energyMes.totalEle }}kw/h</div>
     </div>
   </div>
 </template>
@@ -509,16 +509,21 @@ export default {
                 label: {
                   show: true,
                   position: "center", // 文字显示在中心位置
-                  offset: [0, -titleFontSize * 0.6], // 向上偏移 10 个单位
+                  offset: [0, -25], // 向上偏移 10 个单位
                   formatter: function () {
                     // 返回 HTML 标签，使用 rich 里定义的样式
-                    return `{line|${that.useForm.useData}}`;
+                    return `{line1|${that.useForm.useData}}\n{line2| EER}`;
                   },
                   rich: {
-                    line: {
+                    line1: {
+                      color: "#39dd4f", // 第一行文字颜色
+                      fontSize: 20, // 第一行文字大小
+                      lineHeight: 34, // 行高，实现间距
+                    },
+                    line2: {
                       color: "#fff", // 第二行文字颜色
-                      fontSize: titleFontSize, // 第二行文字大小
+                      fontSize: 14, // 第二行文字大小
-                      lineHeight: 0, // 行高，实现间距
+                      lineHeight: 24, // 行高，实现间距
                     },
                   },
                 },

src/views/bigScreen/components/timeData.vue

@@ -19,7 +19,7 @@ export default {
   props: ["currentIndex"],
   data() {
     return {
-      timeData2: [{ title: "日" }, { title: "月" }, { title: "年" }],
+      timeData2: [{ title: "当日" }, { title: "当月" }, { title: "当年" }],
       timeIndex2: 0,
     };
   },

src/views/bigScreen/components/useElect.vue

@@ -127,6 +127,7 @@ export default {
         },
         series: [
           {
+            name: "用电趋势",
             type: "line",
             // 拐点大小
             symbolSize: 8,
@@ -203,7 +204,8 @@ export default {
                     ":" +
                     '<span style="color: #000000; font-weight: bold;margin-left:5px">' +
                     value +
-                    "</span><br>";
+                    "kwh";
+                  ("</span><br>");
                 }
                 return res;
               },
@@ -264,7 +266,7 @@ export default {
 
   .sys_charts {
     width: 100%;
-    height: 230px;
+    height: 280px;
   }
   .eer {
     font-size: 18px;
@@ -275,7 +277,7 @@ export default {
 @media (min-width: 2000px) {
   .energy_content {
     .sys_charts {
-      height: 2.4rem !important;
+      height: 2.8rem !important;
     }
     .eer {
       font-size: 0.18rem !important;

src/views/bigScreen/components/waterSysEnergy.vue

@@ -510,16 +510,21 @@ export default {
                 label: {
                   show: true,
                   position: "center", // 文字显示在中心位置
-                  offset: [0, -titleFontSize * 0.6], // 向上偏移 10 个单位
+                  offset: [0, -25], // 向上偏移 10 个单位
                   formatter: function () {
                     // 返回 HTML 标签，使用 rich 里定义的样式
-                    return `{line|${that.useForm.useData}}`;
+                    return `{line1|${that.useForm.useData}}\n{line2| kwh/吨}`;
                   },
                   rich: {
-                    line: {
+                    line1: {
+                      color: "#39dd4f", // 第一行文字颜色
+                      fontSize: 20, // 第一行文字大小
+                      lineHeight: 34, // 行高，实现间距
+                    },
+                    line2: {
                       color: "#fff", // 第二行文字颜色
-                      fontSize: titleFontSize, // 第二行文字大小
+                      fontSize: 14, // 第二行文字大小
-                      lineHeight: 0, // 行高，实现间距
+                      lineHeight: 24, // 行高，实现间距
                     },
                   },
                 },

src/views/boilerSys/boilerMonitor/index.vue

@@ -0,0 +1,20 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  created() {
+    this.toPage();
+  },
+  methods: {
+    toPage() {
+      console.log("需要跳转的")
+      // 跳转到展示
+      this.$router.push("/boilerMonitorDetails")
+    },
+  },
+};
+</script>
+
+<style></style>

src/views/boilerSys/boilerRunReport/index.vue

@@ -0,0 +1,497 @@
+<template>
+  <div class="app-container">
+    <div class="btn-condition">
+      <div class="condition-left" v-show="showSearch">
+        <el-form
+          :model="queryParams"
+          ref="queryForm"
+          size="small"
+          :inline="true"
+        >
+          <el-form-item label="日期" prop="msgCode">
+            <el-date-picker
+              v-model="dayDate"
+              type="daterange"
+              range-separator="至"
+              value-format="yyyy-MM-dd"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              @change="dateChange"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-form>
+        <div class="primary-btn">
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</el-button
+          >
+        </div>
+        <div class="warning-btn">
+          <el-button
+            type="warning"
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            >导出</el-button
+          >
+        </div>
+      </div>
+    </div>
+    <el-table
+      :data="tableData"
+      border
+      style="width: 100%"
+      v-loading="loading"
+      :cell-style="tableRowStyle"
+      class="log_table"
+    >
+      <el-table-column prop="curTime" label="记录时间" width="110">
+      </el-table-column>
+      <el-table-column prop="runStatus" label="运行状态"> </el-table-column>
+      <el-table-column prop="flameIntensity" label="火焰强度">
+      </el-table-column>
+      <el-table-column prop="tempFlueGas" label="烟气温度(℃)">
+      </el-table-column>
+      <el-table-column prop="percentFlameIntensity" label="火焰百分比(%)">
+      </el-table-column>
+      <el-table-column prop="waterLevel" label="液位(%)"> </el-table-column>
+      <el-table-column prop="tempCur" label="蒸汽温度(℃)"> </el-table-column>
+      <el-table-column prop="pressCur" label="当前压力(Mpa)"> </el-table-column>
+      <el-table-column prop="pressSet" label="压力设定值(Mpa)">
+      </el-table-column>
+      <el-table-column prop="pressStartDiff" label="启动压差(Mpa)">
+      </el-table-column>
+      <el-table-column prop="pressShutdownDiff" label="停止压差(Mpa)">
+      </el-table-column>
+      <el-table-column prop="pressInstance" label="瞬时压力(Mpa)">
+      </el-table-column>
+      <el-table-column prop="flowInstance" label="瞬时流量(t/h)">
+      </el-table-column>
+      <el-table-column prop="flowTotal" label="累计流量(t)"> </el-table-column>
+      <el-table-column prop="recorder" label="巡查记录人"> </el-table-column>
+      <el-table-column prop="remark" label="备注"> </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            >修改</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 添加或修改设备台账对话框 -->
+    <el-dialog :title="title" :visible.sync="open" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules">
+        <el-row type="flex" justify="felx-start">
+          <el-col :span="12">
+            <el-form-item label="记录时间" prop="curTime">
+              <el-input
+                v-model="form.curTime"
+                disabled
+                placeholder=""
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="运行状态" prop="runStatus">
+              <el-input
+                v-model="form.runStatus"
+                disabled
+                placeholder=""
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="火焰强度" prop="flameIntensity">
+              <el-input
+                clearable
+                v-model="form.flameIntensity"
+                placeholder="请输入"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="烟气温度℃" prop="tempFlueGas">
+              <el-input
+                clearable
+                v-model="form.tempFlueGas"
+                placeholder="请输入温度℃"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="火焰百分比%" prop="percentFlameIntensity">
+              <el-input
+                clearable
+                v-model="form.percentFlameIntensity"
+                placeholder="请输入百分比℃"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="液位%" prop="waterLevel">
+              <el-input
+                clearable
+                v-model="form.waterLevel"
+                placeholder="请输入液位%"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="蒸汽温度℃" prop="tempCur">
+              <el-input
+                clearable
+                v-model="form.tempCur"
+                placeholder="请输入温度℃"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="当前压力Mpa" prop="pressCur">
+              <el-input
+                clearable
+                v-model="form.pressCur"
+                placeholder="请输入压力Mpa"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="压力设定值Mpa" prop="pressSet">
+              <el-input
+                clearable
+                v-model="form.pressSet"
+                placeholder="请输入压力Mpa"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="启动压差Mpa" prop="pressStartDiff">
+              <el-input
+                clearable
+                v-model="form.pressStartDiff"
+                placeholder="请输入压差Mpa"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="停止压差Mpa" prop="pressShutdownDiff">
+              <el-input
+                clearable
+                v-model="form.pressShutdownDiff"
+                placeholder="请输入压差Mpa"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="瞬时压力Mpa" prop="pressInstance">
+              <el-input
+                clearable
+                v-model="form.pressInstance"
+                placeholder="请输入压力Mpa"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="瞬间流量(t/h)" prop="flowInstance">
+              <el-input
+                clearable
+                v-model="form.flowInstance"
+                placeholder="请输入流量(t/h)"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="累计流量t" prop="flowTotal">
+              <el-input
+                clearable
+                v-model="form.flowTotal"
+                placeholder="请输入流量t"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="巡查人签名" prop="recorder">
+              <el-input
+                clearable
+                v-model="form.recorder"
+                placeholder="请输入"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="备注" prop="remark">
+              <el-input
+                clearable
+                v-model="form.remark"
+                placeholder="请输入备注"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  boilerSysList,
+  boilerSysEdit,
+  boilerSysExport,
+} from "@/api/boiler/boilerRunReport";
+export default {
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      postList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        params: {},
+      },
+      dayDate: "",
+      tableData: [],
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        deviceName: [
+          { required: true, message: "设备名称不能为空", trigger: "blur" },
+        ],
+      },
+      deviceRun: [
+        {
+          label: "不运行",
+          value: 0,
+        },
+        {
+          label: "运行",
+          value: 1,
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.initializeTimeDate();
+    this.getList();
+  },
+  methods: {
+    // 初始化时间
+    initializeTimeDate() {
+      let date = new Date(); //获取新的时间
+      //获取当前年份,并且转为字符串
+      let year = date.getFullYear().toString();
+      //获取当前月份，因为月份是要从0开始，此处要加1，
+      //使用三元表达式，判断是否小于10，如果是的话，就在字符串前面拼接'0'
+      let month =
+        date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1).toString()
+          : (date.getMonth() + 1).toString();
+      //获取天，判断是否小于10，如果是的话，就在在字符串前面拼接'0'
+      let day =
+        date.getDate() < 10
+          ? "0" + date.getDate().toString()
+          : date.getDate().toString();
+      //字符串拼接，将开始时间和结束时间进行拼接
+      let start1 = year + "-" + month + "-01"; //当月第一天
+      let end1 = year + "-" + month + "-" + day; //当天
+      this.dayDate = [start1, end1]; // 更新
+    },
+    tableRowStyle({ row, column, rowIndex, columnIndex }) {
+      if (columnIndex === 2 || columnIndex === 6 || columnIndex === 13) {
+        return "color: #fd1e00;!important;text-align:center;font-weight: bold;";
+      }
+      // return "text-align:center";
+    },
+    // 选中日期事件
+    dateChange() {
+      // console.log("打印时间", this.timeform.time1);
+      if (!this.dayDate) {
+        this.$nextTick(() => {
+          this.dayDate = [];
+        });
+      }
+    },
+
+    /** 查询表格数据 */
+    getList() {
+      this.loading = true;
+      this.queryParams.params.startTime =
+        this.dayDate.length > 0 ? this.dayDate[0] : "";
+      this.queryParams.params.endTime =
+        this.dayDate.length > 0 ? this.dayDate[1] : "";
+      boilerSysList(this.queryParams).then((res) => {
+        console.log("列表返回", res);
+        if (res.code == 200 && res.rows) {
+          this.tableData = res.rows;
+          this.total = res.total;
+          this.loading = false;
+        } else {
+          this.tableData = [];
+          this.total = 0;
+          this.loading = false;
+        }
+      });
+      //   处理表格数据
+      this.loading = false;
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.queryParams.params.startTime =
+        this.dayDate.length > 0 ? this.dayDate[0] : "";
+      this.queryParams.params.endTime =
+        this.dayDate.length > 0 ? this.dayDate[1] : "";
+      boilerSysExport(this.queryParams).then((res) => {
+        console.log("导出返回", res);
+        if (res) {
+          // 请求的结果就是文件
+          // 创建一个blob URL，用于生成下载链接
+          const url = window.URL.createObjectURL(new Blob([res]));
+          // 创建一个<a>元素，并设置其href和download属性
+          const link = document.createElement("a");
+          link.href = url;
+          link.setAttribute("download", "蒸汽机运行记录.xls"); // 设置下载的文件名
+          // 模拟点击下载链接
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          // 释放blob URL资源
+          window.URL.revokeObjectURL(url);
+          this.$message({
+            type: "success",
+            message: "导出成功!",
+          });
+        } else {
+          this.$message.error("导出失败!");
+        }
+      });
+      // .catch((err) => {
+      //     this.$message.error('导出失败!');
+      // })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+      this.form.id = "";
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: "",
+        curTime: "",
+        runStatus: "",
+        flameIntensity: "",
+        tempFlueGas: "",
+        percentFlameIntensity: "",
+        waterLevel: "",
+        tempCur: "",
+        pressCur: "",
+        pressSet: "",
+        pressStartDiff: "",
+        pressShutdownDiff: "",
+        pressInstance: "",
+        flowInstance: "",
+        flowTotal: "",
+        recorder: "",
+        remark: "",
+      };
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      this.form = Object.assign({}, row);
+      this.open = true;
+      this.title = "修改蒸汽机运行记录";
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != undefined) {
+            boilerSysEdit(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            console.log("新增参数", this.form);
+          }
+        }
+      });
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+/* 媒体查询，适配大于2000px分辨率的大屏样式 - element样式 */
+@media (max-width: 2000px) {
+  ::v-deep .el-dialog {
+    width: 800px !important;
+  }
+  ::v-deep .print-dialog .el-dialog {
+    width: 1200px !important;
+  }
+  ::v-deep .el-dialog .el-form-item__label {
+    width: 130px !important;
+  }
+  ::v-deep .el-dialog .el-form-item {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  ::v-deep .el-dialog .el-form-item__content {
+    width: 220px !important;
+  }
+}
+</style>

src/views/boilerSys/heatingPump/index.vue

@@ -0,0 +1,20 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  created() {
+    this.toPage();
+  },
+  methods: {
+    toPage() {
+      console.log("需要跳转的")
+      // 跳转到展示
+      this.$router.push("/heatingPumpDetails")
+    },
+  },
+};
+</script>
+
+<style></style>

src/views/boilerSys/heatingRunReport/index.vue

@@ -0,0 +1,649 @@
+<template>
+  <div class="app-container">
+    <div class="btn-condition">
+      <div class="condition-left" v-show="showSearch">
+        <el-form
+          :model="queryParams"
+          ref="queryForm"
+          size="small"
+          :inline="true"
+        >
+          <el-form-item label="日期" prop="msgCode">
+            <el-date-picker
+              v-model="dayDate"
+              type="daterange"
+              range-separator="至"
+              value-format="yyyy-MM-dd"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              @change="dateChange"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-form>
+        <div class="primary-btn">
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</el-button
+          >
+        </div>
+        <div class="warning-btn">
+          <el-button
+            type="warning"
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            >导出</el-button
+          >
+        </div>
+      </div>
+    </div>
+    <el-table
+      :data="tableData"
+      border
+      style="width: 100%"
+      v-loading="loading"
+      :cell-style="tableRowStyle"
+      class="log_table"
+    >
+      <el-table-column prop="curTime" label="记录时间" width="110">
+      </el-table-column>
+
+      <el-table-column prop="" label="1号采暖设备">
+        <el-table-column
+          prop="runStatusBoilerOne"
+          label="运行状态"
+        ></el-table-column>
+        <el-table-column
+          prop="tempSetBoilerOne"
+          label="设定温度(℃)"
+        ></el-table-column>
+        <el-table-column
+          prop="tempOutBoilerOne"
+          label="出水温度(℃)"
+        ></el-table-column>
+        <el-table-column
+          prop="tempInBoilerOne"
+          label="回水温度(℃)"
+        ></el-table-column>
+        <el-table-column
+          prop="tempWaterBoilerOne"
+          label="炉水温度(℃)"
+        ></el-table-column>
+        <el-table-column
+          prop="tempFlueGasBoilerOne"
+          label="烟道温度(℃)"
+        ></el-table-column>
+      </el-table-column>
+      <el-table-column prop="" label="2号采暖设备">
+        <el-table-column
+          prop="runStatusBoilerTwo"
+          label="运行状态"
+        ></el-table-column>
+        <el-table-column
+          prop="tempSetBoilerTwo"
+          label="设定温度(℃)"
+        ></el-table-column>
+        <el-table-column
+          prop="tempOutBoilerTwo"
+          label="出水温度(℃)"
+        ></el-table-column>
+        <el-table-column
+          prop="tempInBoilerTwo"
+          label="回水温度(℃)"
+        ></el-table-column>
+        <el-table-column
+          prop="tempWaterBoilerTwo"
+          label="炉水温度(℃)"
+        ></el-table-column>
+        <el-table-column
+          prop="tempFlueGasBoilerTwo"
+          label="烟道温度(℃)"
+        ></el-table-column>
+      </el-table-column>
+      <el-table-column prop="" label="1号采暖泵">
+        <el-table-column
+          prop="runStatusPumpOne"
+          label="运行状态"
+        ></el-table-column>
+        <el-table-column
+          prop="frequencyPumpOne"
+          label="频率(Hz)"
+        ></el-table-column>
+      </el-table-column>
+      <el-table-column prop="" label="2号采暖泵">
+        <el-table-column
+          prop="runStatusPumpTwo"
+          label="运行状态"
+        ></el-table-column>
+        <el-table-column
+          prop="frequencyPumpTwo"
+          label="频率(Hz)"
+        ></el-table-column>
+      </el-table-column>
+      <el-table-column prop="" label="3号采暖泵">
+        <el-table-column
+          prop="runStatusPumpThree"
+          label="运行状态"
+        ></el-table-column>
+        <el-table-column
+          prop="frequencyPumpThree"
+          label="频率(Hz)"
+        ></el-table-column>
+      </el-table-column>
+      <el-table-column prop="recorder" label="巡查记录人"> </el-table-column>
+      <el-table-column prop="remark" label="备注"> </el-table-column>
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            >修改</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+    <!-- 添加或修改设备台账对话框 -->
+    <el-dialog :title="title" :visible.sync="open" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules">
+        <el-row type="flex" justify="felx-start">
+          <el-col :span="12">
+            <el-form-item label="记录时间" prop="curTime">
+              <el-input
+                v-model="form.curTime"
+                disabled
+                placeholder=""
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="24" class="oneRowLabel">1号采暖设备</el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="运 行 状 态" prop="runStatusBoilerOne">
+              <el-input
+                disabled
+                v-model="form.runStatusBoilerOne"
+                placeholder=""
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="设定温度℃" prop="tempSetBoilerOne">
+              <el-input
+                v-model="form.tempSetBoilerOne"
+                placeholder=""
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="出水温度℃" prop="tempOutBoilerOne">
+              <el-input
+                clearable
+                v-model="form.tempOutBoilerOne"
+                placeholder="请输入温度℃"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="回水温度℃" prop="tempInBoilerOne">
+              <el-input
+                clearable
+                v-model="form.tempInBoilerOne"
+                placeholder="请输入温度℃"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="炉水温度℃" prop="tempWaterBoilerOne">
+              <el-input
+                clearable
+                v-model="form.tempWaterBoilerOne"
+                placeholder="请输入温度℃"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="烟道温度℃" prop="tempFlueGasBoilerOne">
+              <el-input
+                clearable
+                v-model="form.tempFlueGasBoilerOne"
+                placeholder="请输入温度℃"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="24" class="oneRowLabel">2号采暖设备</el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="运 行 状 态" prop="runStatusBoilerTwo">
+              <el-input
+                disabled
+                v-model="form.runStatusBoilerTwo"
+                placeholder=""
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="设定温度℃" prop="tempSetBoilerTwo">
+              <el-input
+                v-model="form.tempSetBoilerTwo"
+                placeholder=""
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="出水温度℃" prop="tempOutBoilerTwo">
+              <el-input
+                clearable
+                v-model="form.tempOutBoilerTwo"
+                placeholder="请输入温度℃"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="回水温度℃" prop="tempInBoilerTwo">
+              <el-input
+                clearable
+                v-model="form.tempInBoilerTwo"
+                placeholder="请输入温度℃"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="炉水温度℃" prop="tempWaterBoilerTwo">
+              <el-input
+                clearable
+                v-model="form.tempWaterBoilerTwo"
+                placeholder="请输入温度℃"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="烟道温度℃" prop="tempFlueGasBoilerTwo">
+              <el-input
+                clearable
+                v-model="form.tempFlueGasBoilerTwo"
+                placeholder="请输入温度℃"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="24" class="oneRowLabel">1号采暖泵</el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="运行状态" prop="runStatusPumpOne">
+              <el-input
+                disabled
+                v-model="form.runStatusPumpOne"
+                placeholder=""
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="频率" prop="frequencyPumpOne">
+              <el-input
+                clearable
+                v-model="form.frequencyPumpOne"
+                placeholder="请输入频率Hz"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="felx-start">
+          <el-col :span="24" class="oneRowLabel">2号采暖泵</el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="运行状态" prop="runStatusPumpTwo">
+              <el-input
+                disabled
+                v-model="form.runStatusPumpTwo"
+                placeholder=""
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="频率" prop="frequencyPumpTwo">
+              <el-input
+                clearable
+                v-model="form.frequencyPumpTwo"
+                placeholder="请输入频率Hz"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="felx-start">
+          <el-col :span="24" class="oneRowLabel">3号采暖泵</el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="运行状态" prop="runStatusPumpThree">
+              <el-input
+                disabled
+                v-model="form.runStatusPumpThree"
+                placeholder=""
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="频率" prop="frequencyPumpThree">
+              <el-input
+                clearable
+                v-model="form.frequencyPumpThree"
+                placeholder="请输入频率Hz"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="巡查记录人" prop="recorder">
+              <el-input
+                clearable
+                v-model="form.recorder"
+                placeholder="请输入"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="备注" prop="remark">
+              <el-input
+                clearable
+                v-model="form.remark"
+                placeholder="请输入备注"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  boilerSysList,
+  boilerSysEdit,
+  boilerSysExport,
+} from "@/api/boiler/heatingRunPeport";
+export default {
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      postList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        params: {},
+      },
+      dayDate: "",
+      tableData: [],
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        deviceName: [
+          { required: true, message: "设备名称不能为空", trigger: "blur" },
+        ],
+      },
+      deviceRun: [
+        {
+          label: "不运行",
+          value: 0,
+        },
+        {
+          label: "运行",
+          value: 1,
+        },
+      ],
+    };
+  },
+  mounted() {
+    this.initializeTimeDate();
+    this.getList();
+  },
+  methods: {
+    // 初始化时间
+    initializeTimeDate() {
+      let date = new Date(); //获取新的时间
+      //获取当前年份,并且转为字符串
+      let year = date.getFullYear().toString();
+      //获取当前月份，因为月份是要从0开始，此处要加1，
+      //使用三元表达式，判断是否小于10，如果是的话，就在字符串前面拼接'0'
+      let month =
+        date.getMonth() + 1 < 10
+          ? "0" + (date.getMonth() + 1).toString()
+          : (date.getMonth() + 1).toString();
+      //获取天，判断是否小于10，如果是的话，就在在字符串前面拼接'0'
+      let day =
+        date.getDate() < 10
+          ? "0" + date.getDate().toString()
+          : date.getDate().toString();
+      //字符串拼接，将开始时间和结束时间进行拼接
+      let start1 = year + "-" + month + "-01"; //当月第一天
+      let end1 = year + "-" + month + "-" + day; //当天
+      this.dayDate = [start1, end1]; // 更新
+    },
+    tableRowStyle({ row, column, rowIndex, columnIndex }) {
+      // 只处理第 2、6、13 列（索引从 0 开始）
+      if ([1, 2, 7, 8, 11, 13, 15, 17].includes(columnIndex)) {
+        const value = row[column.property]; // 获取当前单元格的值
+        console.log("column", column);
+        if (value === "停止") {
+          return {
+            color: "#fd1e00",
+            textAlign: "center",
+            fontWeight: "bold",
+          };
+        } else if (value === "运行" || column.label.includes("设定温度")) {
+          return {
+            color: "#00c250",
+            textAlign: "center",
+            fontWeight: "bold",
+          };
+        }
+      }
+      return {};
+    },
+    // 选中日期事件
+    dateChange() {
+      // console.log("打印时间", this.timeform.time1);
+      if (!this.dayDate) {
+        this.$nextTick(() => {
+          this.dayDate = [];
+        });
+      }
+    },
+
+    /** 查询表格数据 */
+    getList() {
+      this.loading = true;
+      this.queryParams.params.startTime =
+        this.dayDate.length > 0 ? this.dayDate[0] : "";
+      this.queryParams.params.endTime =
+        this.dayDate.length > 0 ? this.dayDate[1] : "";
+      boilerSysList(this.queryParams).then((res) => {
+        console.log("列表返回", res);
+        if (res.code == 200 && res.rows) {
+          this.tableData = res.rows;
+          this.total = res.total;
+          this.loading = false;
+        } else {
+          this.tableData = [];
+          this.total = 0;
+          this.loading = false;
+        }
+      });
+      //   处理表格数据
+      this.loading = false;
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.queryParams.params.startTime =
+        this.dayDate.length > 0 ? this.dayDate[0] : "";
+      this.queryParams.params.endTime =
+        this.dayDate.length > 0 ? this.dayDate[1] : "";
+      boilerSysExport(this.queryParams).then((res) => {
+        console.log("导出返回", res);
+        if (res) {
+          // 请求的结果就是文件
+          // 创建一个blob URL，用于生成下载链接
+          const url = window.URL.createObjectURL(new Blob([res]));
+          // 创建一个<a>元素，并设置其href和download属性
+          const link = document.createElement("a");
+          link.href = url;
+          link.setAttribute("download", "采暖系统运行记录.xls"); // 设置下载的文件名
+          // 模拟点击下载链接
+          document.body.appendChild(link);
+          link.click();
+          document.body.removeChild(link);
+          // 释放blob URL资源
+          window.URL.revokeObjectURL(url);
+          this.$message({
+            type: "success",
+            message: "导出成功!",
+          });
+        } else {
+          this.$message.error("导出失败!");
+        }
+      });
+      // .catch((err) => {
+      //     this.$message.error('导出失败!');
+      // })
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+      this.form.id = "";
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: "",
+        curTime: "",
+        runStatusBoilerOne: "",
+        tempOutBoilerOne: "",
+        tempInBoilerOne: "",
+        tempWaterBoilerOne: "",
+        tempFlueGasBoilerOne: "",
+        runStatusBoilerTwo: "",
+        tempOutBoilerTwo: "",
+        tempInBoilerTwo: "",
+        tempWaterBoilerTwo: "",
+        tempFlueGasBoilerTwo: "",
+        runStatusPumpOne: "",
+        frequencyPumpOne: "",
+        runStatusPumpTwo: "",
+        frequencyPumpTwo: "",
+        runStatusPumpThree: "",
+        frequencyPumpThree: "",
+        recorder: "",
+        remark: "",
+      };
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      this.form = Object.assign({}, row);
+      this.open = true;
+      this.title = "修改采暖系统运行记录";
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != undefined) {
+            boilerSysEdit(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            console.log("新增参数", this.form);
+          }
+        }
+      });
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+.oneRowLabel {
+  margin-left: 40px;
+  font-size: 15px;
+  font-weight: bold;
+  color: #02ce0d;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.oneRowLabel::before {
+  content: "";
+  display: inline-block;
+  width: 8px; /* 圆的直径 */
+  height: 8px;
+  border-radius: 50%; /* 使元素变成圆形 */
+  background-color: #02ce0d; /* 圆的颜色，这里和文字颜色保持一致 */
+  margin-right: 10px; /* 圆和文字之间的间距 */
+  vertical-align: middle; /* 使圆在垂直方向上与文字居中对齐 */
+}
+/* 媒体查询，适配大于2000px分辨率的大屏样式 - element样式 */
+@media (max-width: 2000px) {
+  ::v-deep .el-dialog {
+    width: 800px !important;
+  }
+  ::v-deep .print-dialog .el-dialog {
+    width: 1200px !important;
+  }
+  ::v-deep .el-dialog .el-form-item__label {
+    width: 130px !important;
+  }
+  ::v-deep .el-dialog .el-form-item {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+  ::v-deep .el-dialog .el-form-item__content {
+    width: 220px !important;
+  }
+}
+</style>

src/views/boilerSys/hotWaterBoiler/hotWaterBoilerDetails.vue

@@ -0,0 +1,703 @@
+<template>
+  <div class="monitor" v-loading="loading">
+    <div class="monitor-top">
+      <img
+        class="title-left"
+        src="../../../assets/images/title-left.png"
+        alt=""
+      />
+      <img
+        class="title-center"
+        src="../../../assets/images/title-center.png"
+        alt=""
+        @click="goSys"
+      />
+      <img
+        class="title-right"
+        src="../../../assets/images/title-right.png"
+        alt=""
+      />
+      <div class="sys-title" @click="goSys">采暖设备监测</div>
+      <!-- logo -->
+      <img src="../../../assets/images/logo-3.png" class="sys-logo" alt="" />
+      <div class="nowTime">{{ formattedDate }}</div>
+      <div class="monitor-time">已监测时长:{{ dayData }}天</div>
+      <img
+        class="icon_warning"
+        src="../../../assets/images/warning.png"
+        title="报警记录"
+        @click="goWarning"
+        v-if="isShowWarning"
+        alt=""
+      />
+      <img
+        class="icon_home"
+        src="../../../assets/images/icon_home.png"
+        title="首页"
+        @click="goSys"
+        alt=""
+      />
+      <img
+        class="back-icon"
+        src="../../../assets/images/back-icon.png"
+        title="返回"
+        @click="goBack"
+        alt=""
+      />
+    </div>
+    <div class="hotWater-div">
+      <div
+        class="hotWater-li"
+        v-for="(boiler, index) in hotWaterBoilerData"
+        :key="index"
+      >
+        <div class="special-div one">
+          <div class="special-top">
+            <div class="special-title">
+              <div class="title-left">
+                <div>{{ boiler.name }}</div>
+              </div>
+            </div>
+          </div>
+          <div class="hotWater">
+            <img
+              class="hotWater-img"
+              src="../../../assets/images/hotWater.png"
+              alt=""
+            />
+          </div>
+          <div class="info">
+            <div class="hotWater-tem">
+              <div class="pump-data-li">
+                <div>出水温度:</div>
+                <div class="pump-data-text">
+                  {{ getTemperatureData(boiler, "出水温度") }}℃
+                </div>
+              </div>
+              <div class="pump-data-li">
+                <div>回水温度:</div>
+                <div class="pump-data-text">
+                  {{ getTemperatureData(boiler, "回水温度") }}℃
+                </div>
+              </div>
+              <div class="pump-data-li">
+                <div>炉水温度:</div>
+                <div class="pump-data-text">
+                  {{ getTemperatureData(boiler, "炉水温度") }}℃
+                </div>
+              </div>
+              <div class="pump-data-li">
+                <div>烟道温度:</div>
+                <div class="pump-data-text">
+                  {{ getTemperatureData(boiler, "烟道温度") }}℃
+                </div>
+              </div>
+            </div>
+            <div class="port-right">
+              <div class="port">
+                <div :class="['port-li', getFireSignalClass(boiler, '大火')]">
+                  大火控制信号发出
+                </div>
+                <div :class="['port-li', getFireSignalClass(boiler, '小火')]">
+                  小火控制信号发出
+                </div>
+                <div class="port-li port-close">燃烧机电源</div>
+              </div>
+              <div class="bad-div">
+                故障信息:<span class="bad-text">{{
+                  getFaultInfo(boiler)
+                }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <!-- <div class="hotWater-div">
+      <div class="hotWater-li">
+        <div class="special-div one">
+          <div class="special-top">
+            <div class="special-title">
+              <div class="title-left">
+                <div>1号热水锅炉</div>
+              </div>
+            </div>
+          </div>
+          <div class="hotWater">
+            <img
+              class="hotWater-img"
+              src="../../../assets/images/hotWater.png"
+              alt=""
+            />
+          </div>
+          <div class="info">
+            <div class="hotWater-tem">
+              <div class="pump-data-li">
+                <div>出水温度:</div>
+                <div class="pump-data-text">29.7℃</div>
+              </div>
+              <div class="pump-data-li">
+                <div>回水温度:</div>
+                <div class="pump-data-text">29.7℃</div>
+              </div>
+              <div class="pump-data-li">
+                <div>炉水温度:</div>
+                <div class="pump-data-text">29.7℃</div>
+              </div>
+              <div class="pump-data-li">
+                <div>烟道温度:</div>
+                <div class="pump-data-text">29.7℃</div>
+              </div>
+            </div>
+            <div class="port-right">
+              <div class="port">
+                <div class="port-li port-open">大火控制信号发出</div>
+                <div class="port-li port-close">小伙控制信号发出</div>
+                <div class="port-li port-close">燃烧机电源</div>
+              </div>
+              <div class="bad-div">
+                故障信息:<span class="bad-text">炉水温度传感器故障</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="hotWater-li">
+        <div class="special-div one">
+          <div class="special-top">
+            <div class="special-title">
+              <div class="title-left">
+                <div>2号热水锅炉</div>
+              </div>
+            </div>
+          </div>
+          <div class="hotWater">
+            <img
+              class="hotWater-img"
+              src="../../../assets/images/hotWater.png"
+              alt=""
+            />
+          </div>
+          <div class="info">
+            <div class="hotWater-tem">
+              <div class="pump-data-li">
+                <div>出水温度:</div>
+                <div class="pump-data-text">29.7℃</div>
+              </div>
+              <div class="pump-data-li">
+                <div>回水温度:</div>
+                <div class="pump-data-text">29.7℃</div>
+              </div>
+              <div class="pump-data-li">
+                <div>炉水温度:</div>
+                <div class="pump-data-text">29.7℃</div>
+              </div>
+              <div class="pump-data-li">
+                <div>烟道温度:</div>
+                <div class="pump-data-text">29.7℃</div>
+              </div>
+            </div>
+            <div class="port-right">
+              <div class="port">
+                <div class="port-li port-open">大火控制信号发出</div>
+                <div class="port-li port-close">小伙控制信号发出</div>
+                <div class="port-li port-close">燃烧机电源</div>
+              </div>
+              <div class="bad-div">
+                故障信息:<span class="bad-text">炉水温度传感器故障</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div> -->
+  </div>
+</template>
+
+<script>
+import { runTime } from "@/api/centerairC/sysMonitor";
+import { alarmRecordList } from "@/api/alarm/alarmRecord";
+import { hotWaterBoiler } from "@/api/boiler/hotwaterBoiler";
+import { getDay } from "@/utils/datetime";
+export default {
+  name: "boilerMonitorDetails",
+  data() {
+    return {
+      loading: false,
+      currentDate: new Date(),
+      nowTimer: null,
+      timer: null, // 用于存储定时器 ID
+      isShowWarning: false, //是否有报警
+      dayData: "", //监测天数
+      currentWeekday: "",
+      // 热水锅炉数据
+      hotWaterBoilerData: [],
+    };
+  },
+  computed: {
+    formattedDate() {
+      const year = this.currentDate.getFullYear();
+      const month = String(this.currentDate.getMonth() + 1).padStart(2, "0");
+      const day = String(this.currentDate.getDate()).padStart(2, "0");
+      const hours = String(this.currentDate.getHours()).padStart(2, "0");
+      const minutes = String(this.currentDate.getMinutes()).padStart(2, "0");
+      const seconds = String(this.currentDate.getSeconds()).padStart(2, "0");
+      const weekDays = [
+        "星期日",
+        "星期一",
+        "星期二",
+        "星期三",
+        "星期四",
+        "星期五",
+        "星期六",
+      ];
+      const weekDay = weekDays[this.currentDate.getDay()];
+      return `${year}年${month}月${day}日 ${hours}:${minutes}:${seconds} ${weekDay}`;
+    },
+  },
+  created() {
+    const weekdays = [
+      "星期日",
+      "星期一",
+      "星期二",
+      "星期三",
+      "星期四",
+      "星期五",
+      "星期六",
+    ];
+    const date = new Date();
+    const dayIndex = date.getDay();
+    this.currentWeekday = weekdays[dayIndex];
+    console.log("今天是星期几", this.currentWeekday);
+  },
+  mounted() {
+    this.getAlarnStatus();
+    this.getDayData();
+    // 获取当前热水锅炉数据
+    this.getHotWaterBoiler();
+    // 设置定时器，每 10 秒执行一次
+    this.timer = setInterval(() => {
+      this.getAlarnStatus();
+      this.getDayData();
+      // 获取当前热水锅炉数据
+      this.getHotWaterBoiler();
+    }, 10000);
+  },
+  beforeDestroy() {
+    // 组件销毁前清除定时器
+    if (this.timer) {
+      clearInterval(this.timer);
+    }
+    // 组件销毁前清除定时器
+    if (this.nowTimer) {
+      clearInterval(this.nowTimer);
+    }
+  },
+  methods: {
+    // Get temperature data by type (keep as is)
+    getTemperatureData(boiler, type) {
+      if (!boiler || !boiler.values) return "--";
+
+      const item = boiler.values.find(
+        (v) => v.otherName && v.otherName.includes(type)
+      );
+      return item && item.curValue !== null ? item.curValue : "--";
+    },
+
+    // Get fire signal class for individual signals
+    getFireSignalClass(boiler, signalType) {
+      if (!boiler || !boiler.values) return "port-close";
+
+      // Get fire signal values
+      const fire1Item = boiler.values.find(
+        (v) => v.otherName && v.otherName.includes("火力1")
+      );
+      const fire2Item = boiler.values.find(
+        (v) => v.otherName && v.otherName.includes("火力2")
+      );
+
+      const fire1Value =
+        fire1Item && fire1Item.curValue !== null ? fire1Item.curValue : 0;
+      const fire2Value =
+        fire2Item && fire2Item.curValue !== null ? fire2Item.curValue : 0;
+
+      // Determine which signal should be open based on the logic:
+      // 大火: fire1=1 and fire2=1
+      // 小火: fire1=1 and fire2=0
+      if (signalType === "大火" && fire1Value == 1 && fire2Value == 1) {
+        return "port-open";
+      } else if (signalType === "小火" && fire1Value == 1 && fire2Value == 0) {
+        return "port-open";
+      } else {
+        return "port-close";
+      }
+    },
+
+    // Get fire status text based on both fire signals (for other uses if needed)
+    getFireStatusText(boiler) {
+      if (!boiler || !boiler.values) return "未开机";
+
+      const fire1Item = boiler.values.find(
+        (v) => v.otherName && v.otherName.includes("火力1")
+      );
+      const fire2Item = boiler.values.find(
+        (v) => v.otherName && v.otherName.includes("火力2")
+      );
+
+      const fire1Value =
+        fire1Item && fire1Item.curValue !== null ? fire1Item.curValue : 0;
+      const fire2Value =
+        fire2Item && fire2Item.curValue !== null ? fire2Item.curValue : 0;
+
+      // If both are 0, boiler is off
+      if (fire1Value == 0 && fire2Value == 0) {
+        return "无火信号";
+      }
+      // If fire1 is 1 and fire2 is 0, small fire
+      else if (fire1Value == 1 && fire2Value == 0) {
+        return "小火控制信号发出";
+      }
+      // If both fire1 and fire2 are 1, big fire
+      else if (fire1Value == 1 && fire2Value == 1) {
+        return "大火控制信号发出";
+      }
+      // Any other case
+      else {
+        return "未开机";
+      }
+    },
+
+    // Get fault information (placeholder implementation)
+    // Get fault information based on fault code
+    getFaultInfo(boiler) {
+      if (!boiler || !boiler.values) return "无故障";
+
+      // Find the fault item - you might need to adjust this based on actual data structure
+      const faultItem = boiler.values.find(
+        (v) => v.otherName && v.otherName.includes("故障")
+      );
+
+      if (!faultItem || faultItem.curValue === null) {
+        return "无故障";
+      }
+
+      // Convert fault code to descriptive text
+      const faultCode = parseInt(faultItem.curValue);
+
+      switch (faultCode) {
+        case 0:
+          return "无故障";
+        case 1:
+          return "炉水温度传感器故障";
+        case 2:
+          return "出水温度传感器故障";
+        case 3:
+          return "回水温度传感器故障";
+        case 4:
+          return "锅炉水位极低";
+        case 5:
+          return "燃烧机故障";
+        case 6:
+          return "炉水超温";
+        case 7:
+          return "循环水流故障";
+        case 9:
+          return "定时时间到关机（正常关机模式）";
+        case 11:
+          return "烟道传感器故障";
+        case 12:
+          return "烟道超温故障";
+        case 13:
+          return "检漏故障";
+        default:
+          return "未知故障";
+      }
+    },
+    // 获取热水锅炉数据
+    getHotWaterBoiler() {
+      let queryParams = {
+        systemType: "3",
+        type: "0",
+      };
+      hotWaterBoiler(queryParams).then((res) => {
+        if (res.code == 200) {
+          console.log("热水锅炉数据", res.rows);
+          if (res.rows.length > 0) {
+            this.hotWaterBoilerData = res.rows;
+          } else {
+            this.hotWaterBoilerData = [];
+          }
+        }
+      });
+    },
+    // 进入系统首页
+    goSys() {
+      this.$router.push("/");
+    },
+    // 返回上一页
+    goBack() {
+      window.history.go(-2);
+    },
+    // 监测天数
+    getDayData() {
+      runTime().then((res) => {
+        if (res.code == 200) {
+          this.dayData = res.data.runTime;
+        }
+      });
+    },
+    // 报警列表
+    getAlarnStatus() {
+      let data = {
+        pageNum: 1,
+        pageSize: 10,
+        status: "0",
+      };
+      let timeArr = [getDay(0), getDay(0)];
+      alarmRecordList(this.addDateRange(data, timeArr)).then((res) => {
+        if (res.code == 200 && res.rows.length > 0) {
+          this.isShowWarning = true;
+        } else {
+          this.isShowWarning = false;
+        }
+      });
+    },
+    goWarning() {
+      this.$router.push("/alarm/alarmRecord");
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.monitor {
+  width: 100%;
+  min-height: 100vh;
+  background-color: black;
+  color: #fff;
+  .monitor-top {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    align-items: flex-start;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+    padding: 0.1rem 0.2rem;
+    position: relative;
+    .title-left {
+      width: 3.41rem;
+      height: 0.8rem;
+    }
+    .title-center {
+      width: 9.46rem;
+      height: 0.8rem;
+    }
+    .title-right {
+      width: 5.04rem;
+      height: 0.78rem;
+    }
+    .sys-title {
+      position: absolute;
+      top: 40%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      font-size: 0.28rem;
+      color: #ffffff;
+      font-weight: bold;
+      z-index: 100;
+      cursor: pointer;
+    }
+    .nowTime {
+      position: absolute;
+      top: 0.37rem;
+      right: 0.6rem;
+      font-size: 0.18rem;
+      color: #ffffff;
+      font-weight: bold;
+      z-index: 100;
+    }
+    .sys-logo {
+      width: 1.8rem;
+      height: 0.5rem;
+      position: absolute;
+      top: 0.26rem;
+      left: 0.8rem;
+      z-index: 10;
+    }
+    .monitor-time {
+      position: absolute;
+      top: 0.44rem;
+      left: 4.2rem;
+      z-index: 10;
+      font-size: 0.18rem;
+      color: #ffffff;
+      font-weight: bold;
+    }
+    .icon_warning {
+      position: absolute;
+      top: 0.39rem;
+      right: 4.4rem;
+      z-index: 10;
+      width: 0.35rem;
+      height: 0.32rem;
+      margin: 0 0.25rem 0 0.27rem;
+      cursor: pointer;
+      /* 添加闪烁动画 */
+      animation: blink 1s infinite;
+    }
+    @keyframes blink {
+      100% {
+        opacity: 1;
+      }
+      50% {
+        opacity: 0;
+      }
+    }
+    .icon_home {
+      position: absolute;
+      top: 0.39rem;
+      right: 4rem;
+      z-index: 10;
+      width: 0.35rem;
+      height: 0.32rem;
+      margin: 0 0.2rem 0 0.27rem;
+      cursor: pointer;
+    }
+    .back-icon {
+      position: absolute;
+      top: 0.39rem;
+      right: 3.7rem;
+      z-index: 10;
+      width: 0.35rem;
+      height: 0.32rem;
+      cursor: pointer;
+    }
+  }
+  .hotWater-div {
+    width: 100%;
+    padding: 0.2rem;
+    display: flex;
+    flex-direction: row;
+    align-content: stretch;
+    justify-content: space-between;
+    .hotWater-li {
+      width: 49%;
+      .hotWater {
+        width: 100%;
+        padding: 0.25rem 0.2rem;
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+        .hotWater-img {
+          width: 6.4rem;
+          height: 3.5rem;
+        }
+      }
+      .info {
+        display: flex;
+        flex-direction: row;
+        justify-content: center; /* Center content horizontally */
+        align-items: flex-start; /* Align to top */
+        width: 100%;
+        padding: 0 0.25rem 0.15rem 0.7rem;
+        gap: 0.5rem; /* Add space between elements */
+
+        .hotWater-tem {
+          flex: 1; /* Allow to grow */
+          min-width: 35%; /* Minimum width */
+          background: #262f58;
+          border-radius: 0.1rem;
+          font-size: 0.16rem;
+          display: flex;
+          flex-direction: column;
+          padding: 0.25rem 0;
+          .pump-data-li {
+            width: 100%;
+            padding: 0 0.4rem; /* Increase horizontal padding */
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            justify-content: space-between;
+            margin: 0.25rem 0;
+            .pump-data-text {
+              color: #05d120;
+              font-weight: bold;
+            }
+          }
+        }
+
+        .port-right {
+          flex: 1; /* Allow to grow */
+          display: flex;
+          flex-direction: column;
+          padding: 0.25rem 0.6rem; /* Increase horizontal padding */
+          min-width: 35%; /* Minimum width */
+          .port {
+            display: flex;
+            flex-direction: column;
+            gap: 0.3rem; /* Increase spacing between elements */
+            .port-li {
+              display: flex;
+              flex-direction: column;
+              align-items: flex-start;
+              justify-content: center;
+              width: 100%;
+              font-size: 0.16rem;
+              color: #c9c6c6;
+              position: relative;
+              padding-left: 0.3rem; /* Increase left padding for indicator */
+            }
+            .port-open::before,
+            .port-close::before {
+              content: "";
+              position: absolute;
+              left: 0;
+              top: 50%;
+              transform: translateY(-50%);
+              width: 0.18rem; /* Slightly larger indicator */
+              height: 0.18rem;
+              border-radius: 50%;
+              border: 0.02rem solid white;
+            }
+
+            .port-open::before {
+              background-color: #00ff00; /* Brighter green for active */
+            }
+
+            .port-close::before {
+              background-color: #666; /* Darker gray for inactive */
+            }
+          }
+          .bad-div {
+            margin-top: 0.35rem; /* Increase spacing */
+            font-size: 0.16rem;
+            color: #db4d4d;
+            .bad-text {
+              margin-left: 0.15rem;
+              background: #5581c4;
+              border-radius: 0.15rem; /* Slightly larger radius */
+              padding: 0.15rem 0.2rem; /* More padding */
+              color: #fff;
+              display: inline-block; /* Better text wrapping */
+            }
+          }
+        }
+      }
+    }
+  }
+}
+</style>
+<style scoped>
+.special-div .special-title {
+  padding-left: 0.36rem !important;
+  font-size: 0.2rem !important;
+  line-height: 0.23rem !important;
+  background-size: 1.4rem 0.35rem !important;
+  background-position: 0px -0.03rem !important;
+}
+.special-div .special-top {
+  padding: 0.04rem 0.26rem 0.04rem 0px;
+  min-height: 0.37rem;
+}
+</style>

src/views/boilerSys/hotWaterBoiler/index.vue

@@ -0,0 +1,20 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  created() {
+    this.toPage();
+  },
+  methods: {
+    toPage() {
+      console.log("需要跳转的")
+      // 跳转到展示
+      this.$router.push("/hotWaterBoilerDetails")
+    },
+  },
+};
+</script>
+
+<style></style>

src/views/boilerSys/steamHeating/components/lineChildren.vue

@@ -0,0 +1,120 @@
+<template>
+  <div class="line-container">
+    <!-- 第一个圆点 -->
+    <div class="dot dot-start"></div>
+    <!-- 第一条直线 -->
+    <div
+      class="line line1"
+      :style="{
+        transform: `rotate(${angle1}deg)`,
+        width: lineWidth1Rem + 'rem'
+      }"
+    ></div>
+    <!-- 中间圆点 -->
+    <div
+      class="dot dot-mid"
+      :style="{
+        top: (1 + Math.sin((angle1 * Math.PI) / 180) * lineWidth1Rem - 0.025) + 'rem',
+        left: (1 + Math.cos((angle1 * Math.PI) / 180) * lineWidth1Rem - 0.025) + 'rem'
+      }"
+    ></div>
+    <!-- 第二条直线 -->
+    <div
+      class="line line2"
+      :style="{
+        top: (1 + Math.sin((angle1 * Math.PI) / 180) * lineWidth1Rem) + 'rem',
+        left: (1 + Math.cos((angle1 * Math.PI) / 180) * lineWidth1Rem) + 'rem',
+        transform: `rotate(${angle2}deg)`,
+        width: lineWidth2Rem + 'rem'
+      }"
+    ></div>
+    <!-- 最后一个圆点 -->
+    <div
+      class="dot dot-end"
+      :style="{
+        top: endDotTop + 'rem',
+        left: endDotLeft + 'rem'
+      }"
+    ></div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    // 第一条直线的角度
+    angle1: {
+      type: Number,
+      default: 0
+    },
+    // 第二条直线的角度
+    angle2: {
+      type: Number,
+      default: 0
+    },
+    // 第一条直线的宽度（px）
+    lineWidth1: {
+      type: Number,
+      default: 100
+    },
+    // 第二条直线的宽度（px）
+    lineWidth2: {
+      type: Number,
+      default: 100
+    }
+  },
+  computed: {
+    lineWidth1Rem() {
+      return this.lineWidth1 / 100;
+    },
+    lineWidth2Rem() {
+      return this.lineWidth2 / 100;
+    },
+    endDotTop() {
+      // 第一条直线终点的 y 坐标
+      const firstLineEndY = 1 + Math.sin((this.angle1 * Math.PI) / 180) * this.lineWidth1Rem;
+      // 第二条直线在第一条直线基础上终点的 y 坐标偏移量
+      const secondLineYOffset = Math.sin((this.angle2 * Math.PI) / 180) * this.lineWidth2Rem;
+      return firstLineEndY + secondLineYOffset - 0.025;
+    },
+    endDotLeft() {
+      // 第一条直线终点的 x 坐标
+      const firstLineEndX = 1 + Math.cos((this.angle1 * Math.PI) / 180) * this.lineWidth1Rem;
+      // 第二条直线在第一条直线基础上终点的 x 坐标偏移量
+      const secondLineXOffset = Math.cos((this.angle2 * Math.PI) / 180) * this.lineWidth2Rem;
+      return firstLineEndX + secondLineXOffset - 0.025;
+    }
+  }
+};
+</script>
+
+<style scoped>
+.line-container {
+  position: relative;
+}
+
+.line {
+  position: absolute;
+  height: 1px;
+  background-color: rgba(0, 255, 255, 0.5);
+  transform-origin: left center;
+}
+
+.line1 {
+  top: 1rem;
+  left: 1rem;
+}
+
+.dot {
+  position: absolute;
+  width: 0.05rem;
+  height: 0.05rem;
+  background-color: aqua;
+  border-radius: 50%;
+}
+
+.dot-start {
+  top: 0.97rem;
+  left: 0.97rem;
+}
+</style>

src/views/boilerSys/steamHeating/index.vue

@@ -0,0 +1,20 @@
+<template>
+  <div></div>
+</template>
+
+<script>
+export default {
+  created() {
+    this.toPage();
+  },
+  methods: {
+    toPage() {
+      console.log("需要跳转的")
+      // 跳转到展示
+      this.$router.push("/steamHeatingDetails")
+    },
+  },
+};
+</script>
+
+<style></style>

src/views/centerairC/delaySwitch/index.vue

@@ -85,7 +85,7 @@
           </div>
         </div>
         <!-- 第一组冷却塔放在冷却泵连接处 -->
-        <div class="last openLast" v-if="item.name === '自动开机'">
+        <div class="last closeLast" v-if="item.name === '自动关机'">
           <div class="reverse-img">
             <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
             <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
@@ -100,10 +100,10 @@
               <div class="delay-input">
                 <el-input
                   size="mini"
-                  v-model="openTower.curValue"
+                  v-model="closeTower.curValue"
-                  @keyup.enter.native="handleEnter(openTower, $event)"
+                  @keyup.enter.native="handleEnter(closeTower, $event)"
-                  @input="handleInput(openTower)"
+                  @input="handleInput(closeTower)"
-                  @focus="handleFocus('openTower')"
+                  @focus="handleFocus('closeTower')"
                   @blur="handleBlur()"
                 ></el-input
                 >S
@@ -117,12 +117,12 @@
                 class="butterflyValve"
                 alt=""
               />
-              <div>{{ openTower.pointName }}</div>
+              <div>{{ closeTower.pointName }}</div>
             </div>
           </div>
         </div>
         <!-- 第二组冷却塔放在主机连接处 -->
-        <div class="last closeLast" v-if="item.name === '自动关机'">
+        <div class="last openLast" v-if="item.name === '自动开机'">
           <div class="reverse-img">
             <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
             <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
@@ -137,10 +137,10 @@
               <div class="delay-input">
                 <el-input
                   size="mini"
-                  v-model="closeTower.curValue"
+                  v-model="openTower.curValue"
-                  @keyup.enter.native="handleEnter(closeTower, $event)"
+                  @keyup.enter.native="handleEnter(openTower, $event)"
-                  @input="handleInput(closeTower)"
+                  @input="handleInput(openTower)"
-                  @focus="handleFocus('closeTower')"
+                  @focus="handleFocus('openTower')"
                   @blur="handleBlur()"
                 ></el-input
                 >S
@@ -154,7 +154,7 @@
                 class="butterflyValve"
                 alt=""
               />
-              <div>{{ closeTower.pointName }}</div>
+              <div>{{ openTower.pointName }}</div>
             </div>
           </div>
         </div>
@@ -198,14 +198,14 @@ export default {
             if (res.code == 200) {
               // 深拷贝 res.rows 到 delayList
               this.delayList = JSON.parse(JSON.stringify(res.rows));
-              // 处理 openTower
+              // 处理 closeTower
               if (this.delayList[0] && this.delayList[0].values.length > 0) {
                 // 这里pop已影响到原数组，不用额外处理去掉 delayList 里每个对象 values 数组的最后一个对象
-                this.openTower = { ...this.delayList[0].values.pop() };
+                this.closeTower = { ...this.delayList[0].values.pop() };
               }
-              // 处理 closeTower
+              // 处理 openTower
               if (this.delayList[1] && this.delayList[1].values.length > 0) {
-                this.closeTower = { ...this.delayList[1].values.pop() };
+                this.openTower = { ...this.delayList[1].values.pop() };
               }
             } else {
               this.delayList = [];

src/views/centerairC/deviceStrategy/index.vue

@@ -431,30 +431,6 @@ export default {
     }
   }
 }
-</style>
-<style scoped>
-.policy-li >>> .el-input__inner {
-  background-color: #04193a;
-  border: 1px solid #1262db;
-  color: #3ef0fd;
-  font-weight: 700;
-  text-align: center;
-  padding: 0 0.1rem !important;
-  font-size: 0.16rem !important;
-}
-.policy-li >>> .el-radio {
-  margin-bottom: 5px;
-}
-.policy-li >>> .el-radio__label {
-  color: #3ef0fd;
-}
-.policy-li >>> .el-radio__inner {
-  border: 1px solid #042063;
-  /* background-color: transparent !important; */
-}
-.policy-li >>> .el-radio.is-bordered {
-  border: 1px solid #2c6afa;
-}
 @media (min-width: 1560px) and (max-width: 1670px) {
   .policy {
     padding: 70px 0.3rem 20px 40px !important;
@@ -469,9 +445,6 @@ export default {
   .policy-li {
     font-size: 14px !important;
   }
-  .policy-li >>> .el-input__inner {
-    font-size: 14px !important;
-  }
 }
 @media (min-width: 1340px) and (max-width: 1400px) {
   .policy {
@@ -482,14 +455,11 @@ export default {
   .policy-li {
     font-size: 14px !important;
   }
-  .policy-li >>> .el-input__inner {
-    font-size: 14px !important;
-  }
   .radio-style {
     padding: 70px 0.3rem 20px 20px !important;
-  }
+    .policy-li {
-  .radio-style .policy-li {
+      width: calc(50% - 20px) !important;
-    width: calc(50% - 20px) !important;
+    }
   }
 }
 @media (min-width: 1025px) and (max-width: 1340px) {
@@ -504,11 +474,8 @@ export default {
   .policy-li {
     font-size: 14px !important;
   }
-  .policy-li >>> .el-input__inner {
-    font-size: 14px !important;
-  }
 }
-@media (max-width: 1180px) {
+@media (max-width: 1240px) {
   .policy {
     width: calc(80% - 20px) !important;
     margin: 0 10px 25px 10px !important;
@@ -521,11 +488,8 @@ export default {
   .policy-li {
     font-size: 14px !important;
   }
-  .policy-li >>> .el-input__inner {
-    font-size: 14px !important;
-  }
 }
-/* 媒体查询，适配大于2000px分辨率的大屏样式 */
+// 媒体查询，适配大于2000px分辨率的大屏样式
 @media (min-width: 2000px) {
   .policy-flex {
     margin-top: 0.15rem !important;
@@ -560,6 +524,29 @@ export default {
   }
   .policy-li .el-radio {
     margin-bottom: 0.05rem !important;
-  }
+}
+}
+</style>
+<style scoped>
+.policy-li >>> .el-input__inner {
+  background-color: #04193a;
+  border: 1px solid #1262db;
+  color: #3ef0fd;
+  font-weight: 700;
+  text-align: center;
+  padding: 0 0.1rem !important;
+}
+.policy-li >>> .el-radio {
+  margin-bottom: 5px;
+}
+.policy-li >>> .el-radio__label {
+  color: #3ef0fd;
+}
+.policy-li >>> .el-radio__inner {
+  border: 1px solid #042063;
+  /* background-color: transparent !important; */
+}
+.policy-li >>> .el-radio.is-bordered {
+  border: 1px solid #2c6afa;
 }
 </style>

src/views/centerairC/enSourceAnalysis/components/deviceEnergy.vue

@@ -86,7 +86,7 @@
               >
               </el-option>
             </el-select>
-            <el-select
+            <!-- <el-select
               style="margin-left: 0.12rem"
               v-model="systemType"
               placeholder="请选择系统类型"
@@ -98,7 +98,7 @@
                 :label="dict.dictLabel"
                 :value="dict.dictValue"
               />
-            </el-select>
+            </el-select> -->
             <div class="success-btn">
               <el-button
                 type="success"
@@ -156,7 +156,7 @@ export default {
       deviceTypes: [],
       dateType: "hour", //默认选择小时
       timeDate: [], //小时值
-      deviceTitle: "冷水机组",
+      deviceTitle: "主机",
       dayDate: [], //日值
       monthDate: [], //月值
       startYear: "", //开始年份
@@ -220,7 +220,11 @@ export default {
         listData(data)
           .then((response) => {
             this.electType = [];
-            this.deviceTypes = response.rows;
+            // 过滤 response.rows，只保留 dictValue 在 "0" 到 "3" 范围内的对象
+            this.deviceTypes = response.rows.filter((item) => {
+              const dictValue = parseInt(item.dictValue, 10);
+              return !isNaN(dictValue) && dictValue >= 0 && dictValue <= 3;
+            });
             if (this.deviceTypes.length > 0) {
               this.deviceType = this.deviceTypes[0].dictValue;
             }
@@ -233,7 +237,10 @@ export default {
     },
     /** 初始化数据 */
     initData() {
-      Promise.all([this.getDictList(), this.getList()])
+      Promise.all([
+        // this.getDictList(),
+        this.getList(),
+      ])
         .then(() => {
           this.getTableData();
         })
@@ -394,7 +401,7 @@ export default {
         startTime: this.startTime,
         endTime: this.endTime,
         deviceType: this.deviceType,
-        systemType: this.systemType,
+        systemType: 0,
       };
       console.log("查询数据参数", data);
       // this.option2.series[0].data = ["1"];
@@ -425,6 +432,11 @@ export default {
 
           this.option2.series[0].data = this.electData2;
           this.option2.xAxis.data = this.dateList2;
+          this.option2.yAxis.name = "kwh";
+          this.option2.yAxis.nameTextStyle = {
+            color: "rgba(255, 255, 255, 1)",
+            fontSize: 12,
+          };
           console.log("x轴", this.dateList2);
           console.log("折线图数据", this.electData2);
           this.screenAdapter();
@@ -500,8 +512,8 @@ export default {
           show: false, // 不显示图例
         },
         grid: {
-          top: "5%",
+          top: "15%",
-          left: "3%",
+          left: "5%",
           right: "4.4%",
           bottom: "20%",
           containLabel: true,
@@ -616,12 +628,12 @@ export default {
         // x轴坐标字体大小
         xAxis: {
           axisLabel: {
-            fontSize: titleFontSize * 1.5,
+            fontSize: titleFontSize * 1.4,
           },
         },
         yAxis: {
           axisLabel: {
-            fontSize: titleFontSize * 1.5,
+            fontSize: titleFontSize * 1.4,
           },
         },
         // 拖拽X轴
@@ -688,7 +700,7 @@ export default {
   line-height: 0.07rem;
   letter-spacing: 0.02rem;
   color: #1f70e9;
-  margin: 0.3rem 0;
+  margin: 0.3rem 0 0rem 0;
   width: 100%;
   text-align: center;
 }
@@ -703,7 +715,12 @@ export default {
 .main-content {
   min-height: 6.9rem;
 }
-
+.charts-table{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
 .charts_refs {
   width: 17rem;
   height: 4.55rem;

src/views/centerairC/enSourceAnalysis/components/equipment.vue

@@ -72,6 +72,7 @@
               </el-date-picker>
             </div>
             <el-select
+              style="margin: 0 10px"
               multiple
               collapse-tags
               class="elSelectDiv"
@@ -86,7 +87,7 @@
                 :value="item.mtNum"
               ></el-option>
             </el-select>
-            <el-select
+            <!-- <el-select
               style="margin: 0 10px"
               v-model="systemType"
               placeholder="请选择系统类型"
@@ -98,7 +99,7 @@
                 :label="dict.dictLabel"
                 :value="dict.dictValue"
               />
-            </el-select>
+            </el-select> -->
             <div class="success-btn">
               <el-button type="success" @click="findData">查询</el-button>
             </div>
@@ -312,9 +313,20 @@ export default {
         };
         cpmList(data)
           .then((response) => {
+            // 过滤数据，只保留 system_type = 0 且 grade = 40 的对象
+            this.electTypes = response.rows.filter(
+              (item) => item.systemType === "0" && item.grade === 40
+            );
             this.electType = [];
-            this.electTypes = response.rows;
+            if (this.electTypes.length > 3) {
-            this.electType = [this.electTypes[0].mtNum];
+              this.electType = [
+                this.electTypes[0].mtNum,
+                this.electTypes[1].mtNum,
+                this.electTypes[2].mtNum,
+              ];
+            } else if (this.electTypes.length > 0) {
+              this.electType = [this.electTypes[0].mtNum];
+            }
             console.log("this.electTypes", this.electTypes);
             console.log("this.electType", this.electType);
             this.handleSelectChange();
@@ -327,7 +339,10 @@ export default {
     },
     /** 初始化数据 */
     initData() {
-      Promise.all([this.getDictList(), this.getList()])
+      Promise.all([
+        // this.getDictList(),
+        this.getList(),
+      ])
         .then(() => {
           this.getTableData();
           this.getChartsData();
@@ -465,7 +480,7 @@ export default {
         pageNum: this.pageParm.page,
         pageSize: this.pageParm.pageSize,
         searchParams: this.selectElect,
-        systemType: this.systemType,
+        systemType: "0",
       };
       console.log("查询数据参数", data);
       this.listLoading = true;
@@ -534,7 +549,7 @@ export default {
         pageNum: 0,
         pageSize: 10,
         searchParams: this.selectElect,
-        systemType: this.systemType,
+        systemType: "0",
       };
       console.log("查询数据参数", data);
       deviceAnalyze(data).then((res) => {
@@ -560,6 +575,11 @@ export default {
           console.log("图表数据", this.dataArr);
           this.option1.series = this.dataArr;
           this.option1.xAxis.data = this.timeData;
+          this.option1.yAxis.name = "kwh";
+          this.option1.yAxis.nameTextStyle = {
+            color: "rgba(255, 255, 255, 1)",
+            fontSize: 12,
+          };
           // 清空图表
           this.chartInstance1.clear();
           this.screenAdapter();
@@ -606,7 +626,7 @@ export default {
         },
 
         grid: {
-          top: "9%",
+          top: "15%",
           left: "3%",
           right: "2%",
           bottom: "25%",
@@ -719,6 +739,7 @@ export default {
         pageNum: 0,
         pageSize: 10,
         searchParams: this.selectElect,
+        systemType: "0",
       };
       console.log("导出数据参数", data);
       deviceAnalyzeExport(data).then((res) => {
@@ -805,6 +826,12 @@ export default {
 .main-content {
   min-height: 6.6rem;
 }
+.charts-table {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
 .elSelectDiv {
   margin-left: 15px;
   width: 250px;

src/views/centerairC/enSourceAnalysis/components/machineRoom.vue

@@ -65,7 +65,7 @@
           >
           </el-date-picker>
         </div>
-        <el-select
+        <!-- <el-select
           style="margin-left: 0.1rem"
           v-model="systemType"
           placeholder="请选择系统类型"
@@ -77,7 +77,7 @@
             :label="dict.dictLabel"
             :value="dict.dictValue"
           />
-        </el-select>
+        </el-select> -->
         <div class="success-btn" style="margin: 0 0.12rem">
           <el-button type="success" @click="findData">查询</el-button>
         </div>
@@ -287,7 +287,8 @@ export default {
   },
   mounted() {
     this.initializeTimeDate();
-    this.getDictList();
+    // this.getDictList();
+    this.getTableData();
   },
   methods: {
     /** 查询系统类型-字典数据列表 */
@@ -424,7 +425,7 @@ export default {
         timeType: this.dateType,
         startTime: this.startTime,
         endTime: this.endTime,
-        systemType: this.systemType,
+        systemType: "0",
       };
       console.log("查询数据参数", data);
       this.listLoading = true;
@@ -480,7 +481,7 @@ export default {
         timeType: this.dateType,
         startTime: this.startTime,
         endTime: this.endTime,
-        systemType: this.systemType,
+        systemType: "0",
       };
       console.log("导出数据参数", data);
       analyzeExport(data).then((res) => {

src/views/centerairC/energyAnalysis/components/energyAnalysis.vue

@@ -73,7 +73,7 @@
               >
               </el-date-picker>
             </div>
-            <el-select
+            <!-- <el-select
               style="margin-left: 10px"
               v-model="systemType"
               placeholder="请选择系统类型"
@@ -85,7 +85,7 @@
                 :label="dict.dictLabel"
                 :value="dict.dictValue"
               />
-            </el-select>
+            </el-select> -->
             <div class="success-btn" style="margin-left: 0.24rem">
               <el-button type="success" @click="findData">查询</el-button>
             </div>
@@ -190,7 +190,8 @@ export default {
     this.screenAdapter2();
     window.addEventListener("resize", this.screenAdapter2);
     window.addEventListener("resize", this.screenAdapter);
-    this.getDictList();
+    // this.getDictList();
+     this.getTableData();
   },
   destroyed() {
     //与mounted中的监听对应，在组件销毁的时候，需要将监听器取消掉
@@ -344,7 +345,7 @@ export default {
         timeType: this.dateType,
         startTime: this.startTime,
         endTime: this.endTime,
-        systemType: this.systemType,
+        systemType: "0",
       };
       console.log("查询数据参数", data);
       // this.showZoom = true
@@ -487,7 +488,7 @@ export default {
         },
 
         grid: {
-          top: "5%",
+          top: "9%",
           left: "3%",
           right: "4.4%",
           bottom: "20%",
@@ -696,6 +697,17 @@ export default {
     // 控制图例
     screenAdapter2() {
       // console.log("checkList:", this.checkList);
+      //写法一
+      // const selected = {
+      //   瞬时系统EER: false,
+      //   瞬时冷量: false,
+      //   瞬时功率: false,
+      // };
+      // const updatedSelected = {
+      //   ...selected,
+      //   [this.checkList]: true,
+      // };
+      // 写法二，添加不同的单位
       const selected = {
         瞬时系统EER: false,
         瞬时冷量: false,
@@ -705,6 +717,26 @@ export default {
         ...selected,
         [this.checkList]: true,
       };
+      let unit;
+      // 遍历 selected 对象
+      for (const key in updatedSelected) {
+        if (updatedSelected[key]) {
+          switch (key) {
+            case "瞬时系统EER":
+              unit = "";
+              break;
+            case "瞬时冷量":
+              unit = "kwr";
+              break;
+            case "瞬时功率":
+              unit = "kw";
+              break;
+            default:
+              unit = "";
+          }
+          break;
+        }
+      }
       // console.log(updatedSelected);
       //自己定义的比较合适的适配大小,2.6  mes_ref是图表盒子
       const titleFontSize = this.$refs.charts_refs.offsetWidth / 130;
@@ -717,6 +749,9 @@ export default {
           // data: ["2021", "2022", "2023"],
           data: this.dateList2,
         },
+        yAxis: {
+          name: unit,
+        },
         series: [
           {
             name: "瞬时系统EER",
@@ -756,6 +791,10 @@ export default {
           axisLabel: {
             fontSize: titleFontSize * 1.5,
           },
+          nameTextStyle: {
+            color: "rgba(255, 255, 255, 1)",
+            fontSize: titleFontSize * 1.3,
+          },
         },
       };
       //记得重新给配置项给实例对象。只要实例对象.chartInstance不变，option就可以多次配置不同的条件。也可以配置一个dataoption只写需要从后台请求的数据相关

src/views/centerairC/energyAnalysis/components/qnqAnalysis.vue

@@ -84,7 +84,7 @@
               >
               </el-date-picker>
             </div>
-            <el-select
+            <!-- <el-select
               style="margin-left: 10px"
               v-model="systemType"
               placeholder="请选择系统类型"
@@ -96,7 +96,7 @@
                 :label="dict.dictLabel"
                 :value="dict.dictValue"
               />
-            </el-select>
+            </el-select> -->
             <div class="success-btn" style="margin-left: 0.24rem">
               <el-button type="success" @click="findData">查询</el-button>
             </div>
@@ -190,7 +190,8 @@ export default {
     this.initChart1();
     window.addEventListener("resize", this.screenAdapter);
     this.screenAdapter();
-    this.getDictList();
+    // this.getDictList();
+    this.getTableData();
   },
   destroyed() {
     //与mounted中的监听对应，在组件销毁的时候，需要将监听器取消掉
@@ -349,7 +350,7 @@ export default {
         startTime: this.startTime,
         endTime: this.endTime,
         paramType: this.paramType,
-        systemType: this.systemType,
+        systemType: "0",
       };
       console.log("查询数据参数", data);
       this.listLoading = true;

src/views/centerairC/energyAnalysis/components/ynyAnalysis.vue

@@ -84,7 +84,7 @@
               >
               </el-date-picker>
             </div>
-            <el-select
+            <!-- <el-select
               style="margin-left: 10px"
               v-model="systemType"
               placeholder="请选择系统类型"
@@ -96,7 +96,7 @@
                 :label="dict.dictLabel"
                 :value="dict.dictValue"
               />
-            </el-select>
+            </el-select> -->
             <div class="success-btn" style="margin-left: 0.24rem">
               <el-button type="success" @click="findData">查询</el-button>
             </div>
@@ -190,7 +190,8 @@ export default {
     this.initChart1();
     window.addEventListener("resize", this.screenAdapter);
     this.screenAdapter();
-    this.getDictList();
+    // this.getDictList();
+    this.getTableData();
   },
   destroyed() {
     //与mounted中的监听对应，在组件销毁的时候，需要将监听器取消掉
@@ -348,7 +349,7 @@ export default {
         startTime: this.startTime,
         endTime: this.endTime,
         paramType: this.paramType,
-        systemType: this.systemType,
+        systemType: "0",
       };
       console.log("查询数据参数", data);
       this.listLoading = true;

src/views/centerairC/energyAnalysis/components/ynyQnqAnalysis.vue

@@ -84,7 +84,7 @@
               >
               </el-date-picker>
             </div>
-            <el-select
+            <!-- <el-select
               style="margin-left: 10px"
               v-model="systemType"
               placeholder="请选择系统类型"
@@ -96,7 +96,7 @@
                 :label="dict.dictLabel"
                 :value="dict.dictValue"
               />
-            </el-select>
+            </el-select> -->
             <div class="success-btn" style="margin-left: 0.24rem">
               <el-button type="success" @click="findData">查询</el-button>
             </div>
@@ -199,7 +199,8 @@ export default {
     this.initChart1();
     window.addEventListener("resize", this.screenAdapter);
     this.screenAdapter();
-    this.getDictList();
+    // this.getDictList();
+    this.getTableData();
   },
   destroyed() {
     //与mounted中的监听对应，在组件销毁的时候，需要将监听器取消掉
@@ -336,7 +337,7 @@ export default {
         startTime: this.startTime,
         endTime: this.endTime,
         paramType: this.paramType,
-        systemType: this.systemType,
+        systemType: "0",
       };
       console.log("查询数据参数", data);
       this.listLoading = true;

src/views/centerairC/hostRunReport/index.vue

@@ -0,0 +1,911 @@
+<template>
+  <div class="app-container">
+    <div class="btn-condition">
+      <div class="condition-left" v-show="showSearch">
+        <el-form
+          :model="queryParams"
+          ref="queryForm"
+          size="small"
+          :inline="true"
+        >
+          <el-form-item label="主机编号" prop="deviceNum">
+            <el-select
+              v-model="queryParams.deviceNum"
+              placeholder="请选择主机编号"
+              clearable
+            >
+              <el-option label="1号主机" value="1" />
+              <el-option label="2号主机" value="2" />
+              <el-option label="3号主机" value="3" />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="日期范围" prop="timeArr">
+            <el-date-picker
+              style="width: 220px"
+              v-model="timeArr"
+              type="daterange"
+              unlink-panels
+              range-separator="~"
+              start-placeholder="开始日期"
+              end-placeholder="结束日期"
+              value-format="yyyy-MM-dd"
+              @change="dateChange"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-form>
+        <div class="primary-btn">
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</el-button
+          >
+        </div>
+        <div class="cancel-btn">
+          <el-button
+            type="cancel"
+            icon="el-icon-refresh"
+            size="mini"
+            @click="resetQuery"
+            >重置</el-button
+          >
+        </div>
+      </div>
+    </div>
+
+    <el-row :gutter="10" class="mb8">
+      <!-- <el-col :span="1.5">
+        <div class="success-btn">
+          <el-button
+            type="success"
+            @click="leadingPrint"
+            icon="el-icon-printer"
+            size="mini"
+            >打印</el-button
+          >
+        </div>
+      </el-col> -->
+      <el-col :span="1.5">
+        <div class="warning-btn">
+          <el-button
+            type="warning"
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            >导出</el-button
+          >
+        </div>
+      </el-col>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
+    </el-row>
+
+    <el-table v-loading="loading" :data="postList" stripe>
+      <!-- <el-table-column label="主机id" align="center" prop="deviceNum" /> -->
+      <el-table-column label="时间" align="center" prop="curTime" />
+      <el-table-column label="蒸发器">
+        <el-table-column
+          label="冷冻水进水温度(℃)"
+          align="center"
+          prop="tempInChillerWater" />
+        <el-table-column
+          label="冷冻水出水温度(℃)"
+          align="center"
+          prop="tempOutChillerWater" />
+        <el-table-column label="设计流量(%)" align="center" prop="designFlow" />
+        <el-table-column
+          label="蒸发器压力(kpa)"
+          align="center"
+          prop="pressEvapSaturation" />
+        <el-table-column
+          label="蒸发器饱和温度(℃)"
+          align="center"
+          prop="tempEvapSaturation" />
+        <el-table-column
+          label="蒸发器趋近温度(℃)"
+          align="center"
+          prop="tempEvapApproaching"
+      /></el-table-column>
+      <el-table-column label="冷凝器">
+        <el-table-column
+          label="冷却水进水温度(℃)"
+          align="center"
+          prop="tempInCoolingWater"
+        />
+        <el-table-column
+          label="冷却水出水温度(℃)"
+          align="center"
+          prop="tempOutCoolingWater"
+        />
+        <el-table-column
+          label="冷凝器压力(kpa)"
+          align="center"
+          prop="pressCondenserSaturation"
+        />
+        <el-table-column
+          label="冷凝器饱和温度(℃)"
+          align="center"
+          prop="tempCondenserSaturation"
+        />
+        <el-table-column
+          label="冷凝器趋近温度(℃)"
+          align="center"
+          prop="tempCondenserApproaching"
+        />
+      </el-table-column>
+      <el-table-column label="系统">
+        <el-table-column
+          label="冷冻水设定值(℃)"
+          align="center"
+          prop="setChillerWater"
+        />
+        <el-table-column label="冷水机需求(%)" align="center" prop="setLoad" />
+        <el-table-column label="总电流(%)" align="center" prop="currentTotal" />
+        <el-table-column
+          label="总输入功率(kw)"
+          align="center"
+          prop="inputPowerTotal"
+        />
+        <el-table-column
+          label="压缩机1_压缩比"
+          align="center"
+          prop="ratioCompOne"
+        />
+        <el-table-column
+          label="压缩机2_压缩比"
+          align="center"
+          prop="ratioCompTwo"
+        />
+        <el-table-column
+          label="压缩机3_压缩比"
+          align="center"
+          prop="ratioCompThree"
+        />
+        <el-table-column label="膨胀阀开度(%)" align="center" prop="openExv" />
+        <el-table-column
+          label="运行中的压缩机数量"
+          align="center"
+          prop="runCompNum"
+        />
+      </el-table-column>
+      <el-table-column label="冷冻泵">
+        <el-table-column
+          label="冷冻水泵频率(hz)"
+          align="center"
+          prop="frequencyChiller"
+        />
+        <el-table-column
+          label="冷冻水出水压力(kpa)"
+          align="center"
+          prop="pressOutChillerWater"
+        />
+        <el-table-column
+          label="冷冻水进水压力(kpa)"
+          align="center"
+          prop="pressInChillerWater"
+        />
+      </el-table-column>
+      <el-table-column label="冷却泵">
+        <el-table-column
+          label="冷却水泵频率(hz)"
+          align="center"
+          prop="frequencyCooling"
+        />
+        <el-table-column
+          label="冷却水出水压力(kpa)"
+          align="center"
+          prop="pressOutCoolingWater"
+        />
+        <el-table-column
+          label="冷却水进水压力(kpa)"
+          align="center"
+          prop="pressInCoolingWater"
+        />
+      </el-table-column>
+      <el-table-column label="冷却塔">
+        <el-table-column
+          label="冷却塔水泵频率(hz)"
+          align="center"
+          prop="frequencyCoolingTower"
+        />
+        <el-table-column
+          label="冷却塔运行数量"
+          align="center"
+          prop="runCoolingTower"
+        />
+      </el-table-column>
+      <el-table-column label="室外温度(℃)" align="center" prop="tempOutdoor" />
+      <el-table-column
+        label="室外湿度(%)"
+        align="center"
+        prop="humidityOutdoor"
+      />
+      <el-table-column
+        label="恒压补水罐压力(Mpa)"
+        align="center"
+        prop="pressConstantWaterTank"
+      />
+      <el-table-column label="巡查记录人" align="center" prop="recorder" />
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-edit"
+            @click="handleUpdate(scope.row)"
+            v-hasPermi="['device:ledger:edit']"
+            >修改</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+    <!-- 添加或修改设备台账对话框 -->
+    <el-dialog :title="title" :visible.sync="open" append-to-body>
+      <el-form ref="form" :model="form" :rules="rules">
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="主机编号" prop="deviceNum">
+              <el-select
+                v-model="form.deviceNum"
+                placeholder="请选择主机编号"
+                disabled
+              >
+                <el-option label="1号主机" value="1" />
+                <el-option label="2号主机" value="2" />
+                <el-option label="3号主机" value="3" />
+              </el-select> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="设计流量(%)" prop="designFlow">
+              <el-input v-model="form.designFlow" placeholder="请输入流量(%)" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="冷冻水进水温度(℃)" prop="tempInChillerWater">
+              <el-input
+                v-model="form.tempInChillerWater"
+                placeholder="请输入温度(℃)"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="冷冻水出水温度(℃)" prop="tempOutChillerWater">
+              <el-input
+                v-model="form.tempOutChillerWater"
+                placeholder="请输入温度(℃)"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="蒸发器饱和温度(℃)" prop="tempEvapSaturation">
+              <el-input
+                v-model="form.tempEvapSaturation"
+                placeholder="请输入温度(℃)"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="蒸发器趋近温度(℃)" prop="tempEvapApproaching">
+              <el-input
+                v-model="form.tempEvapApproaching"
+                placeholder="请输入温度(℃)"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="蒸发器压力(kpa)" prop="pressEvapSaturation">
+              <el-input
+                v-model="form.pressEvapSaturation"
+                placeholder="请输入压力(kpa)"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="冷凝器压力(kpa)"
+              prop="pressCondenserSaturation"
+            >
+              <el-input
+                v-model="form.pressCondenserSaturation"
+                placeholder="请输入压力(kpa)"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="冷却水进水温度(℃)" prop="tempInCoolingWater">
+              <el-input
+                v-model="form.tempInCoolingWater"
+                placeholder="请输入温度(℃)"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="冷却水出水温度(℃)" prop="tempOutCoolingWater">
+              <el-input
+                v-model="form.tempOutCoolingWater"
+                placeholder="请输入温度(℃)"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item
+              label="冷凝器饱和温度(℃)"
+              prop="tempCondenserSaturation"
+            >
+              <el-input
+                v-model="form.tempCondenserSaturation"
+                placeholder="请输入温度(℃)"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="冷凝器趋近温度(℃)"
+              prop="tempCondenserApproaching"
+            >
+              <el-input
+                v-model="form.tempCondenserApproaching"
+                placeholder="请输入温度(℃)"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="冷冻水设定值(℃)" prop="setChillerWater">
+              <el-input
+                v-model="form.setChillerWater"
+                placeholder="请输入温度(℃)"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="冷水机需求(%)" prop="setLoad">
+              <el-input v-model="form.setLoad" placeholder="请输入(%)" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="总输入功率(kw)" prop="inputPowerTotal">
+              <el-input
+                v-model="form.inputPowerTotal"
+                placeholder="请输入功率(kw)"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="总电流(%)" prop="currentTotal">
+              <el-input v-model="form.currentTotal" placeholder="请输入(%)" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="压缩机1_压缩比" prop="ratioCompOne">
+              <el-input
+                v-model="form.ratioCompOne"
+                placeholder="请输入压缩比"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="压缩机2_压缩比" prop="ratioCompTwo">
+              <el-input
+                v-model="form.ratioCompTwo"
+                placeholder="请输入压缩比"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="压缩机3_压缩比" prop="ratioCompThree">
+              <el-input
+                v-model="form.ratioCompThree"
+                placeholder="请输入压缩比"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="膨胀阀开度(%)" prop="openExv">
+              <el-input v-model="form.openExv" placeholder="请输入(%)" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="运行中的压缩机数量" prop="runCompNum">
+              <el-input
+                v-model="form.runCompNum"
+                placeholder="请输入数量"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="冷冻水泵频率(hz)" prop="frequencyChiller">
+              <el-input v-model="form.openExv" placeholder="请输入频率(hz)" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item
+              label="冷冻水出水压力(kpa)"
+              prop="pressOutChillerWater"
+            >
+              <el-input
+                v-model="form.pressOutChillerWater"
+                placeholder="请输入压力(kpa)"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="冷冻水进水压力(kpa)"
+              prop="pressInChillerWater"
+            >
+              <el-input
+                v-model="form.pressInChillerWater"
+                placeholder="请输入压力(kpa)"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item
+              label="冷却水出水压力(kpa)"
+              prop="pressOutCoolingWater"
+            >
+              <el-input
+                v-model="form.pressOutCoolingWater"
+                placeholder="请输入压力(kpa)"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="冷却水进水压力(kpa)"
+              prop="pressInCoolingWater"
+            >
+              <el-input
+                v-model="form.pressInCoolingWater"
+                placeholder="请输入压力(kpa)"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="冷却水泵频率(hz)" prop="frequencyCooling">
+              <el-input
+                v-model="form.frequencyCooling"
+                placeholder="请输入频率(hz)"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="冷却塔水泵频率(hz)"
+              prop="frequencyCoolingTower"
+            >
+              <el-input
+                v-model="form.frequencyCoolingTower"
+                placeholder="请输入频率(hz)"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="冷却塔运行数量" prop="runCoolingTower">
+              <el-input
+                v-model="form.runCoolingTower"
+                placeholder="请输入数量"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item
+              label="恒压补水罐压力(Mpa)"
+              prop="pressConstantWaterTank"
+            >
+              <el-input
+                v-model="form.pressConstantWaterTank"
+                placeholder="请输入压力(Mpa)"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="室外温度" prop="tempOutdoor">
+              <el-input
+                v-model="form.tempOutdoor"
+                placeholder="请输入温度(℃)"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="室外湿度(%)" prop="humidityOutdoor">
+              <el-input
+                v-model="form.humidityOutdoor"
+                placeholder="请输入湿度(%)"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+        <el-row type="flex" justify="center">
+          <el-col :span="12">
+            <el-form-item label="巡查记录人" prop="recorder">
+              <el-input
+                v-model="form.recorder"
+                placeholder="请输入巡查记录人"
+              /> </el-form-item
+          ></el-col>
+          <el-col :span="12">
+            <el-form-item label="备注" prop="remark">
+              <el-input
+                v-model="form.remark"
+                placeholder="请输入备注"
+              /> </el-form-item
+          ></el-col>
+        </el-row>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="cancel">取 消</el-button>
+        <el-button type="primary" @click="submitForm">确 定</el-button>
+      </div>
+    </el-dialog>
+    <el-dialog
+      :visible.sync="dialogPrintVisible"
+      title="打印预览"
+      class="print-dialog"
+    >
+      <div id="report" ref="report" class="report">
+        <table
+          border="1"
+          style="
+            table-layout: fixed;
+            width: 100%;
+            border: 1px solid #e2e6f0;
+            margin-bottom: 35px;
+          "
+        >
+          <thead>
+            <tr>
+              <th rowspan="1" colspan="32">磁悬浮水冷冷水机组数据运行记录表</th>
+            </tr>
+            <tr>
+              <th>主机id</th>
+              <th>时间</th>
+              <th colspan="6">蒸发器</th>
+              <th colspan="5">冷凝器</th>
+              <th colspan="7">系统</th>
+              <th colspan="3">冷冻泵</th>
+              <th colspan="3">冷却泵</th>
+              <th colspan="2">冷却塔</th>
+              <th>室外温度(℃)</th>
+              <th>室外湿度(%)</th>
+              <th>恒压补水罐压力(Mpa)</th>
+              <th>巡查记录人</th>
+            </tr>
+            <tr>
+              <th></th>
+              <th></th>
+              <th>冷冻水进水温度(℃)</th>
+              <th>冷冻水出水温度(℃)</th>
+              <th>设计流量(%)</th>
+              <th>蒸发器压力(kpa)</th>
+              <th>蒸发器饱和温度(℃)</th>
+              <th>蒸发器趋近温度(℃)</th>
+              <th>冷却水进水温度(℃)</th>
+              <th>冷却水出水温度(℃)</th>
+              <th>冷凝器压力(kpa)</th>
+              <th>冷凝器饱和温度(℃)</th>
+              <th>冷凝器趋近温度(℃)</th>
+              <th>冷冻水设定值(℃)</th>
+              <th>冷水机需求(%)</th>
+              <th>总电流(%)</th>
+              <th>总输入功率(kw)</th>
+              <th>压缩机1_压缩比</th>
+              <th>膨胀阀开度(%)</th>
+              <th>运行中的压缩机数量</th>
+              <th>冷冻水泵频率(hz)</th>
+              <th>冷冻水出水压力(kpa)</th>
+              <th>冷冻水进水压力(kpa)</th>
+              <th>冷却水泵频率(hz)</th>
+              <th>冷却水出水压力(kpa)</th>
+              <th>冷却水进水压力(kpa)</th>
+              <th>冷却塔水泵频率(hz)</th>
+              <th>冷却塔运行数量</th>
+              <th></th>
+              <th></th>
+              <th></th>
+              <th></th>
+            </tr>
+          </thead>
+          <tr v-for="(item, index) in postList" :key="index">
+            <td align="center" v-for="(value, key) in item" :key="key">
+              {{ value }}
+            </td>
+          </tr>
+        </table>
+        <div
+          class="detail"
+          style="
+            display: flex;
+            flex-direction: row;
+            font-size: 14px;
+            justify-content: space-between;
+            flex-wrap: nowrap;
+            width: 40%;
+            color: #ffffff;
+          "
+        >
+          <div>操作员: {{ this.userName }}</div>
+          <div class="print-date">日期： {{ this.operationDate }}</div>
+        </div>
+      </div>
+      <el-row type="flex" justify="end" style="margin-top: 0.2rem">
+        <el-col :span="2">
+          <el-button type="info" @click="dialogPrintVisible = false"
+            >取消</el-button
+          >
+        </el-col>
+        <el-col :span="2" style="margin-left: 60px">
+          <el-button type="success" @click="surePrint">确认</el-button>
+        </el-col>
+      </el-row>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import {
+  reportSysList,
+  reportSysEdit,
+  reportSysExport,
+} from "@/api/centerairC/hostRunReport";
+import { format2, getDay } from "@/utils/datetime";
+export default {
+  name: "ledger",
+  data() {
+    return {
+      timeArr: [],
+      // 遮罩层
+      loading: false,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      postList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        deviceNum: "",
+        params: {
+          startTime: "",
+          endTime: "",
+        },
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        deviceName: [
+          { required: true, message: "设备名称不能为空", trigger: "blur" },
+        ],
+      },
+      dialogPrintVisible: false,
+      userName: "", //操作员
+      operationDate: getDay(0), //操作日期
+      titleDate: "",
+    };
+  },
+  created() {
+    this.userName = sessionStorage.getItem("userName");
+    this.queryParams.deviceNum = "1";
+    this.getList();
+  },
+  methods: {
+    // 选中日期事件
+    dateChange() {
+      // console.log("打印时间", this.timeArr);
+      if (!this.timeArr) {
+        this.$nextTick(() => {
+          this.timeArr = [];
+          this.queryParams.params.startTime = "";
+          this.queryParams.params.endTime = "";
+        });
+      } else {
+        this.queryParams.params.startTime = this.timeArr[0];
+        this.queryParams.params.endTime = this.timeArr[1];
+      }
+    },
+    /** 查询设备台账列表 */
+    getList() {
+      this.loading = true;
+      reportSysList(this.queryParams).then((response) => {
+        if (response.code == 200) {
+          this.postList = response.rows;
+          this.total = response.total;
+          this.loading = false;
+        } else {
+          this.postList = [];
+          this.total = 0;
+          this.loading = false;
+        }
+      });
+    },
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.reset();
+      this.form.id = "";
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: "",
+        deviceNum: "",
+        curTime: "",
+        tempInChillerWater: "",
+        tempOutChillerWater: "",
+        designFlow: "",
+        pressEvapSaturation: "",
+        tempEvapSaturation: "",
+        tempEvapApproaching: "",
+        tempInCoolingWater: "",
+        tempOutCoolingWater: "",
+        pressCondenserSaturation: "",
+        tempCondenserSaturation: "",
+        tempCondenserApproaching: "",
+        setChillerWater: "",
+        setLoad: "",
+        currentTotal: "",
+        inputPowerTotal: "",
+        ratioCompOne: "",
+        openExv: "",
+        runCompNum: "",
+        frequencyChiller: "",
+        pressOutChillerWater: "",
+        pressInChillerWater: "",
+        frequencyCooling: "",
+        pressOutCoolingWater: "",
+        pressInCoolingWater: "",
+        frequencyCoolingTower: "",
+        runCoolingTower: "",
+        pressConstantWaterTank: "",
+        tempOutdoor: "",
+        humidityOutdoor: "",
+        recorder: "",
+        remark: "",
+        ratioCompTwo: "",
+        ratioCompThree: "",
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      this.form = Object.assign({}, row);
+      this.open = true;
+      this.title = "修改主机运行记录";
+    },
+    /** 提交按钮 */
+    submitForm: function () {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.form.id != undefined) {
+            reportSysEdit(this.form).then((response) => {
+              this.$modal.msgSuccess("修改成功");
+              this.open = false;
+              this.getList();
+            });
+          } else {
+            console.log("新增参数", this.form);
+          }
+        }
+      });
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      reportSysExport(this.queryParams).then((res) => {
+        console.log("导出返回", res);
+        // 请求的结果就是文件
+        // 创建一个blob URL，用于生成下载链接
+        const url = window.URL.createObjectURL(new Blob([res]));
+        // 创建一个<a>元素，并设置其href和download属性
+        const link = document.createElement("a");
+        link.href = url;
+        link.setAttribute("download", "主机运行记录报表.xls"); // 设置下载的文件名
+        // 模拟点击下载链接
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        // 释放blob URL资源
+        window.URL.revokeObjectURL(url);
+        this.$message({
+          type: "success",
+          message: "导出成功!",
+        });
+      });
+    },
+    // 打印
+    leadingPrint() {
+      this.dialogPrintVisible = true;
+    },
+    // 打印
+    surePrint() {
+      const printHTML = document.querySelector("#report").innerHTML;
+      // 将打印的区域赋值，进行打印
+      window.document.body.innerHTML = printHTML;
+      window.print(); // 调用window打印方法
+      window.location.reload(); // 打印完成后重新加载页面
+    },
+  },
+};
+</script>
+<style scoped lang="scss">
+/* 媒体查询，适配大于2000px分辨率的大屏样式 - element样式 */
+@media (max-width: 2000px) {
+  ::v-deep .el-dialog {
+    width: 800px !important;
+  }
+  ::v-deep .print-dialog .el-dialog {
+    width: 1200px !important;
+  }
+  ::v-deep .el-dialog .el-form-item__label {
+    width: 150px !important;
+  }
+  ::v-deep .el-dialog .el-form-item {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+}
+@media (min-width: 2000px) {
+  //   ::v-deep .el-dialog {
+  //     width: 8rem !important;
+  //   }
+
+  //   ::v-deep .el-dialog .el-form-item__label {
+  //     width: 1.5rem !important;
+  //   }
+  //   ::v-deep .el-dialog .el-form-item {
+  //     display: flex;
+  //     flex-direction: row;
+  //     align-items: center;
+  //   }
+}
+</style>

src/views/centerairC/overview/index.vue

@@ -73,7 +73,7 @@
               >
               </el-date-picker>
             </div>
-            <el-select
+            <!-- <el-select
               style="margin-left: 0.12rem"
               v-model="systemType"
               placeholder="请选择系统类型"
@@ -85,7 +85,7 @@
                 :label="dict.dictLabel"
                 :value="dict.dictValue"
               />
-            </el-select>
+            </el-select> -->
             <div class="success-btn">
               <el-button
                 type="success"
@@ -115,7 +115,7 @@
                 </el-table-column>
                 <el-table-column prop="copData" label="EER"> </el-table-column>
               </el-table>
-              <div class="page" >
+              <div class="page">
                 <el-pagination
                   background
                   style="width: 100%; height: 20%"
@@ -241,7 +241,9 @@ export default {
     this.initChart2();
     this.screenAdapter();
     window.addEventListener("resize", this.screenAdapter);
-    this.getDictList();
+    // this.getDictList();
+    this.getTableData();
+    this.getChartsData();
     this.userName = sessionStorage.getItem("userName");
   },
   destroyed() {
@@ -412,7 +414,7 @@ export default {
         endTime: this.endTime,
         pageNum: this.pageParm.page,
         pageSize: this.pageParm.pageSize,
-        systemType: this.systemType,
+        systemType: "0",
       };
       console.log("查询数据参数", data);
       this.listLoading = true;
@@ -455,7 +457,7 @@ export default {
         endTime: this.endTime,
         pageNum: 0,
         pageSize: 10,
-        systemType: this.systemType,
+        systemType: "0",
       };
       console.log("查询数据参数", data);
       energyInquiry(data).then((res) => {
@@ -885,6 +887,7 @@ export default {
         endTime: this.endTime,
         pageNum: 0,
         pageSize: 10,
+        systemType: "0",
       };
       console.log("导出数据参数", data);
       exportData(data).then((res) => {
@@ -991,7 +994,7 @@ export default {
   align-items: center;
   width: 16rem;
 }
-.page{
+.page {
   margin-top: 0.22rem;
 }
 

src/views/centerairC/sysMonitor/components/hostChart.vue

@@ -3,6 +3,7 @@
     <div class="historyCharts" ref="chart_ref"></div>
   </div>
 </template>
+
 <script>
 import * as echarts from "echarts";
 export default {
@@ -40,6 +41,7 @@ export default {
             const titleStr = data[1].titleStr;
             // 获取 dataList 数组
             const dataList = data[3].dataList;
+
             // 遍历 dataList 数组
             dataList.forEach((item) => {
               // 查找 name 在 title 数组中的索引
@@ -55,15 +57,18 @@ export default {
             let name3 = "";
             let name4 = "";
             let name5 = "";
+
             data.forEach((item) => {
               if (item.timeStr) {
                 this.bottomData = item.timeStr;
               }
+
               if (item.dataList) {
                 // 用于存储 name 的数组
                 const names = [];
                 // 用于存储 chartData 的数组
                 const chartData = [];
+
                 // 查找包含“负载”的数据
                 let loadDataIndex = -1;
                 for (let i = 0; i < item.dataList.length; i++) {
@@ -77,10 +82,12 @@ export default {
                     break;
                   }
                 }
+
                 // 剔除包含“负载”的数据
                 if (loadDataIndex !== -1) {
                   item.dataList.splice(loadDataIndex, 1);
                 }
+
                 // 处理剩下的数据
                 item.dataList.slice(0, 4).forEach((val, index) => {
                   if (val.name) {
@@ -88,11 +95,13 @@ export default {
                     names[index] = val.name;
                   }
                 });
+
                 // 将 chartData 数组的值赋值给 this.chartDataX
                 this.chartData1 = chartData[0] || "";
                 this.chartData2 = chartData[1] || "";
                 this.chartData3 = chartData[2] || "";
                 this.chartData4 = chartData[3] || "";
+
                 // 将 names 数组的值赋值给外部作用域的变量
                 name1 = names[0] || "";
                 name2 = names[1] || "";
@@ -513,10 +522,10 @@ export default {
   },
 };
 </script>
+
 <style lang="scss" scoped>
 .historyCharts {
   width: 100%;
   height: 4.4rem;
 }
 </style>
-

src/views/centerairC/sysMonitor/components/loadData.vue

@@ -3,6 +3,7 @@
     <div class="sys_charts" ref="sys_charts"></div>
   </div>
 </template>
+
 <script>
 import * as echarts from "echarts";
 export default {
@@ -28,7 +29,7 @@ export default {
           let data = newVal;
           if (data.length > 0) {
             data.forEach((item) => {
-              if (item.paramType === "28") {
+              if (item.otherName === "负载") {
                 this.loadPercent = item.curValue;
               }
             });
@@ -61,6 +62,7 @@ export default {
       // 计算阈值
       // 真实值大于最大值的0.75才使用颜色渐变
       const threshold = maxData * 0.75;
+
       // 判断实际值是否超过阈值
       if (useData > threshold) {
         return [
@@ -114,6 +116,7 @@ export default {
             triggerEvent: true,
           },
         ],
+
         legend: {
           show: false,
         },
@@ -369,6 +372,7 @@ export default {
               show: false,
             },
           },
+
           // 中间半圆装饰
           {
             type: "gauge",
@@ -437,10 +441,10 @@ export default {
   },
 };
 </script>
+
 <style lang="scss" scoped>
 .sys_charts {
   width: 2rem;
   height: 2rem;
 }
 </style>
-

src/views/centerairC/sysMonitor/performance.vue

@@ -9,6 +9,7 @@
       <img
         class="title-center"
         src="../../../assets/images/title-center.png"
+        @click="goSys"
         alt=""
       />
       <img
@@ -16,7 +17,7 @@
         src="../../../assets/images/title-right.png"
         alt=""
       />
-      <div class="sys-title">铭汉高效冷源站管理系统</div>
+      <div class="sys-title" @click="goSys">铭汉高效冷源站管理系统</div>
       <!-- logo -->
       <img src="../../../assets/images/logo-3.png" class="sys-logo" alt="" />
       <div class="nowTime">{{ formattedDate }}</div>
@@ -397,7 +398,7 @@ import {
 import { alarmRecordList } from "@/api/alarm/alarmRecord";
 import titleImg from "./components/titleImg.vue";
 import { format } from "@/utils/datetime";
-import PerformanceChart from './components/performanceChart.vue';
+import PerformanceChart from "./components/performanceChart.vue";
 export default {
   name: "sysControl",
   components: { titleImg, PerformanceChart },
@@ -492,7 +493,7 @@ export default {
     },
     // 进入系统首页
     goSys() {
-      this.exitFullscreen();
+      // this.exitFullscreen();
       this.$router.push("/");
     },
     // 返回上一页
@@ -528,7 +529,7 @@ export default {
       });
     },
     goWarning() {
-      this.exitFullscreen();
+      // this.exitFullscreen();
       this.$router.push("/alarm/alarmRecord");
     },
   },
@@ -557,11 +558,11 @@ export default {
     }
     .title-center {
       width: 9.46rem;
-      height: 0.69rem;
+      height: 0.8rem;
     }
     .title-right {
       width: 5.04rem;
-      height: 0.61rem;
+      height: 0.78rem;
     }
     .sys-title {
       position: absolute;
@@ -572,10 +573,11 @@ export default {
       color: #ffffff;
       font-weight: bold;
       z-index: 100;
+      cursor: pointer;
     }
     .nowTime {
       position: absolute;
-      top: 0.3rem;
+      top: 0.37rem;
       right: 0.6rem;
       font-size: 0.18rem;
       color: #ffffff;
@@ -601,11 +603,11 @@ export default {
     }
     .icon_warning {
       position: absolute;
-      top: 0.33rem;
+      top: 0.39rem;
       right: 4.4rem;
       z-index: 10;
-      width: 0.3rem;
+      width: 0.35rem;
-      height: 0.27rem;
+      height: 0.32rem;
       margin: 0 0.25rem 0 0.27rem;
       cursor: pointer;
       /* 添加闪烁动画 */
@@ -621,21 +623,21 @@ export default {
     }
     .icon_home {
       position: absolute;
-      top: 0.33rem;
+      top: 0.39rem;
       right: 4rem;
       z-index: 10;
-      width: 0.3rem;
+      width: 0.35rem;
-      height: 0.27rem;
+      height: 0.32rem;
       margin: 0 0.2rem 0 0.27rem;
       cursor: pointer;
     }
     .back-icon {
       position: absolute;
-      top: 0.33rem;
+      top: 0.39rem;
       right: 3.7rem;
       z-index: 10;
-      width: 0.3rem;
+      width: 0.35rem;
-      height: 0.27rem;
+      height: 0.32rem;
       cursor: pointer;
     }
   }
@@ -669,7 +671,7 @@ export default {
             height: 2.6rem;
             margin-bottom: 0.1rem;
           }
-          .host-name{
+          .host-name {
             position: absolute;
             top: 0.8rem;
             left: 1.6rem;
@@ -714,153 +716,6 @@ export default {
           flex-wrap: wrap;
           align-items: flex-start;
           justify-content: center;
-          .detail-data-li {
-            width: 80%;
-            margin-right: 0.1rem;
-            position: relative;
-            color: #89acc4;
-            font-family: Arial, sans-serif;
-            letter-spacing: 0.02rem;
-            font-size: 0.18rem;
-            position: relative;
-            margin-bottom: 0.08rem;
-            border-left: 0.01rem solid #217df5;
-            border-right: 0.01rem solid #217df5;
-            background-image: radial-gradient(
-                circle at left top,
-                #217df5 0.01rem,
-                transparent 0.01rem
-              ),
-              radial-gradient(
-                circle at right top,
-                #217df5 0.01rem,
-                transparent 0.01rem
-              ),
-              radial-gradient(
-                circle at left bottom,
-                #217df5 0.01rem,
-                transparent 0.01rem
-              ),
-              radial-gradient(
-                circle at right bottom,
-                #217df5 0.01rem,
-                transparent 0.01rem
-              );
-            background-repeat: no-repeat;
-            background-position: left top, right top, left bottom, right bottom;
-          }
-          .detail-data-li::before,
-          .detail-data-li::after {
-            content: "";
-            position: absolute;
-            left: 0;
-            right: 0;
-            height: 0.01rem;
-            background-image: linear-gradient(
-              to right,
-              #217df5 0%,
-              rgba(41, 128, 185, 0) 50%,
-              #217df5 100%
-            ) !important;
-          }
-          .year-data {
-            margin-top: 0.1rem;
-          }
-          .rightDot {
-            position: relative;
-            width: 100%;
-            height: 100%;
-            z-index: 999;
-          }
-          .leftDot {
-            position: relative;
-            width: 100%;
-            height: 100%;
-            padding: 0.04rem 0.1rem;
-            display: flex;
-            flex-direction: row;
-            justify-content: space-between;
-            .dotData {
-              font-weight: bold;
-              margin: 0 0.06rem;
-              color: #3b80ff;
-              display: flex;
-              align-items: center;
-            }
-            .dotUnit{
-              width: 0.55rem;
-              text-align: left;
-              display: flex;
-              align-items: center;
-            }
-          }
-
-          .rightDot::before {
-            content: "";
-            position: absolute;
-            top: -0.03rem;
-            right: -0.03rem;
-            width: 0.06rem;
-            height: 0.06rem;
-            background-color: #217df5;
-            box-shadow: 0 0 0.1rem 0.02rem rgba(33, 125, 245, 0.9);
-            background-image: radial-gradient(
-              circle at 30% 30%,
-              rgba(255, 255, 255, 0.8) 0%,
-              rgba(255, 255, 255, 0) 70%
-            );
-            border-radius: 50%;
-          }
-
-          .rightDot::after {
-            content: "";
-            position: absolute;
-            bottom: -0.03rem;
-            right: -0.03rem;
-            width: 0.06rem;
-            height: 0.06rem;
-            background-color: #217df5;
-            box-shadow: 0 0 0.1rem 0.02rem rgba(33, 125, 245, 0.9);
-            background-image: radial-gradient(
-              circle at 30% 30%,
-              rgba(255, 255, 255, 0.8) 0%,
-              rgba(255, 255, 255, 0) 70%
-            );
-            border-radius: 50%;
-          }
-          .leftDot::before {
-            content: "";
-            position: absolute;
-            top: -0.03rem;
-            left: -0.03rem;
-            width: 0.06rem;
-            height: 0.06rem;
-            background-color: #217df5;
-            border-radius: 50%;
-            box-shadow: 0 0 0.1rem 0.02rem rgba(33, 125, 245, 0.9);
-            background-image: radial-gradient(
-              circle at 30% 30%,
-              rgba(255, 255, 255, 0.8) 0%,
-              rgba(255, 255, 255, 0) 70%
-            );
-          }
-
-          .leftDot::after {
-            content: "";
-            position: absolute;
-            bottom: -0.03rem;
-            left: -0.03rem;
-            width: 0.06rem;
-            height: 0.06rem;
-            background-color: #217df5;
-            box-shadow: 0 0 0.1rem 0.02rem rgba(33, 125, 245, 0.9);
-            background-image: radial-gradient(
-              circle at 30% 30%,
-              rgba(255, 255, 255, 0.8) 0%,
-              rgba(255, 255, 255, 0) 70%
-            );
-            border-radius: 50%;
-          }
         }
         .line1 {
           position: absolute;
@@ -873,7 +728,7 @@ export default {
       display: flex;
       flex-direction: row;
       justify-content: space-between;
-      height:3rem;
+      height: 3rem;
       // background-color: #217df5;
     }
   }

src/views/centerairC/temHistoryQuery/index.vue

@@ -0,0 +1,430 @@
+<template>
+  <div class="app-container">
+    <div class="btn-condition">
+      <div class="condition-left" v-show="showSearch">
+        <el-form
+          :model="queryParams"
+          ref="queryForm"
+          size="small"
+          :inline="true"
+        >
+          <el-form-item label="日期" prop="msgCode">
+            <el-date-picker
+              style="width: auto"
+              v-model="monthValue"
+              type="month"
+              placeholder="选择月"
+              value-format="yyyy-MM"
+            >
+            </el-date-picker>
+          </el-form-item>
+        </el-form>
+        <div class="primary-btn">
+          <el-button
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</el-button
+          >
+        </div>
+        <div class="warning-btn">
+          <el-button
+            type="warning"
+            icon="el-icon-download"
+            size="mini"
+            @click="handleExport"
+            >导出</el-button
+          >
+        </div>
+        <div class="cancel-btn">
+          <el-button
+            type="cancel"
+            icon="el-icon-refresh"
+            size="mini"
+            @click="resetQuery"
+            >重置</el-button
+          >
+        </div>
+      </div>
+    </div>
+    <div class="charts" ref="chart_ref"></div>
+    <el-table
+      v-loading="loading"
+      :data="postList"
+      stripe
+      :cell-style="tableRowStyle"
+    >
+      <el-table-column label="日期" align="center" prop="dateAndWeek" />
+      <el-table-column label="最高气温" align="center" prop="maxTemp" />
+      <el-table-column label="最低气温" align="center" prop="minTemp" />
+      <el-table-column label="天气" align="center" prop="weatherConditions" />
+      <el-table-column label="风向" align="center" prop="windDirection" />
+    </el-table>
+
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+  </div>
+</template>
+
+<script>
+import { weatherTempData } from "@/api/centerairC/temHistory";
+import * as echarts from "echarts";
+export default {
+  name: "temHistoryQuery",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 表格数据
+      postList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        startTime: "",
+        endTime: "",
+      },
+      monthValue: "",
+      chartInstance: null,
+      option: {},
+    };
+  },
+  created() {
+    // 获取当前日期
+    const currentDate = new Date();
+    // 获取当前年份
+    const year = currentDate.getFullYear();
+    // 获取当前月份，注意月份是从 0 开始的，所以要加 1
+    const month = String(currentDate.getMonth() + 1).padStart(2, "0");
+    // 格式化日期为 yyyy-MM 格式
+    this.monthValue = `${year}-${month}`;
+  },
+  mounted() {
+    this.getList();
+    this.initChart();
+    window.addEventListener("resize", this.screenAdapter);
+    this.screenAdapter();
+    this.getChartData();
+  },
+  methods: {
+    tableRowStyle({ row, column, rowIndex, columnIndex }) {
+      // 修改颜色
+      if (columnIndex === 1) {
+        return "color: #fd1e00;!important;text-align:center";
+      }
+      if (columnIndex === 2) {
+        return "color: #3390ff;!important;text-align:center";
+      }
+      if (columnIndex === 4) {
+        return "color: #75d148;!important;text-align:center";
+      }
+      // return "text-align:center";
+    },
+    /** 查询报警编码列表 */
+    getList() {
+      this.loading = true;
+      this.queryParams.startTime = this.queryParams.endTime = this.monthValue;
+      console.log("参数", this.queryParams);
+      weatherTempData(this.queryParams).then((response) => {
+        this.postList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    getChartData() {
+      this.loading = true;
+      this.queryParams.pageNum = 0;
+      this.queryParams.startTime = this.queryParams.endTime = this.monthValue;
+      console.log("图表参数", this.queryParams);
+      weatherTempData(this.queryParams).then((response) => {
+        console.log("处理值然后渲染");
+        if (response.rows.length > 0) {
+          let data = response.rows;
+          let timeValue = [];
+          let hightValue = [];
+          let lowValue = [];
+          data.forEach((element) => {
+            timeValue.push(element.weatherDate);
+            hightValue.push(element.maxTemp);
+            lowValue.push(element.minTemp);
+          });
+          let adapterOption = {};
+          adapterOption = {
+            xAxis: {
+              data: timeValue,
+            },
+            yAxis: {
+              name: "℃",
+              nameTextStyle: {
+                color: "rgba(255, 255, 255, 1)",
+                fontSize: 12,
+              },
+            },
+            series: [
+              {
+                data: hightValue,
+                //折线颜色
+                itemStyle: {
+                  color: "rgb(18, 126, 226)", //折线的颜色
+                },
+                lineStyle: {
+                  color: "rgb(18, 126, 226)", //折线点的颜色
+                },
+              },
+              {
+                data: lowValue,
+                //折线颜色
+                itemStyle: {
+                  color: "rgb(250, 169, 19)", //折线的颜色
+                },
+                lineStyle: {
+                  color: "rgb(250, 169, 19)", //折线点的颜色
+                },
+              },
+            ],
+          };
+          //记得重新给配置项给实例对象。只要实例对象.chartInstance不变，option就可以多次配置不同的条件。也可以配置一个dataoption只写需要从后台请求的数据相关
+          this.chartInstance.setOption(adapterOption);
+          //手动的调用图标对象的resize才能产生效果
+          this.chartInstance.resize();
+        } else {
+          let adapterOption = {};
+          adapterOption = {
+            xAxis: {
+              data: [],
+            },
+            series: [
+              {
+                data: [],
+              },
+              {
+                data: [],
+              },
+            ],
+          };
+          //记得重新给配置项给实例对象。只要实例对象.chartInstance不变，option就可以多次配置不同的条件。也可以配置一个dataoption只写需要从后台请求的数据相关
+          this.chartInstance.setOption(adapterOption);
+          //手动的调用图标对象的resize才能产生效果
+          this.chartInstance.resize();
+        }
+      });
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+      this.getChartData();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.handleQuery();
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      this.queryParams.pageNum = 1;
+      this.queryParams.pageSize = 32;
+      this.queryParams.startTime = this.queryParams.endTime = this.monthValue;
+      console.log("参数", this.queryParams);
+      weatherTempData(this.queryParams).then((response) => {
+        if (response.code == 200) {
+          import("@/assets/excel/Export2Excel").then((excel) => {
+            var tHeader = ["日期", "最高气温", "最低气温", "天气", "风向"]; // 导出的excel表头名信息 改参数
+            var filterVal = [
+              "dateAndWeek",
+              "maxTemp",
+              "minTemp",
+              "weatherConditions",
+              "windDirection",
+            ];
+            const data = this.formatJson(filterVal, response.rows);
+            const autoWidth = true;
+            excel.export_json_to_excel({
+              header: tHeader, //表头
+              data, //数据
+              filename: "历史天气报表", //名称
+              autoWidth: true, //宽度自适应
+            });
+            this.$message({
+              type: "success",
+              message: "导出成功!",
+            });
+          });
+        } else {
+          this.$message.error("导出失败!");
+        }
+      });
+    },
+    //格式转换,不需要改动
+    formatJson(filterVal, jsonData) {
+      return jsonData.map((v) =>
+        filterVal.map((j) => {
+          if (j === "installDate") {
+            return format(v[j]);
+          } else {
+            return v[j];
+          }
+        })
+      );
+    },
+    // 折线图自适应+ 根据按钮切换图例仅限一条且不可点击+ 折线图数据
+    screenAdapter() {
+      //自己定义的比较合适的适配大小,2.6  mes_ref是图表盒子
+      const titleFontSize = this.$refs.chart_ref.offsetWidth / 130;
+      //因为option可以多次配置的，所以这里的option只需要写 需要配置大小的相关数据
+      const adapterOption = {};
+      //记得重新给配置项给实例对象。只要实例对象.chartInstance不变，option就可以多次配置不同的条件。也可以配置一个dataoption只写需要从后台请求的数据相关
+      this.chartInstance.setOption(adapterOption);
+      //手动的调用图标对象的resize才能产生效果
+      this.chartInstance.resize();
+    },
+    //初始化chartInstance对象
+    initChart() {
+      this.chartInstance = echarts.init(this.$refs.chart_ref);
+      const titleFontSize = this.$refs.chart_ref.offsetWidth / 100;
+      this.option = {
+        tooltip: {
+          // 设置触发方式为 axis，鼠标移动到 x 轴对应位置时触发
+          trigger: "axis",
+          textStyle: {
+            // 设置提示框内文字的大小
+            fontSize: titleFontSize,
+          },
+        },
+        legend: {
+          show: false,
+          // textStyle: {
+          //   // 设置图例文字的大小
+          //   fontSize: 14
+          // }
+        },
+        grid: {
+          top: "10%",
+          left: "4%",
+          right: "6%",
+          bottom: "3%",
+          containLabel: true,
+        },
+        xAxis: {
+          type: "category",
+          //设置为true代表离零刻度间隔一段距离
+          boundaryGap: true,
+          // 修饰刻度标签的颜色即x坐标数据
+          axisLabel: {
+            // interval: 0, //强制显示所有x轴数据
+            // rotate: 30, //x轴坐标字体倾斜30度
+            color: "rgba(255, 255, 255, 1)",
+            fontSize: titleFontSize, //x轴文字大小
+          },
+          axisTick: {
+            show: false, // 不显示坐标轴刻度线
+          },
+          // x坐标轴的颜色
+          axisLine: {
+            show: true,
+            lineStyle: {
+              color: "#365576",
+            },
+          },
+          splitLine: {
+            lineStyle: {
+              color: "#e2e6f0",
+            },
+          }, //x轴分割线
+        },
+        yAxis: {
+          min: 0,
+          // max:20,
+          // name: "kwh", // 第一个 y 轴的单位描述
+          // 设置 name 的样式
+          nameTextStyle: {
+            color: "rgba(255, 255, 255, 1)",
+            fontSize: 12, //y轴单位文字大小
+          },
+          miniInterval: 5,
+          type: "value",
+          // 修饰刻度标签的颜色即y坐标数据
+          axisLabel: {
+            color: "rgba(255, 255, 255, 1)",
+            fontSize: titleFontSize, //x轴文字大小
+          },
+          // 显示y坐标轴
+          axisLine: {
+            show: true,
+            lineStyle: {
+              color: "#365576", // 设置 y 轴线的颜色
+            },
+          },
+          //y轴分割线段数
+          // splitNumber: 10,
+          // 修改y轴分割线的颜色
+          splitLine: {
+            lineStyle: {
+              color: "#1a3d62", // 设置分割线的颜色
+              type: "dashed", // 设置分割线为虚线
+            },
+          },
+        },
+        series: [
+          {
+            type: "line",
+            // 拐点大小
+            symbolSize: titleFontSize * 0.5,
+            lineStyle: {
+              // 设置折线的厚度
+              width: titleFontSize * 0.1,
+            },
+            symbol: "circle",
+            name: "最高气温",
+          },
+          {
+            type: "line",
+            // 拐点大小
+            symbolSize: titleFontSize * 0.5,
+            lineStyle: {
+              // 设置折线的厚度
+              width: titleFontSize * 0.1,
+            },
+            symbol: "circle",
+            name: "最低气温",
+          },
+        ],
+      };
+      //把配置项给实例对象
+      this.chartInstance.setOption(this.option, true);
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.charts {
+  width: 100%;
+  height: 300px;
+  margin-bottom: 0.1rem;
+}
+// 媒体查询，适配大于2000px分辨率的大屏样式
+@media (min-width: 2000px) {
+  .charts {
+    height: 3rem !important;
+  }
+}
+</style>