From a87d22ae17398bc4ed54af16efaacf3e491c47c7 Mon Sep 17 00:00:00 2001
From: selia-zx <1771203023@qq.com>
Date: Thu, 17 Apr 2025 17:47:33 +0800
Subject: [PATCH] =?UTF-8?q?1.=E7=B3=BB=E7=BB=9F=E7=9B=91=E6=B5=8B=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E6=95=B0=E6=8D=AE=E5=92=8C=E6=A0=B7=E5=BC=8F=EF=BC=8C?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=8A=A5=E8=AD=A6=E5=92=8C=E7=B3=BB=E7=BB=9F?=
 =?UTF-8?q?=E6=A8=A1=E5=BC=8F=E5=86=85=E5=AE=B9=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=90=AF=E5=8A=A8=E5=81=9C=E6=AD=A2=E7=8A=B6=E6=80=81=202.?=
 =?UTF-8?q?=E8=81=94=E8=B0=83=E8=AE=BE=E5=A4=87=E7=AD=96=E7=95=A5select?=
 =?UTF-8?q?=E9=80=89=E6=8B=A9=E9=97=AE=E9=A2=98=203.=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=E5=BB=B6=E6=97=B6=E5=BC=80=E5=85=B3=E7=9A=84?=
 =?UTF-8?q?=E6=B5=81=E7=A8=8B=EF=BC=8C=E8=87=AA=E9=80=82=E5=BA=94=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/centerairC/sysMonitor.js              |   8 +
 src/assets/images/blue.png                    | Bin 0 -> 6650 bytes
 src/assets/images/border5.png                 | Bin 0 -> 4050 bytes
 src/assets/images/border6.png                 | Bin 0 -> 3884 bytes
 src/assets/images/green.png                   | Bin 0 -> 5169 bytes
 src/assets/images/orange.png                  | Bin 0 -> 3748 bytes
 src/assets/images/red.png                     | Bin 0 -> 5401 bytes
 src/assets/images/step.png                    | Bin 0 -> 4966 bytes
 src/views/centerairC/delaySwitch/index.vue    | 283 +++++++--
 src/views/centerairC/deviceStrategy/index.vue |  81 ++-
 src/views/centerairC/sysMonitor/index.vue     | 578 +++++++++++++++---
 src/views/index.vue                           |   2 +-
 12 files changed, 802 insertions(+), 150 deletions(-)
 create mode 100644 src/assets/images/blue.png
 create mode 100644 src/assets/images/border5.png
 create mode 100644 src/assets/images/border6.png
 create mode 100644 src/assets/images/green.png
 create mode 100644 src/assets/images/orange.png
 create mode 100644 src/assets/images/red.png
 create mode 100644 src/assets/images/step.png

diff --git a/src/api/centerairC/sysMonitor.js b/src/api/centerairC/sysMonitor.js
index 5d9a35a..50806cd 100644
--- a/src/api/centerairC/sysMonitor.js
+++ b/src/api/centerairC/sysMonitor.js
@@ -57,3 +57,11 @@ export function operationConrol(data) {
     data: data,
   });
 }
+// 获取当前系统模式/启动、停止运行状态/报警列表
+export function systemMode(query) {
+  return request({
+    url: "/device/cs/getSystemMode",
+    method: "get",
+    params: query,
+  });
+}
diff --git a/src/assets/images/blue.png b/src/assets/images/blue.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a293cbbed8743b85678c81982664f7b0b701a90
GIT binary patch
literal 6650
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
Kh7S!cUi%No>6i`x

literal 0
HcmV?d00001

diff --git a/src/assets/images/border5.png b/src/assets/images/border5.png
new file mode 100644
index 0000000000000000000000000000000000000000..56c320bd251e2b2365158695c38b1cc1f6587930
GIT binary patch
literal 4050
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
V)0Suht%ZNx9xmI+=SU$be+M`#pVR;V

literal 0
HcmV?d00001

diff --git a/src/assets/images/border6.png b/src/assets/images/border6.png
new file mode 100644
index 0000000000000000000000000000000000000000..85a62b722661f17910a1cff82c8e9c87d0059b19
GIT binary patch
literal 3884
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/green.png b/src/assets/images/green.png
new file mode 100644
index 0000000000000000000000000000000000000000..79e2320b6c648232c85d6f19adf21082b67fe242
GIT binary patch
literal 5169
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/orange.png b/src/assets/images/orange.png
new file mode 100644
index 0000000000000000000000000000000000000000..f75a9fc242614646a694e1780091d8f4f9a2d5c6
GIT binary patch
literal 3748
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
O0000<MNUMnLSTX_c{wKl

literal 0
HcmV?d00001

diff --git a/src/assets/images/red.png b/src/assets/images/red.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9ccee14d1d954a214d48ac2cab4570114d93c4e
GIT binary patch
literal 5401
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

literal 0
HcmV?d00001

diff --git a/src/assets/images/step.png b/src/assets/images/step.png
new file mode 100644
index 0000000000000000000000000000000000000000..b5738e89a00574ceea4730d3d8b5771694acec98
GIT binary patch
literal 4966
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

literal 0
HcmV?d00001

diff --git a/src/views/centerairC/delaySwitch/index.vue b/src/views/centerairC/delaySwitch/index.vue
index d4b49b1..f8199cb 100644
--- a/src/views/centerairC/delaySwitch/index.vue
+++ b/src/views/centerairC/delaySwitch/index.vue
@@ -84,6 +84,80 @@
             </div>
           </div>
         </div>
+        <!-- 第一组冷却塔放在冷却泵连接处 -->
+        <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="" />
+            <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
+            <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
+            <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
+            <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
+            <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
+          </div>
+          <div class="lastTower">
+            <div class="device-arrow">
+              <div class="delay-input">
+                <el-input
+                  size="mini"
+                  v-model="openTower.curValue"
+                  @keyup.enter.native="handleEnter(openTower, $event)"
+                  @input="handleInput(openTower)"
+                  @focus="handleFocus('openTower')"
+                  @blur="handleBlur()"
+                ></el-input
+                >S
+              </div>
+              <!-- 将 isHovered 状态传递给 dynamic-arrow 组件 -->
+              <dynamic-arrow :is-hovered="isOpenTowerHover"></dynamic-arrow>
+            </div>
+            <div class="device-body">
+              <img
+                src="../../../assets/images/coolingTower.png"
+                class="butterflyValve"
+                alt=""
+              />
+              <div>{{ openTower.pointName }}</div>
+            </div>
+          </div>
+        </div>
+        <!-- 第二组冷却塔放在主机连接处 -->
+        <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="" />
+            <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
+            <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
+            <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
+            <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
+            <img src="../../../assets/images/yuan.png" class="yuan" alt="" />
+          </div>
+          <div class="lastTower">
+            <div class="device-arrow">
+              <div class="delay-input">
+                <el-input
+                  size="mini"
+                  v-model="closeTower.curValue"
+                  @keyup.enter.native="handleEnter(closeTower, $event)"
+                  @input="handleInput(closeTower)"
+                  @focus="handleFocus('closeTower')"
+                  @blur="handleBlur()"
+                ></el-input
+                >S
+              </div>
+              <!-- 将 isHovered 状态传递给 dynamic-arrow 组件 -->
+              <dynamic-arrow :is-hovered="isCloseTowerHover"></dynamic-arrow>
+            </div>
+            <div class="device-body">
+              <img
+                src="../../../assets/images/coolingTower.png"
+                class="butterflyValve"
+                alt=""
+              />
+              <div>{{ closeTower.pointName }}</div>
+            </div>
+          </div>
+        </div>
       </div>
     </div>
     <img class="left-line" src="../../../assets/images/left_line.png" alt="" />
@@ -100,6 +174,10 @@ export default {
     return {
       loading: false,
       delayList: [],
+      openTower: {},
+      closeTower: {},
+      isOpenTowerHover: false,
+      isCloseTowerHover: false,
       currentFocusIndex: -1, // 用于记录当前鼠标悬停的索引
     };
   },
@@ -117,10 +195,22 @@ export default {
         policyListData(data)
           .then((res) => {
             console.log("设备延时开关返回res", res);
-            if (res.code === 200) {
-              this.delayList = res.rows;
+            if (res.code == 200) {
+              // 深拷贝 res.rows 到 delayList
+              this.delayList = JSON.parse(JSON.stringify(res.rows));
+              // 处理 openTower
+              if (this.delayList[0] && this.delayList[0].values.length > 0) {
+                // 这里pop已影响到原数组，不用额外处理去掉 delayList 里每个对象 values 数组的最后一个对象
+                this.openTower = { ...this.delayList[0].values.pop() };
+              }
+              // 处理 closeTower
+              if (this.delayList[1] && this.delayList[1].values.length > 0) {
+                this.closeTower = { ...this.delayList[1].values.pop() };
+              }
             } else {
               this.delayList = [];
+              this.openTower = {};
+              this.closeTower = {};
             }
             // 成功时解析 Promise
             resolve(res);
@@ -135,10 +225,18 @@ export default {
       console.log("index", index);
       // 当 el-input 获得焦点时，更新 focusedIndex
       this.currentFocusIndex = `${index}-${subIndex}`;
+      if (index === "openTower") {
+        this.isOpenTowerHover = true;
+      }
+      if (index === "closeTower") {
+        this.isCloseTowerHover = true;
+      }
     },
     // 失去焦点
     handleBlur() {
       this.currentFocusIndex = "";
+      this.isOpenTowerHover = false;
+      this.isCloseTowerHover = false;
     },
     // 处理输入事件，过滤非数字字符
     handleInput(item) {
@@ -221,13 +319,13 @@ export default {
 <style lang="scss" scoped>
 .app-container {
   position: relative;
-  padding: 0.2rem;
+  padding: 20px;
   .delay-title {
     /* 基础样式 */
     display: inline-block;
-    padding: 0.1rem;
+    padding: 10px;
     font-family: "Arial Rounded MT Bold", sans-serif;
-    font-size: 0.18rem;
+    font-size: 18px;
     font-weight: 700;
     color: #e6f3ff;
     text-shadow: 0 2px 4px rgba(0, 60, 120, 0.4);
@@ -309,15 +407,15 @@ export default {
     position: absolute;
     top: 0;
     left: 0;
-    width: 1.7rem;
-    height: 0.4rem;
+    width: 170px;
+    height: 40px;
   }
   .left-line {
     position: absolute;
     right: 0;
     bottom: 0;
-    width: 0.5rem;
-    height: 2.2rem;
+    width: 50px;
+    height: 220px;
   }
 }
 .delaySwitch {
@@ -390,51 +488,152 @@ export default {
         }
       }
       .delay-right {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        flex-wrap: wrap;
-      }
-      .delay-context {
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        margin-bottom: 20px;
-        min-width: 150px;
-        .device-arrow {
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-        }
-        .device-body {
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          margin: 0px 30px;
-          padding: 10px;
-        }
-        .butterflyValve {
-          width: 70px;
-          height: 70px;
-          margin-top: 10px;
-          padding: 5px;
-          border-radius: 5px;
-          background-color: #2c4970;
-        }
-      }
-      .delay-input {
         display: flex;
         flex-direction: row;
         align-items: center;
         flex-wrap: nowrap;
+      }
+    }
+    .delay-context {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      margin-bottom: 20px;
+      min-width: 150px;
+    }
+    .butterflyValve {
+      width: 70px;
+      height: 70px;
+      margin-top: 10px;
+      padding: 5px;
+      border-radius: 5px;
+      background-color: #2c4970;
+    }
+    .device-arrow {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+    .delay-input {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      flex-wrap: nowrap;
+      margin-bottom: 10px;
+    }
+    .device-body {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin: 0px 30px;
+      padding: 10px;
+    }
+    .last {
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+    }
+    .openLast {
+      margin-top: -22px;
+      margin-left: 535px;
+      display: flex;
+      flex-direction: row;
+      align-items: flex-start;
+    }
+    .closeLast {
+      margin-top: -22px;
+      margin-left: 275px;
+      display: flex;
+      flex-direction: row;
+      align-items: flex-start;
+    }
+    .reverse-img {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      .yuan {
+        width: 6px;
+        height: 6px;
         margin-bottom: 10px;
       }
     }
+    .lastTower {
+      display: flex;
+      flex-direction: row;
+      align-items: flex-start;
+      margin-left: 0px;
+      margin-top: 50px;
+      .device-body {
+        flex-direction: row !important;
+        margin-left: 0px !important;
+      }
+      .butterflyValve {
+        margin-right: 10px;
+        margin-top: 0 !important;
+      }
+    }
   }
   .delay-li:nth-last-child(1) {
     border-bottom: none;
   }
 }
+@media (min-width: 1605px) and (max-width: 1730px) {
+  .app-container {
+    transform: scale(0.9);
+    transform-origin: top left;
+    width: 110%;
+  }
+}
+@media (min-width: 1450px) and (max-width: 1605px) {
+  .app-container {
+    transform: scale(0.8);
+    transform-origin: top left;
+    width: 125%;
+  }
+}
+@media (min-width: 1330px) and (max-width: 1450px) {
+  .app-container {
+    transform: scale(0.7);
+    transform-origin: top left;
+    width: 140%;
+  }
+}
+@media (min-width: 1260px) and (max-width: 1450px) {
+  .app-container {
+    transform: scale(0.65);
+    transform-origin: top left;
+    width: 155%;
+  }
+}
+@media (min-width: 1170px) and (max-width: 1260px) {
+  .app-container {
+    transform: scale(0.6);
+    transform-origin: top left;
+    width: 165%;
+  }
+}
+@media (min-width: 980px) and (max-width: 1170px) {
+  .app-container {
+    transform: scale(0.55);
+    transform-origin: top left;
+    width: 180%;
+  }
+}
+@media (min-width: 900px) and (max-width: 1100px) {
+  .app-container {
+    transform: scale(0.5);
+    transform-origin: top left;
+    width: 200%;
+  }
+}
+@media (min-width: 0px) and (max-width: 900px) {
+  .app-container {
+    transform: scale(0.55);
+    transform-origin: top left;
+    width: 180%;
+  }
+}
 </style>
 <style scoped>
 .delay-input >>> .el-input {
diff --git a/src/views/centerairC/deviceStrategy/index.vue b/src/views/centerairC/deviceStrategy/index.vue
index 76b00a5..a153828 100644
--- a/src/views/centerairC/deviceStrategy/index.vue
+++ b/src/views/centerairC/deviceStrategy/index.vue
@@ -24,17 +24,30 @@
               @input="handleInput(children)"
               @blur="handleBlur()"
             ></el-input>
-            <template v-if="children.inputType === 'selet'">
-              <el-select v-model="children.curValue" placeholder="请选择">
-                <el-option
-                  v-for="option in getOptions(children.min, children.max)"
-                  :key="option"
-                  :label="option.toString()"
-                  :value="option"
-                >
-                </el-option>
-              </el-select>
-            </template>
+            <div class="unit">{{ children.unit }}</div>
+          </div>
+        </template>
+        <template v-if="children.inputType === 'select'">
+          <div>{{ children.pointName }}:</div>
+          <div class="right-data">
+            <el-select
+              v-model="children.curValue"
+              placeholder="请选择"
+              size="mini"
+              ref="selectRef"
+              @change="selectThink(children)"
+              @visible-change="
+                (visible) => handleVisibleChange(visible, children)
+              "
+            >
+              <el-option
+                v-for="option in getOptions(children.min, children.max)"
+                :key="option"
+                :label="option.toString()"
+                :value="option"
+              >
+              </el-option>
+            </el-select>
             <div class="unit">{{ children.unit }}</div>
           </div>
         </template>
@@ -67,6 +80,8 @@ export default {
       policyList: [],
       policyDetails: [],
       value: "",
+      // 用于存储选择前的值
+      oldValue: null,
     };
   },
   mounted() {
@@ -110,6 +125,42 @@ export default {
           });
       });
     },
+    // 处理select下拉框显示或隐藏事件
+    handleVisibleChange(visible, children) {
+      if (visible) {
+        // 当下拉框打开时保存原值
+        this.$set(children, "_oldValue", children.curValue);
+      }
+    },
+    // 处理select的选中值
+    selectThink(children) {
+      const oldValue = children._oldValue
+      this.$confirm(
+        `确定要修改"${children.pointName}"的数据为:${children.curValue}吗?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          this.hadleOperationConrol(children.cpmId, children.curValue);
+        })
+        .catch(() => {
+          // 用户取消操作，恢复原来的值
+          children.curValue = oldValue;
+        });
+    },
+    // 当select下拉框显示或隐藏时触发
+    handleSelectVisibleChange(val, visible) {
+      if (visible) {
+        // 下拉框显示时，保存当前的值
+        this.oldValue = val;
+        console.log("显示的旧值", this.oldValue);
+      }
+      return val;
+    },
     // 处理初始页面时候radio的默认选中值
     initRadioSelection() {
       this.policyList.forEach((item) => {
@@ -191,7 +242,7 @@ export default {
                   let values = timeList[i].values;
                   for (let j = 0; j < values.length; j++) {
                     if (
-                      values[j].pointName === "启停标志" &&
+                      values[j].pointName === "启动标志" &&
                       values[j].curValue === 1
                     ) {
                       return true;
@@ -217,7 +268,7 @@ export default {
                   .then(() => {
                     console.log("children.curValue", children.curValue);
                     if (children.curValue) {
-                      this.hadleOperationConrol(children.cpmId, "1");
+                      this.hadleOperationConrol(children.cpmId, "2");
                     }
                   })
                   .catch(() => {
@@ -357,6 +408,10 @@ export default {
         width: 80px !important;
         margin: 0 15px 0 5px;
       }
+      .el-select {
+        width: 80px !important;
+        margin: 0 15px 0 5px;
+      }
     }
   }
   .radio-style {
diff --git a/src/views/centerairC/sysMonitor/index.vue b/src/views/centerairC/sysMonitor/index.vue
index c864bf4..ace1240 100644
--- a/src/views/centerairC/sysMonitor/index.vue
+++ b/src/views/centerairC/sysMonitor/index.vue
@@ -75,6 +75,11 @@
         <div v-if="isShowOn" class="off-bg on-animation">ON</div>
         <div v-else class="off-bg">OFF</div>
       </div>
+      <!-- 系统提示 -->
+      <div class="sysTips" v-if="startOrStopStatus">
+        <img class="step" src="../../../assets/images/step.png" alt="" />
+        <div class="tips-text">{{ startOrStopStatus }}</div>
+      </div>
       <!-- 整体图 -->
       <img
         class="monitor-img"
@@ -96,7 +101,9 @@
         alt=""
         :class="{ moveClass: hostListRunClass(0) }"
       />
-      <div class="hostLoad1">11%</div>
+      <div class="hostLoad1" v-if="hostLoadData(0) && hostListRunClass(0)">
+        {{ hostLoad0 }}%
+      </div>
       <div class="water-flow1">
         <div class="water-flow-li">
           <span>1#冷却水流:</span>
@@ -139,7 +146,9 @@
         alt=""
         :class="{ moveClass: hostListRunClass(1) }"
       />
-      <div class="hostLoad2">11%</div>
+      <div class="hostLoad2" v-if="hostLoadData(1) && hostListRunClass(1)">
+        {{ hostLoad1 }}%
+      </div>
       <div class="water-flow2">
         <div class="water-flow-li">
           <span>2#冷却水流:</span>
@@ -185,7 +194,9 @@
         :class="{ moveClass: hostListRunClass(2) }"
       />
       <!-- 主机负载 -->
-      <div class="hostLoad3">11%</div>
+      <div class="hostLoad3" v-if="hostLoadData(2) && hostListRunClass(2)">
+        {{ hostLoad2 }}%
+      </div>
       <!-- 主机冷却冷冻水流信息 -->
       <div class="water-flow3">
         <div class="water-flow-li">
@@ -243,13 +254,22 @@
         :class="{ moveClass2: coolingPumpRunClass(2) }"
       />
       <!-- 频率反馈 -->
-      <div class="cooling-hz1" v-if="coolingPumpHz(0)">
+      <div
+        class="cooling-hz1"
+        v-if="coolingPumpHz(0) && coolingPumpRunClass(0)"
+      >
         {{ coolingPumpHz0 }}Hz
       </div>
-      <div class="cooling-hz2" v-if="coolingPumpHz(1)">
+      <div
+        class="cooling-hz2"
+        v-if="coolingPumpHz(1) && coolingPumpRunClass(1)"
+      >
         {{ coolingPumpHz1 }}Hz
       </div>
-      <div class="cooling-hz3" v-if="coolingPumpHz(2)">
+      <div
+        class="cooling-hz3"
+        v-if="coolingPumpHz(2) && coolingPumpRunClass(2)"
+      >
         {{ coolingPumpHz2 }}Hz
       </div>
       <!-- 冷冻泵数据定位 -->
@@ -277,14 +297,23 @@
         alt=""
         :class="{ moveClass2: freezingPumpRunClass(2) }"
       />
-      <!-- 频率反馈 -->
-      <div class="freezing-hz1" v-if="freezingPumpHz(0)">
+      <!-- 频率反馈 旋转+有频率反馈才显示 -->
+      <div
+        class="freezing-hz1"
+        v-if="freezingPumpHz(0) && freezingPumpRunClass(0)"
+      >
         {{ freezingPumpHz0 }}Hz
       </div>
-      <div class="freezing-hz2" v-if="freezingPumpHz(1)">
+      <div
+        class="freezing-hz2"
+        v-if="freezingPumpHz(1) && freezingPumpRunClass(1)"
+      >
         {{ freezingPumpHz1 }}Hz
       </div>
-      <div class="freezing-hz3" v-if="freezingPumpHz(2)">
+      <div
+        class="freezing-hz3"
+        v-if="freezingPumpHz(2) && freezingPumpRunClass(2)"
+      >
         {{ freezingPumpHz2 }}Hz
       </div>
       <!-- 冷却塔数据定位 五个风机 三个出水阀 -->
@@ -293,11 +322,37 @@
       <div class="coolingTower21">2#-1</div>
       <div class="coolingTower12">1#-2</div>
       <div class="coolingTower11">1#-1</div>
-      <div class="colingTowerHz3">50Hz</div>
-      <div class="colingTowerHz22">50Hz</div>
-      <div class="colingTowerHz21">50Hz</div>
-      <div class="colingTowerHz12">50Hz</div>
-      <div class="colingTowerHz11">50Hz</div>
+      <!-- 风机频率 -->
+      <div
+        class="coolingTowerHz3"
+        v-if="coolingTowerHz(2, 1) && coolingTowerRunClass(2, 1)"
+      >
+        {{ coolingTowerHz31 }}Hz
+      </div>
+      <div
+        class="coolingTowerHz22"
+        v-if="coolingTowerHz(1, 2) && coolingTowerRunClass(1, 2)"
+      >
+        {{ coolingTowerHz22 }}Hz
+      </div>
+      <div
+        class="coolingTowerHz21"
+        v-if="coolingTowerHz(1, 1) && coolingTowerRunClass(1, 1)"
+      >
+        {{ coolingTowerHz21 }}Hz
+      </div>
+      <div
+        class="coolingTowerHz12"
+        v-if="coolingTowerHz(0, 2) && coolingTowerRunClass(0, 2)"
+      >
+        {{ coolingTowerHz12 }}Hz
+      </div>
+      <div
+        class="coolingTowerHz11"
+        v-if="coolingTowerHz(0, 1) && coolingTowerRunClass(0, 1)"
+      >
+        {{ coolingTowerHz11 }}Hz
+      </div>
       <!-- 3号冷却塔风机1 -->
       <img
         class="fan-img1"
@@ -383,13 +438,59 @@
         src="../../../assets/images/out-arrow.png"
         alt=""
       />
-      <!-- 冷冻进出水温度 -->
-      <div class="freezingInTem">20℃</div>
-      <div class="freezingOutTem">20℃</div>
+      <!-- 冷冻进出水温度 0是out供(出)水，1是in回(进)水 -->
+      <div class="freezingInTem">{{ freezingInTem }}℃</div>
+      <div class="freezingOutTem">{{ freezingOutTem }}℃</div>
+      <!-- 冷冻水流 -->
+      <div class="freezingOutWater">{{ freezingOutWater }}m³/h</div>
       <!-- 冷冻进出水压力 -->
-      <div class="freezingInPre">20kpa</div>
-      <div class="freezingOutPre">20kpa</div>
+      <div class="freezingInPre">{{ freezingInPre }}kpa</div>
+      <div class="freezingOutPre">{{ freezingOutPre }}kpa</div>
+      <!-- 冷却进出水温度 -->
+      <div class="coolingInTem">{{ coolingInTem }}℃</div>
+      <div class="coolingOutTem">{{ coolingOutTem }}℃</div>
+      <!-- 报警状态与系统模式 -->
+      <div class="statusAndModel" v-if="isWarning">
+        <img src="../../../assets/images/red.png" class="warnStatus" alt="" />
+        <img
+          src="../../../assets/images/border6.png"
+          class="modelStatus"
+          alt=""
+        />
+        <div class="sysWarning" @click="showAlarm">Warning</div>
+        <div class="sysStatus">{{ sysStatus }}</div>
+      </div>
+      <div class="statusAndModel" v-else>
+        <img src="../../../assets/images/blue.png" class="warnStatus" alt="" />
+        <img
+          src="../../../assets/images/border5.png"
+          class="modelStatus"
+          alt=""
+        />
+        <div class="sysNormal">Normal</div>
+        <div class="sysStatus">{{ sysStatus }}</div>
+      </div>
     </div>
+    <!-- 报警弹框内容 -->
+    <el-dialog
+      title="报警内容"
+      :visible.sync="openDialog"
+      width="680px"
+      append-to-body
+    >
+      <el-table :data="alarmList">
+        <el-table-column
+          prop="otherName"
+          label="报警位置"
+          :show-overflow-tooltip="true"
+        ></el-table-column>
+        <el-table-column
+          prop="curTime"
+          label="报警时间"
+          :show-overflow-tooltip="true"
+        ></el-table-column>
+      </el-table>
+    </el-dialog>
   </div>
 </template>
 
@@ -400,6 +501,7 @@ import {
   oneKeyButton,
   monitorList,
   operationConrol,
+  systemMode,
 } from "@/api/centerairC/sysMonitor";
 import LineChildren from "./lineChildren.vue";
 export default {
@@ -418,9 +520,14 @@ export default {
       coolingValue: [], //冷却蝶阀
       coolingTowerInlet: [], //冷却塔进水阀
       coolingTowerOutlet: [], //冷却塔出水阀
+      freezingManifold: [], //冷冻总管
       isShowOn: false, //一键启停,false是Off,true显示On
       oneKeyButtonId: "",
 
+      // 主机负载
+      hostLoad0: "",
+      hostLoad1: "",
+      hostLoad2: "",
       // 冷却泵频率反馈
       coolingPumpHz0: "",
       coolingPumpHz1: "",
@@ -429,6 +536,33 @@ export default {
       freezingPumpHz0: "",
       freezingPumpHz1: "",
       freezingPumpHz2: "",
+      // 冷却塔风机频率
+      coolingTowerHz31: "",
+      coolingTowerHz22: "",
+      coolingTowerHz21: "",
+      coolingTowerHz12: "",
+      coolingTowerHz11: "",
+      // 冷冻泵进出水温度
+      freezingInTem: "",
+      freezingOutTem: "",
+      // 冷冻水流
+      freezingOutWater: "",
+      // 冷冻泵进出压力
+      freezingInPre: "",
+      freezingOutPre: "",
+      // 冷却进出水温度
+      coolingInTem: "",
+      coolingOutTem: "",
+
+      // 报警标志
+      isWarning: false,
+      // 报警列表
+      alarmList: [],
+      // 系统模式
+      sysStatus: "",
+      // 模式提示
+      startOrStopStatus: "",
+      openDialog: false,
       timer: null, // 用于存储定时器 ID
     };
   },
@@ -436,6 +570,7 @@ export default {
   mounted() {
     // 首次进入页面时执行
     this.getWeatherData();
+    this.getSystemMode();
     this.getPerformance();
     this.getOneKeyButton();
     this.getMonitorList();
@@ -443,6 +578,7 @@ export default {
     // 设置定时器，每 10 秒执行一次
     this.timer = setInterval(() => {
       this.getWeatherData();
+      this.getSystemMode();
       this.getPerformance();
       this.getOneKeyButton();
       this.getMonitorList();
@@ -471,6 +607,29 @@ export default {
         }
       });
     },
+    // 获取当前系统模式/启动、停止运行状态/报警列表
+    getSystemMode() {
+      let data = {
+        systemType: "0",
+        paramType: "27",
+      };
+      systemMode(data).then((res) => {
+        console.log("当前系统模式与报警列表返回", res);
+        if (res.code == 200) {
+          this.sysStatus = res.data.autoType;
+          this.alarmList = res.data.alarmList;
+          if (res.data.alarmList.length > 0) {
+            this.isWarning = true;
+          } else {
+            this.isWarning = false;
+          }
+          this.startOrStopStatus = res.data.startOrStopStatus;
+        }
+      });
+    },
+    showAlarm() {
+      this.openDialog = true;
+    },
     // 获取一键启停信息
     getOneKeyButton() {
       return new Promise((resolve, reject) => {
@@ -562,6 +721,7 @@ export default {
           this.coolingValue = [];
           this.coolingTowerInlet = [];
           this.coolingTowerOutlet = [];
+          this.freezingManifold = [];
 
           res.rows.forEach((row) => {
             switch (row.name) {
@@ -597,6 +757,11 @@ export default {
                 this.coolingTowerOutlet = this.processDeviceList(row.values);
                 console.log("冷却塔出水阀列表", this.coolingTowerOutlet);
                 break;
+              case "15":
+                this.freezingManifold = row.values;
+                console.log("冷冻总管", this.freezingManifold);
+                this.freezingManifoldData();
+                break;
               default:
                 break;
             }
@@ -627,6 +792,31 @@ export default {
       // 过滤掉 deviceList 中可能存在的空元素
       return deviceList.filter((item) => item);
     },
+    // 主机负载
+    hostLoadData(index) {
+      // 检查 hostList 长度是否足够
+      if (this.hostList.length <= index) {
+        return false;
+      }
+      // 检查 properties 数组是否存在    hostList[index]数组的properties数组
+      const properties = this.hostList[index].properties;
+      if (!properties || properties.length === 0) {
+        return false;
+      }
+      // 遍历 properties 数组，如果当前对象paramType === 28表示主机负载
+      for (let i = 0; i < properties.length; i++) {
+        const item = properties[i];
+        if (item.paramType === "28") {
+          // 动态构造属性名
+          const propertyName = `hostLoad${index}`;
+          // 使用方括号语法动态设置属性值
+          this[propertyName] = item.collectValue;
+          return true;
+        }
+      }
+      // 否则代表启停控制中的停止
+      return false;
+    },
     // 主机启停状态
     hostListControlClass(index) {
       // 检查 hostList 长度是否足够
@@ -751,7 +941,7 @@ export default {
           const propertyName = `coolingPumpHz${index}`;
           // 使用方括号语法动态设置属性值
           this[propertyName] = item.collectValue;
-          this.coolingPumpHz[index] = item.collectValue;
+          // this.coolingPumpHz[index] = item.collectValue;
           return true;
         }
       }
@@ -799,7 +989,7 @@ export default {
           const propertyName = `freezingPumpHz${index}`;
           // 使用方括号语法动态设置属性值
           this[propertyName] = item.collectValue;
-          this.freezingPumpHz[index] = item.collectValue;
+          // this.freezingPumpHz[index] = item.collectValue;
           return true;
         }
       }
@@ -835,8 +1025,8 @@ export default {
       // if (Object.keys(filterItem).length > 1) {
       //   filteredProperties.push(filterItem);
       // }
-      console.log("paramType为1的对象", filteredProperties);
-      console.log("index, item", index, item);
+      // console.log("paramType为1的对象", filteredProperties);
+      // console.log("index, item", index, item);
       // 根据 index 和 item 生成目标属性名称
       const towerNumber = index + 1;
       const targetPropertyName = `${towerNumber}号冷却塔风机${item}运行`;
@@ -848,11 +1038,11 @@ export default {
           Number(filteredProperties[i].collectValue) !== 0
         ) {
           if (index === 0 && item === 1) {
-            console.log(
-              "返回的true",
-              filteredProperties[i].collectName === targetPropertyName &&
-                Number(filteredProperties[i].collectValue) !== 0
-            );
+            // console.log(
+            //   "返回的true",
+            //   filteredProperties[i].collectName === targetPropertyName &&
+            //     Number(filteredProperties[i].collectValue) !== 0
+            // );
           }
           return true;
         }
@@ -861,6 +1051,62 @@ export default {
       // 否则代表运行状态中的不运行
       return false;
     },
+    // 冷却塔风机频率,index为多少号风机,0表示1号风机;item表示风机x
+    coolingTowerHz(index, item) {
+      // 检查 coolingTower 长度是否足够
+      if (this.coolingTower.length <= index) {
+        return false;
+      }
+
+      // 获取指定索引的 coolingTower 元素的 properties 数组
+      const properties = this.coolingTower[index].properties;
+
+      // 检查 properties 数组是否存在
+      if (!properties || properties.length === 0) {
+        return false;
+      }
+
+      // 创建一个新数组，用于存储 paramType === 4 的对象
+      const filteredProperties = [];
+      let filterItem = {};
+      for (let i = 0; i < properties.length; i++) {
+        // console.log('properties[i].paramType',properties[i].paramType)
+        if (properties[i].paramType === "4") {
+          filteredProperties.push(properties[i]);
+          // filterItem  = properties[i]
+        }
+      }
+      // // 将处理后的对象添加到 deviceList 中
+      // if (Object.keys(filterItem).length > 1) {
+      //   filteredProperties.push(filterItem);
+      // }
+      // console.log("paramType为4的对象", filteredProperties);
+      // console.log("index, item", index, item);
+      // 根据 index 和 item 生成目标属性名称
+      const towerNumber = index + 1;
+      const targetPropertyName = `${towerNumber}号冷却塔风机${item}频率反馈`;
+      // console.log("targetPropertyName",targetPropertyName)
+      // 在新数组中查找与目标名称匹配的对象，并检查其 collectValue 是否不为 "0.00"
+      for (let i = 0; i < filteredProperties.length; i++) {
+        if (filteredProperties[i].collectName === targetPropertyName) {
+          // 动态构造 coolingTowerHz 相关属性名
+          const coolingTowerHzPropertyName = `coolingTowerHz${towerNumber}${item}`;
+          // console.log(
+          //   "coolingTowerHzPropertyName---",
+          //   coolingTowerHzPropertyName
+          // );
+          // 获取 collectValue 转换为数字后的值
+          const value = Number(filteredProperties[i].collectValue);
+          // 使用方括号语法动态设置属性值
+          this[coolingTowerHzPropertyName] = value;
+          // console.log("Number(filteredProperties[i].collectValue)", value);
+          return true;
+        }
+      }
+
+      // 否则代表运行状态中的不运行
+      return false;
+    },
     // 冷却塔出水蝶阀启停状态
     towerValveControlClass(index) {
       // 检查 coolingTowerOutlet 长度是否足够
@@ -983,6 +1229,33 @@ export default {
       // 当阀开到位和阀关到位的条件都满足时返回 true ,才是真正的阀门开启,其他都是阀门关闭
       return valveOpenFeedbackFound && valveCloseFeedbackFound;
     },
+    // 冷冻总管数据 供回水温度、压力等
+    freezingManifoldData(index, val) {
+      console.log("this.freezingManifold", this.freezingManifold);
+      // 检查 freezingManifold 长度是否足够
+      if (this.freezingManifold.length <= index) {
+        return false;
+      }
+      this.freezingManifold.forEach((item) => {
+        if (item.collectName === "冷冻供水温度") {
+          this.freezingOutTem = item.collectValue;
+          console.log("item.collectName", item.collectName);
+        } else if (item.collectName === "冷冻回水温度") {
+          this.freezingInTem = item.collectValue;
+        } else if (item.collectName === "冷冻供水压力") {
+          this.freezingOutPre = item.collectValue;
+        } else if (item.collectName === "冷冻回水压力") {
+          this.freezingInPre = item.collectValue;
+        } else if (item.collectName === "冷却供水温度") {
+          this.coolingOutTem = item.collectValue;
+        } else if (item.collectName === "冷却回水温度") {
+          this.coolingInTem = item.collectValue;
+        } else if (item.collectName === "总冷量计瞬时流量") {
+          this.freezingOutWater = item.collectValue;
+        }
+      });
+      return true;
+    },
   },
 };
 </script>
@@ -1111,12 +1384,28 @@ export default {
       height: 0.6rem;
       z-index: 10;
     }
+    .coolingInTem {
+      z-index: 10;
+      position: absolute;
+      top: 2.1rem;
+      left: 8.35rem;
+      font-size: 0.16rem;
+      font-weight: bold;
+    }
+    .coolingOutTem {
+      z-index: 10;
+      position: absolute;
+      top: 3rem;
+      left: 4.77rem;
+      font-size: 0.16rem;
+      font-weight: bold;
+    }
     .freezingInTem {
       z-index: 10;
       position: absolute;
       top: 4.54rem;
-      right: 5.4rem;
-      font-size: 0.14rem;
+      right: 5.3rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
     .freezingOutTem {
@@ -1124,15 +1413,24 @@ export default {
       position: absolute;
       top: 5.2rem;
       right: 3.8rem;
-      font-size: 0.14rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
+    .freezingOutWater {
+      z-index: 10;
+      position: absolute;
+      top: 6.2rem;
+      right: 4.9rem;
+      font-size: 0.16rem;
+      font-weight: bold;
+    }
+
     .freezingInPre {
       z-index: 10;
       position: absolute;
       top: 5rem;
       right: 5.3rem;
-      font-size: 0.14rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
     .freezingOutPre {
@@ -1140,7 +1438,7 @@ export default {
       position: absolute;
       top: 5.7rem;
       right: 3.7rem;
-      font-size: 0.14rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
     .host-line1 {
@@ -1244,25 +1542,25 @@ export default {
     .hostLoad1 {
       z-index: 10;
       position: absolute;
-      top: 6.2rem;
-      left: 3rem;
-      font-size: 0.14rem;
+      top: 5.9rem;
+      left: 3.7rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
     .hostLoad2 {
       z-index: 10;
       position: absolute;
-      top: 5.42rem;
-      left: 5rem;
-      font-size: 0.14rem;
+      top: 5.12rem;
+      left: 5.7rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
     .hostLoad3 {
       z-index: 10;
       position: absolute;
-      top: 4.52rem;
-      left: 7.1rem;
-      font-size: 0.14rem;
+      top: 4.4rem;
+      left: 7.65rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
     .water-flow1 {
@@ -1351,30 +1649,30 @@ export default {
     }
     .coolingPump1 {
       z-index: 10;
-      font-size: 0.18rem;
+      font-size: 0.15rem;
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
       top: 3.8rem;
-      left: 7.22rem;
+      left: 7.3rem;
     }
     .coolingPump2 {
       z-index: 10;
-      font-size: 0.18rem;
+      font-size: 0.15rem;
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
       top: 3.45rem;
-      left: 8.12rem;
+      left: 8.28rem;
     }
     .coolingPump3 {
       z-index: 10;
-      font-size: 0.18rem;
+      font-size: 0.15rem;
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
       top: 3.11rem;
-      left: 9.05rem;
+      left: 9.12rem;
     }
     .cooling-img1 {
       z-index: 10;
@@ -1409,53 +1707,53 @@ export default {
     .cooling-hz1 {
       z-index: 10;
       position: absolute;
-      top: 3.88rem;
-      left: 7.52rem;
-      font-size: 0.14rem;
+      top: 3.25rem;
+      left: 7.16rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
     .cooling-hz2 {
       z-index: 10;
       position: absolute;
-      top: 3.51rem;
-      left: 8.5rem;
-      font-size: 0.14rem;
+      top: 2.94rem;
+      left: 8.15rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
     .cooling-hz3 {
       z-index: 10;
       position: absolute;
-      top: 3.18rem;
-      left: 9.38rem;
-      font-size: 0.14rem;
+      top: 2.6rem;
+      left: 9.1rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
     .freezingPump1 {
       z-index: 10;
-      font-size: 0.18rem;
+      font-size: 0.15rem;
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
       top: 7.5rem;
-      left: 6.6rem;
+      left: 6.8rem;
     }
     .freezingPump2 {
       z-index: 10;
-      font-size: 0.18rem;
+      font-size: 0.15rem;
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
       top: 6.82rem;
-      left: 8rem;
+      left: 8.15rem;
     }
     .freezingPump3 {
       z-index: 10;
-      font-size: 0.18rem;
+      font-size: 0.15rem;
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
       top: 6.28rem;
-      left: 9.1rem;
+      left: 9.3rem;
     }
     .freezing-img1 {
       z-index: 10;
@@ -1490,25 +1788,25 @@ export default {
     .freezing-hz1 {
       z-index: 10;
       position: absolute;
-      top: 7.6rem;
-      left: 7rem;
-      font-size: 0.14rem;
+      top: 6.83rem;
+      left: 6.7rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
     .freezing-hz2 {
       z-index: 10;
       position: absolute;
-      top: 6.9rem;
-      left: 8.42rem;
-      font-size: 0.14rem;
+      top: 6.24rem;
+      left: 8.05rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
     .freezing-hz3 {
       z-index: 10;
       position: absolute;
-      top: 6.32rem;
-      left: 9.5rem;
-      font-size: 0.14rem;
+      top: 5.66rem;
+      left: 9.16rem;
+      font-size: 0.16rem;
       font-weight: bold;
     }
     .coolingTower3 {
@@ -1561,49 +1859,49 @@ export default {
       font-weight: bold;
       transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
     }
-    .colingTowerHz11 {
+    .coolingTowerHz11 {
       z-index: 10;
-      font-size: 0.14rem;
+      font-size: 0.16rem;
       color: #ffffff;
       position: absolute;
-      top: -0.1rem;
-      left: 7.32rem;
+      top: -0.08rem;
+      left: 7.36rem;
       font-weight: bold;
       transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
     }
-    .colingTowerHz12 {
+    .coolingTowerHz12 {
       z-index: 10;
-      font-size: 0.14rem;
+      font-size: 0.16rem;
       color: #ffffff;
       position: absolute;
-      top: 0.033rem;
-      left: 6.8rem;
+      top: 0.04rem;
+      left: 6.76rem;
       font-weight: bold;
       transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
     }
-    .colingTowerHz21 {
+    .coolingTowerHz21 {
       z-index: 10;
-      font-size: 0.14rem;
+      font-size: 0.16rem;
       color: #ffffff;
       position: absolute;
-      top: 0.24rem;
-      left: 6rem;
+      top: 0.22rem;
+      left: 6.06rem;
       font-weight: bold;
       transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
     }
-    .colingTowerHz22 {
+    .coolingTowerHz22 {
       z-index: 10;
-      font-size: 0.14rem;
+      font-size: 0.16rem;
       color: #ffffff;
       position: absolute;
       top: 0.37rem;
-      left: 5.5rem;
+      left: 5.49rem;
       font-weight: bold;
       transform: rotateX(20deg) rotateY(-25deg) rotateZ(-5deg);
     }
-    .colingTowerHz3 {
+    .coolingTowerHz3 {
       z-index: 10;
-      font-size: 0.14rem;
+      font-size: 0.16rem;
       color: #ffffff;
       position: absolute;
       top: 0.64rem;
@@ -1683,6 +1981,71 @@ export default {
       background-color: #ebebeb;
       border-radius: 50%;
     }
+    .statusAndModel {
+      z-index: 10;
+      position: absolute;
+      top: 8.4rem;
+      right: 3rem;
+      width: 3rem;
+      .warnStatus {
+        position: absolute;
+        left: 0.04rem;
+        top: 0.3rem;
+        width: 0.45rem;
+        height: 0.45rem;
+        animation: breathe 4s ease-in-out infinite;
+      }
+      @keyframes breathe {
+        0% {
+          transform: scale(1);
+          opacity: 0.5;
+        }
+        50% {
+          transform: scale(1.1);
+          opacity: 1;
+        }
+        100% {
+          transform: scale(1);
+          opacity: 0.5;
+        }
+      }
+      .modelStatus {
+        position: absolute;
+        top: 0;
+        right: 0rem;
+        width: 2.65rem;
+        height: 0.83rem;
+      }
+      .sysNormal {
+        position: absolute;
+        top: 0.63rem;
+        right: 0.7rem;
+        font-size: 0.14rem;
+        font-weight: bold;
+        color: #3bb3f8;
+        letter-spacing: 0.02rem;
+      }
+      .sysWarning {
+        position: absolute;
+        top: 0.63rem;
+        right: 0.7rem;
+        font-size: 0.14rem;
+        font-weight: bold;
+        cursor: pointer;
+        color: #ffffff;
+        letter-spacing: 0.02rem;
+        animation: blink 0.5s ease-in-out infinite;
+      }
+      .sysStatus {
+        position: absolute;
+        top: 0.2rem;
+        left: 0.8rem;
+        font-size: 0.18rem;
+        font-weight: bold;
+        color: #1fb7f3;
+        letter-spacing: 0.02rem;
+      }
+    }
   }
   .weather {
     min-width: 2.5rem;
@@ -1699,7 +2062,7 @@ export default {
     background-image: url(../../../assets/images/border1.png);
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    padding: 0.15rem 0 0.25rem 0rem;
+    padding: 0.15rem 0.1rem 0.25rem 0rem;
   }
   .weather-li {
     width: 100%;
@@ -1741,7 +2104,7 @@ export default {
     background-image: url(../../../assets/images/border4.png);
     background-size: 100% 100%;
     background-repeat: no-repeat;
-    padding: 0.15rem 0 0.25rem 0rem;
+    padding: 0.15rem 0.1rem 0.25rem 0rem;
   }
   .title {
     z-index: 10;
@@ -1752,8 +2115,9 @@ export default {
     background-size: 2rem 0.45rem;
     background-position: bottom left;
     font-family: SourceHanSansCN-Medium;
-    font-size: 0.16rem;
+    font-size: 0.18rem;
     font-style: italic;
+    font-weight: bold;
     line-height: 0.6rem;
     color: rgba(209, 214, 223, 1);
     padding-left: 0.6rem;
@@ -1768,7 +2132,7 @@ export default {
     background-repeat: no-repeat;
     background-size: 100% 100%;
     top: 0;
-    right: 2rem;
+    right: 1.7rem;
     z-index: 10;
     display: flex;
     flex-direction: column;
@@ -1813,6 +2177,27 @@ export default {
   .offClass:hover .on-animation {
     animation: none;
   }
+  .sysTips {
+    position: absolute;
+    top: 1.7rem;
+    left: 13rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    z-index: 10;
+    .step {
+      width: 0.2rem;
+      height: 0.3rem;
+    }
+    .tips-text {
+      border: 0.01rem solid transparent;
+      border-image: linear-gradient(to right, #007bff, #00ffff);
+      border-image-slice: 1;
+      font-size: 0.18rem;
+      color: #1fecf3;
+      padding: 0.01rem 0.03rem;
+    }
+  }
 }
 // @media (min-width: 1240px) and (max-width: 1440px) {
 // }
@@ -1822,3 +2207,8 @@ export default {
   }
 }
 </style>
+<style scoped>
+.monitor >>> .el-dialog:not(.is-fullscreen) {
+  margin-top: 15% !important;
+}
+</style>
diff --git a/src/views/index.vue b/src/views/index.vue
index 3cbfa38..ee63482 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -74,7 +74,7 @@
           <div class="overview-li">
             <div>总耗水量(吨)</div>
             <div class="overview-details">
-              {{ projectView.totalEle }}
+              {{ projectView.totalWater }}
             </div>
           </div>
           <div class="overview-li">