From 89445428adcf8dcc8c33386bca17078081d2ea02 Mon Sep 17 00:00:00 2001
From: selia-zx <1771203023@qq.com>
Date: Thu, 18 Jun 2026 17:20:54 +0800
Subject: [PATCH] =?UTF-8?q?=E8=81=94=E8=B0=83=E5=B9=BF=E5=90=88=E7=A9=BA?=
 =?UTF-8?q?=E8=B0=83=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/centerairC/deviceStrategy/index.vue | 61 +++++++++----
 .../sysMonitor/components/hostChart.vue       | 10 +--
 .../centerairC/sysMonitor/hostDetails.vue     | 36 ++++++--
 .../centerairC/sysMonitor/monitorCenter.vue   | 88 ++++---------------
 4 files changed, 97 insertions(+), 98 deletions(-)

diff --git a/src/views/centerairC/deviceStrategy/index.vue b/src/views/centerairC/deviceStrategy/index.vue
index 032141c..22aa232 100644
--- a/src/views/centerairC/deviceStrategy/index.vue
+++ b/src/views/centerairC/deviceStrategy/index.vue
@@ -35,16 +35,20 @@
               placeholder="请选择"
               size="mini"
               ref="selectRef"
-              @change="selectThink(children)"
+              @change="selectThink(children, item.name)"
               @visible-change="
                 (visible) => handleVisibleChange(visible, children)
               "
             >
               <el-option
-                v-for="option in getOptions(children.min, children.max)"
-                :key="option"
-                :label="option.toString()"
-                :value="option"
+                v-for="option in getOptions(
+                  children.min,
+                  children.max,
+                  item.name
+                )"
+                :key="option.value"
+                :label="option.label"
+                :value="option.value"
               >
               </el-option>
             </el-select>
@@ -90,11 +94,24 @@ export default {
     this.getPolicyList();
   },
   methods: {
-    // select数组
-    getOptions(min, max) {
+    /** select选项生成 */
+    getOptions(min, max, name) {
       const options = [];
+      /** 冷冻泵策略：压差控制(0) / 温差控制(1) */
+      if (name === "冷冻泵策略") {
+        options.push({ value: 0, label: "压差控制" });
+        options.push({ value: 1, label: "温差控制" });
+        return options;
+      }
+      /** 冷却泵/冷却塔策略：逼近温度控制(0) / 塔出水温度控制(1) */
+      if (name === "冷却泵/冷却塔策略") {
+        options.push({ value: 0, label: "逼近温度控制" });
+        options.push({ value: 1, label: "塔出水温度控制" });
+        return options;
+      }
+      /** 默认：数值选项 */
       for (let i = min; i <= max; i++) {
-        options.push(i);
+        options.push({ value: i, label: i.toString() });
       }
       return options;
     },
@@ -134,11 +151,19 @@ export default {
         this.$set(children, "_oldValue", children.curValue);
       }
     },
-    // 处理select的选中值
-    selectThink(children) {
+    /** 处理select的选中值 */
+    selectThink(children, policyName) {
       const oldValue = children._oldValue;
+      /** 根据策略名称将curValue转为中文显示 */
+      let displayValue = children.curValue;
+      if (policyName === "冷冻泵策略") {
+        displayValue = children.curValue == 0 ? "压差控制" : "温差控制";
+      } else if (policyName === "冷却泵/冷却塔策略") {
+        displayValue =
+          children.curValue == 0 ? "逼近温度控制" : "塔出水温度控制";
+      }
       this.$confirm(
-        `确定要修改"${children.pointName}"的数据为:${children.curValue}吗?`,
+        `确定要修改"${children.pointName}"的数据为:${displayValue}吗?`,
         "提示",
         {
           confirmButtonText: "确定",
@@ -147,6 +172,7 @@ export default {
         }
       )
         .then(() => {
+          /** 传给接口的仍然是原值 children.curValue */
           this.hadleOperationConrol(children.cpmId, children.curValue);
         })
         .catch(() => {
@@ -407,16 +433,13 @@ export default {
         }
       }
       .el-input {
-        width: 80px !important;
+        width: 140px !important;
         margin: 0 15px 0 5px;
       }
       .el-select {
-        width: 80px !important;
+        width: 140px !important;
         margin: 0 15px 0 5px;
       }
-      .tips-text {
-        font-size: 14px;
-      }
     }
   }
   .radio-style {
@@ -430,6 +453,10 @@ export default {
       width: calc(50% - 20px) !important;
     }
   }
+  .tips-text {
+    font-size: 14px;
+    width: 100%;
+  }
 }
 @media (min-width: 1560px) and (max-width: 1670px) {
   .policy {
@@ -524,7 +551,7 @@ export default {
   }
   .policy-li .el-radio {
     margin-bottom: 0.05rem !important;
-}
+  }
 }
 </style>
 <style scoped>
diff --git a/src/views/centerairC/sysMonitor/components/hostChart.vue b/src/views/centerairC/sysMonitor/components/hostChart.vue
index da9e4c5..facf2ed 100644
--- a/src/views/centerairC/sysMonitor/components/hostChart.vue
+++ b/src/views/centerairC/sysMonitor/components/hostChart.vue
@@ -109,11 +109,11 @@ export default {
                 name4 = names[3] || "";
               }
             });
-            // console.log("this.chartData1", this.chartData1);
-            // console.log("this.chartData2", this.chartData2);
-            // console.log("this.chartData3", this.chartData3);
-            // console.log("this.chartData4", this.chartData4);
-            // console.log("this.chartData5", this.chartData5);
+            console.log("this.chartData1", this.chartData1);
+            console.log("this.chartData2", this.chartData2);
+            console.log("this.chartData3", this.chartData3);
+            console.log("this.chartData4", this.chartData4);
+            console.log("this.chartData5", this.chartData5);
             this.$nextTick(() => {
               // 计算双y轴最大最小值，
               var Min1 = 0,
diff --git a/src/views/centerairC/sysMonitor/hostDetails.vue b/src/views/centerairC/sysMonitor/hostDetails.vue
index 3c60bdf..dea0972 100644
--- a/src/views/centerairC/sysMonitor/hostDetails.vue
+++ b/src/views/centerairC/sysMonitor/hostDetails.vue
@@ -558,11 +558,11 @@ export default {
           let newDataArray = []; // 用于存储符合条件的对象的新数组
           data.forEach((item) => {
             if (
-              item.otherName.includes("冷冻回水温度") ||
-              item.otherName.includes("冷冻供水温度") ||
-              item.otherName.includes("冷却回水温度") ||
-              item.otherName.includes("冷却供水温度") ||
-              item.otherName.includes("主机-负载")
+              item.otherName.endsWith("冷冻水进水温度") ||
+              item.otherName.endsWith("冷冻水出水温度") ||
+              item.otherName.endsWith("冷却水进水温度") ||
+              item.otherName.endsWith("冷却水出水温度") ||
+              item.otherName.endsWith("负载")
             ) {
               let dataItem = {
                 name: item.otherName,
@@ -1524,7 +1524,7 @@ export default {
 
     .detail-bottom {
       // height: 5rem;
-      // margin-top: 0.3rem;
+      margin-top: -0.2rem;
       margin-left: 0.25rem;
       display: flex;
       flex-direction: row;
@@ -1555,13 +1555,31 @@ export default {
 
         .detail-data-bottom {
           width: 100%;
-          // padding: 0.1rem 0.3rem;
+          padding-top: 0.03rem;
           z-index: 0;
           display: flex;
           flex-direction: row;
           flex-wrap: wrap;
           align-items: stretch;
           justify-content: flex-start;
+          /** 超出高度时垂直滚动 */
+          max-height: 3.98rem;
+          overflow-y: auto;
+          /** 美化滚动条 */
+          &::-webkit-scrollbar {
+            width: 0.02rem;
+          }
+          &::-webkit-scrollbar-track {
+            background: rgba(33, 125, 245, 0.1);
+            border-radius: 2px;
+          }
+          &::-webkit-scrollbar-thumb {
+            background: rgba(33, 125, 245, 0.5);
+            border-radius: 2px;
+          }
+          &::-webkit-scrollbar-thumb:hover {
+            background: rgba(33, 125, 245, 0.8);
+          }
 
           .detail-data-li {
             // width: 100%;
@@ -1782,12 +1800,16 @@ export default {
   font-weight: bold;
   margin: 0 0.06rem;
   color: #3df574;
+  display: flex;
+  align-items: center;
 }
 
 .badData {
   font-weight: bold;
   margin: 0 0.06rem;
   color: #cf3607;
+  display: flex;
+  align-items: center;
 }
 
 .automaticData {
diff --git a/src/views/centerairC/sysMonitor/monitorCenter.vue b/src/views/centerairC/sysMonitor/monitorCenter.vue
index 33aea14..9cc2687 100644
--- a/src/views/centerairC/sysMonitor/monitorCenter.vue
+++ b/src/views/centerairC/sysMonitor/monitorCenter.vue
@@ -132,26 +132,26 @@
       <div class="hostName1" v-if="hostList.length > 0" @click="goControlList(hostList, 1)">
         {{ hostList[0].deviceName }}
       </div>
-      <div class="hostStatus1" :class="{ startClass: hostListControlClass(1) }"></div>
-      <img class="host-img1" v-if="hostListRunClass(1)" src="../../../assets/images/fan-img.png" alt=""
-        :class="{ moveClass: hostListRunClass(1) }" />
+      <div class="hostStatus1" :class="{ startClass: hostListControlClass(5) }"></div>
+      <img class="host-img1" v-if="hostListRunClass(5)" src="../../../assets/images/fan-img.png" alt=""
+        :class="{ moveClass: hostListRunClass(5) }" />
       <div class="host-main1" v-if="hostList.length > 0 && hostList[0].deviceName"
         :title="`${hostList[0].deviceName}性能`" @click="goHostDetail(hostList[0], true)"></div>
-      <div class="hostLoad1" v-if="hostListRunClass(1) && hostLoadData(1)">
-        {{ hostLoad1 }}%
+      <div class="hostLoad1" v-if="hostListRunClass(5) && hostLoadData(5)">
+        {{ hostLoad5 }}%
       </div>
       <div class="water-flow1">
         <div class="water-flow-li">
           <span>1#冷却水流:</span>
-          <span v-if="hostCoolingWaterFlowClass(1)">接通</span>
+          <span v-if="hostCoolingWaterFlowClass(5)">接通</span>
           <span v-else>断开</span>
-          <span class="break" :class="{ connect: hostCoolingWaterFlowClass(1) }"></span>
+          <span class="break" :class="{ connect: hostCoolingWaterFlowClass(5) }"></span>
         </div>
         <div class="water-flow-li">
           <span>1#冷冻水流:</span>
-          <span v-if="hostFreezeWaterFlowClass(1)">接通</span>
+          <span v-if="hostFreezeWaterFlowClass(5)">接通</span>
           <span v-else>断开</span>
-          <span class="break" :class="{ connect: hostFreezeWaterFlowClass(1) }"></span>
+          <span class="break" :class="{ connect: hostFreezeWaterFlowClass(5) }"></span>
         </div>
       </div>
       <line-children :angle1="-0" :angle2="-30" :lineWidth1="190" :lineWidth2="250" class="host-line1"></line-children>
@@ -375,7 +375,7 @@ export default {
       oneKeyButtonId: "",
 
       // 主机负载
-      hostLoad1: "",
+      hostLoad5: "",
       hostLoad2: "",
       hostLoad3: "",
       // 主机设定温度
@@ -480,7 +480,6 @@ export default {
     this.getPerformance();
     this.getOneKeyButton();
     this.getMonitorList();
-    this.getSteamHeatingData();
     this.getAlarnStatus();
     this.getDayData();
 
@@ -491,7 +490,6 @@ export default {
       // this.getPerformance();
       // this.getOneKeyButton();
       // this.getMonitorList();
-      // this.getSteamHeatingData();
       // this.getAlarnStatus();
       // this.getDayData();
     }, 10000);
@@ -871,54 +869,6 @@ export default {
         }
       });
     },
-    // 获取蒸汽锅炉运行监测数据
-    getSteamHeatingData() {
-      monitorList({ systemType: 3 }).then((res) => {
-        if (res.code === 200) {
-          console.log("设备监测列表返回", res);
-          // 初始化各个设备列表
-          this.steamHeatingHzAndRun = []; //频率和运行状态
-          this.steamHeatingFire = []; //热水锅炉火力
-          this.steamHeatingTem = []; //热量计供回水温度
-          res.rows.forEach((row) => {
-            switch (row.name) {
-              case "11":
-                this.steamHeatingHzAndRun = this.processDeviceList(row.values);
-                console.log(
-                  "裙蒸汽锅炉频率和运行状态",
-                  this.steamHeatingHzAndRun
-                );
-                break;
-              case "25":
-                this.steamHeatingFire = this.processDeviceList(row.values);
-                console.log("裙蒸汽锅炉火力", this.steamHeatingFire);
-
-                break;
-              case "6":
-                this.steamHeatingTem = row.values;
-                console.log("裙蒸汽锅炉热量计供回水温度", this.steamHeatingTem);
-                this.steamHeatingTem.forEach((element) => {
-                  if (
-                    element.collectName.includes("回水温度") &&
-                    element.paramType == "12"
-                  ) {
-                    this.steamHeatingInTem = element.collectValue;
-                  }
-                  if (
-                    element.collectName.includes("供水温度") &&
-                    element.paramType == "12"
-                  ) {
-                    this.steamHeatingOutTem = element.collectValue;
-                  }
-                });
-                break;
-              default:
-                break;
-            }
-          });
-        }
-      });
-    },
     // 封装一个通用函数来处理设备列表
     processDeviceList(values) {
       const deviceList = [];
@@ -1749,20 +1699,20 @@ export default {
         return false;
       }
       this.freezingManifold.forEach((item) => {
-        if (item.collectName === "冷冻供水温度") {
+        if (item.collectName.includes("冷冻供水温度")) {
           this.freezingOutTem = item.collectValue;
           console.log("item.collectName", item.collectName);
-        } else if (item.collectName === "冷冻回水温度") {
+        } else if (item.collectName.includes("冷冻回水温度")) {
           this.freezingInTem = item.collectValue;
-        } else if (item.collectName === "冷冻供水压力") {
+        } else if (item.collectName.includes("冷冻供水压力")) {
           this.freezingOutPre = item.collectValue;
-        } else if (item.collectName === "冷冻回水压力") {
+        } else if (item.collectName.includes("冷冻回水压力")) {
           this.freezingInPre = item.collectValue;
-        } else if (item.collectName === "冷却供水温度") {
+        } else if (item.collectName.includes("冷却水出水温度")) {
           this.coolingOutTem = item.collectValue;
-        } else if (item.collectName === "冷却回水温度") {
+        } else if (item.collectName.includes("冷却水进水温度")) {
           this.coolingInTem = item.collectValue;
-        } else if (item.collectName === "总冷量计瞬时流量") {
+        } else if (item.collectName.includes("瞬时流量")) {
           this.freezingOutWater = item.collectValue;
         }
       });
@@ -3077,8 +3027,8 @@ export default {
     .hostStatus1 {
       z-index: 10;
       position: absolute;
-      top: 5.9rem;
-      left: 3.8rem;
+      top: 5.3rem;
+      left: 7.3rem;
       width: 0.18rem;
       height: 0.18rem;
       border-radius: 50%;