diff --git a/.env.development b/.env.development
index 91a0a56..9579ac2 100644
--- a/.env.development
+++ b/.env.development
@@ -7,11 +7,11 @@ ENV = 'development'
 # 开发环境
 # VUE_APP_BASE_API = '/dev-api'
 # 后台
-# VUE_APP_BASE_API = 'http://192.168.1.222:8080'
+VUE_APP_BASE_API = 'http://192.168.1.222:8080'
 # 梅州云端
 # VUE_APP_BASE_API = 'http://106.55.173.225:8091'
 # 广合
-VUE_APP_BASE_API = 'http://106.55.173.225:8092'
+# VUE_APP_BASE_API = 'http://106.55.173.225:8092'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true
diff --git a/src/assets/images/guanghe.png b/src/assets/images/guanghe.png
index 73d714a..b4acff2 100644
Binary files a/src/assets/images/guanghe.png and b/src/assets/images/guanghe.png differ
diff --git a/src/assets/images/meizhou.png b/src/assets/images/meizhou.png
deleted file mode 100644
index a7c7eb3..0000000
Binary files a/src/assets/images/meizhou.png and /dev/null differ
diff --git a/src/views/centerairC/sysControl/index.vue b/src/views/centerairC/sysControl/index.vue
index 3428d83..f412db7 100644
--- a/src/views/centerairC/sysControl/index.vue
+++ b/src/views/centerairC/sysControl/index.vue
@@ -24,7 +24,7 @@
       </div>
     </div>
     <el-tabs v-model="activeName" @tab-click="handleClick">
-      <el-tab-pane label="阀门" name="valve">
+      <!-- <el-tab-pane label="阀门" name="valve">
         <div class="device-container">
           <vavleheader
             :valveList="freezingValve"
@@ -52,7 +52,7 @@
             @operationControl="hadleOperationConrol"
           ></vavleheader>
         </div>
-      </el-tab-pane>
+      </el-tab-pane> -->
       <el-tab-pane label="冷却泵" name="coolingPump">
         <div class="device-container">
           <list-header
@@ -86,7 +86,6 @@
           <list-header
             :deviceList="hostList"
             :isNoShowHz="true"
-            :isNoShowlocalRemote="true"
             @operationControl="hadleOperationConrol"
             @upList="getOperationList"
           ></list-header>
@@ -117,7 +116,7 @@ export default {
       coolingValve: [], //冷却蝶阀
       coolingTowerOutValve: [], //冷却塔出水进水阀
       coolingAndHeatingOutValve: [], //供冷供暖出水进水阀
-      activeName: "valve", //设备管理
+      activeName: "coolingPump", //冷却泵
     };
   },
   computed: {
diff --git a/src/views/centerairC/sysMonitor/monitorCenter.vue b/src/views/centerairC/sysMonitor/monitorCenter.vue
index 7caea68..7699513 100644
--- a/src/views/centerairC/sysMonitor/monitorCenter.vue
+++ b/src/views/centerairC/sysMonitor/monitorCenter.vue
@@ -1,49 +1,18 @@
 <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"
-        @click="goSys"
-        src="../../../assets/images/title-center.png"
-        alt=""
-      />
-      <img
-        class="title-right"
-        src="../../../assets/images/title-right.png"
-        alt=""
-      />
+      <img class="title-left" src="../../../assets/images/title-left.png" alt="" />
+      <img class="title-center" @click="goSys" src="../../../assets/images/title-center.png" alt="" />
+      <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=""
-      />
+      <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="monitor-content">
       <!-- 天气数据 -->
@@ -58,7 +27,7 @@
           <span class="deepColor">{{ weatherObj.humidity }}</span>
           <span>%</span>
         </div>
-        <!-- <div class="weather-li">
+        <div class="weather-li">
           <span>室外含湿：</span>
           <span class="deepColor">{{ weatherObj.humidityRatio }}</span>
           <span>g/kg</span>
@@ -77,7 +46,7 @@
           <span>室外湿球：</span>
           <span class="deepColor">{{ weatherObj.wetBulbTemp }}</span>
           <span>℃</span>
-        </div> -->
+        </div>
       </div>
       <!-- 系统性能数据 -->
       <div class="performance">
@@ -151,41 +120,23 @@
         <img class="ditu" src="../../../assets/images/di.png" />
       </div> -->
       <div class="funtion-menu1 menu2" @click="goControl">
-        <div class="menu-title"><div>系统控制</div></div>
+        <div class="menu-title">
+          <div>系统控制</div>
+        </div>
         <img class="ditu" src="../../../assets/images/di.png" />
       </div>
       <!-- 整体图 -->
-      <img
-        class="monitor-img"
-        src="../../../assets/images/meizhou.png"
-        alt=""
-      />
+      <img class="monitor-img" src="../../../assets/images/guanghe.png" alt="" />
 
       <!-- 主机1数据定位 -->
-      <div
-        class="hostName1"
-        v-if="hostList.length > 0"
-        @click="goControlList(hostList, 1)"
-      >
+      <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="host-main1"
-        v-if="hostList.length > 0 && hostList[0].deviceName"
-        :title="`${hostList[0].deviceName}性能`"
-        @click="goHostDetail(hostList[0], false)"
-      ></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="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>
@@ -194,227 +145,37 @@
           <span>1#冷却水流:</span>
           <span v-if="hostCoolingWaterFlowClass(1)">接通</span>
           <span v-else>断开</span>
-          <span
-            class="break"
-            :class="{ connect: hostCoolingWaterFlowClass(1) }"
-          ></span>
+          <span class="break" :class="{ connect: hostCoolingWaterFlowClass(1) }"></span>
         </div>
         <div class="water-flow-li">
           <span>1#冷冻水流:</span>
           <span v-if="hostFreezeWaterFlowClass(1)">接通</span>
           <span v-else>断开</span>
-          <span
-            class="break"
-            :class="{ connect: hostFreezeWaterFlowClass(1) }"
-          ></span>
+          <span class="break" :class="{ connect: hostFreezeWaterFlowClass(1) }"></span>
         </div>
       </div>
-      <line-children
-        :angle1="-0"
-        :angle2="-35"
-        :lineWidth1="190"
-        :lineWidth2="150"
-        class="host-line1"
-      ></line-children>
+      <line-children :angle1="-0" :angle2="-30" :lineWidth1="190" :lineWidth2="250" class="host-line1"></line-children>
       <div class="setTem1" v-if="hostSetTemClass(1)">
         实时设点:{{ hostSetTem1 }}℃
       </div>
-      <div class="setTem2" v-if="hostSetTemClass(2)">
-        实时设点:{{ hostSetTem4 }}℃
-      </div>
-      <div class="setTem3" v-if="hostSetTemClass(3)">
-        实时设点:{{ hostSetTem3 }}℃
-      </div>
-      <!-- 主机2数据定位 -->
-      <div
-        class="hostName2"
-        v-if="hostList.length > 0"
-        @click="goControlList(hostList, 2)"
-      >
-        {{ hostList[1].deviceName }}
-      </div>
-      <div
-        class="hostStatus2"
-        :class="{ startClass: hostListControlClass(2) }"
-      ></div>
-      <img
-        class="host-img2"
-        v-if="hostListRunClass(2)"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        :class="{ moveClass: hostListRunClass(2) }"
-      />
-      <div
-        class="host-main2"
-        v-if="hostList.length > 0 && hostList[1].deviceName"
-        :title="`${hostList[1].deviceName}性能`"
-        @click="goHostDetail(hostList[1], false)"
-      ></div>
-      <div class="hostLoad2" v-if="hostListRunClass(2) && hostLoadData(2)">
-        {{ hostLoad2 }}%
-      </div>
-      <div class="water-flow2">
-        <div class="water-flow-li">
-          <span>2#冷却水流:</span>
-          <span v-if="hostCoolingWaterFlowClass(2)">接通</span>
-          <span v-else>断开</span>
-          <span
-            class="break"
-            :class="{ connect: hostCoolingWaterFlowClass(2) }"
-          ></span>
-        </div>
-        <div class="water-flow-li">
-          <span>2#冷冻水流:</span>
-          <span v-if="hostFreezeWaterFlowClass(2)">接通</span>
-          <span v-else>断开</span>
-          <span
-            class="break"
-            :class="{ connect: hostFreezeWaterFlowClass(2) }"
-          ></span>
-        </div>
-      </div>
-      <line-children
-        :angle1="-0"
-        :angle2="-35"
-        :lineWidth1="220"
-        :lineWidth2="360"
-        class="host-line2"
-      ></line-children>
-      <!-- 主机3数据定位 -->
-      <div
-        class="hostName3"
-        v-if="hostList.length > 0"
-        @click="goControlList(hostList, 3)"
-      >
-        {{ hostList[2].deviceName }}
-      </div>
-      <!-- 主机启停状态 -->
-      <div
-        class="hostStatus3"
-        :class="{ startClass: hostListControlClass(3) }"
-      ></div>
-      <!-- 主机运行状态 -->
-      <img
-        class="host-img3"
-        v-if="hostListRunClass(3)"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        :class="{ moveClass: hostListRunClass(3) }"
-      />
-      <!-- 点击主机跳转到主机参数详情页 -->
-      <div
-        class="host-main3"
-        v-if="hostList.length > 0 && hostList[2].deviceName"
-        :title="`${hostList[2].deviceName}性能`"
-        @click="goHostDetail(hostList[2], true)"
-      ></div>
-      <!-- 主机负载 -->
-      <div class="hostLoad3" v-if="hostListRunClass(3) && hostLoadData(3)">
-        {{ hostLoad3 }}%
-      </div>
-      <!-- 主机冷却冷冻水流信息 -->
-      <div class="water-flow3">
-        <div class="water-flow-li">
-          <span>3#冷却水流:</span>
-          <span v-if="hostCoolingWaterFlowClass(3)">接通</span>
-          <span v-else>断开</span>
-          <span
-            class="break"
-            :class="{ connect: hostCoolingWaterFlowClass(3) }"
-          ></span>
-        </div>
-        <div class="water-flow-li">
-          <span>3#冷冻水流:</span>
-          <span v-if="hostFreezeWaterFlowClass(3)">接通</span>
-          <span v-else>断开</span>
-          <span
-            class="break"
-            :class="{ connect: hostFreezeWaterFlowClass(3) }"
-          ></span>
-        </div>
-      </div>
-      <!-- 线+主机冷却水流状态 -->
-      <line-children
-        :angle1="-0"
-        :angle2="-39"
-        :lineWidth1="300"
-        :lineWidth2="530"
-        class="host-line3"
-      ></line-children>
 
       <!-- 冷却泵数据定位 -->
       <div class="coolingPump1" @click="goControlList(coolingPump, 1)">1#</div>
       <div class="coolingPump2" @click="goControlList(coolingPump, 2)">2#</div>
-      <div class="coolingPump3" @click="goControlList(coolingPump, 3)">3#</div>
-      <div class="coolingPump4" @click="goControlList(coolingPump, 4)">4#</div>
-      <div class="coolingPump5" @click="goControlList(coolingPump, 5)">5#</div>
+
       <!-- 运行状态 -->
-      <img
-        class="cooling-img1"
-        v-if="coolingPumpRunClass(1)"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        :class="{ moveClass2: coolingPumpRunClass(1) }"
-      />
-      <img
-        class="cooling-img2"
-        v-if="coolingPumpRunClass(2)"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        :class="{ moveClass2: coolingPumpRunClass(2) }"
-      />
-      <img
-        class="cooling-img3"
-        v-if="coolingPumpRunClass(3)"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        :class="{ moveClass2: coolingPumpRunClass(3) }"
-      />
-      <img
-        class="cooling-img4"
-        v-if="coolingPumpRunClass(4)"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        :class="{ moveClass2: coolingPumpRunClass(4) }"
-      />
-      <img
-        class="cooling-img5"
-        v-if="coolingPumpRunClass(5)"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        :class="{ moveClass2: coolingPumpRunClass(5) }"
-      />
+      <img class="cooling-img1" v-if="coolingPumpRunClass(1)" src="../../../assets/images/fan-img.png" alt=""
+        :class="{ moveClass2: coolingPumpRunClass(1) }" />
+      <img class="cooling-img2" v-if="coolingPumpRunClass(2)" src="../../../assets/images/fan-img.png" alt=""
+        :class="{ moveClass2: coolingPumpRunClass(2) }" />
+
       <!-- 频率反馈 -->
-      <div
-        class="cooling-hz1"
-        v-if="coolingPumpHz(1) && coolingPumpRunClass(1)"
-      >
+      <div class="cooling-hz1" v-if="coolingPumpHz(1) && coolingPumpRunClass(1)">
         {{ coolingPumpHz1 }}Hz
       </div>
-      <div
-        class="cooling-hz2"
-        v-if="coolingPumpHz(2) && coolingPumpRunClass(2)"
-      >
+      <div class="cooling-hz2" v-if="coolingPumpHz(2) && coolingPumpRunClass(2)">
         {{ coolingPumpHz2 }}Hz
       </div>
-      <div
-        class="cooling-hz3"
-        v-if="coolingPumpHz(3) && coolingPumpRunClass(3)"
-      >
-        {{ coolingPumpHz3 }}Hz
-      </div>
-      <div
-        class="cooling-hz4"
-        v-if="coolingPumpHz(4) && coolingPumpRunClass(4)"
-      >
-        {{ coolingPumpHz4 }}Hz
-      </div>
-      <div
-        class="cooling-hz5"
-        v-if="coolingPumpHz(5) && coolingPumpRunClass(5)"
-      >
-        {{ coolingPumpHz5 }}Hz
-      </div>
       <!-- 冷冻泵数据定位 -->
       <div class="freezingPump1" @click="goControlList(freezingPump, 1)">
         1#
@@ -422,658 +183,137 @@
       <div class="freezingPump2" @click="goControlList(freezingPump, 2)">
         2#
       </div>
-      <div class="freezingPump3" @click="goControlList(freezingPump, 3)">
-        3#
-      </div>
-      <div class="freezingPump4" @click="goControlList(freezingPump, 4)">
-        4#
-      </div>
-      <div class="freezingPump5" @click="goControlList(freezingPump, 5)">
-        5#
-      </div>
-      <img
-        class="freezing-img1"
-        v-if="freezingPumpRunClass(1)"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        :class="{ moveClass2: freezingPumpRunClass(1) }"
-      />
-      <img
-        class="freezing-img2"
-        v-if="freezingPumpRunClass(2)"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        :class="{ moveClass2: freezingPumpRunClass(2) }"
-      />
-      <img
-        class="freezing-img3"
-        v-if="freezingPumpRunClass(3)"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        :class="{ moveClass2: freezingPumpRunClass(3) }"
-      />
-      <img
-        class="freezing-img4"
-        v-if="freezingPumpRunClass(4)"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        :class="{ moveClass2: freezingPumpRunClass(4) }"
-      />
-      <img
-        class="freezing-img5"
-        v-if="freezingPumpRunClass(5)"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        :class="{ moveClass2: freezingPumpRunClass(5) }"
-      />
+      <img class="freezing-img1" v-if="freezingPumpRunClass(1)" src="../../../assets/images/fan-img.png" alt=""
+        :class="{ moveClass2: freezingPumpRunClass(1) }" />
+      <img class="freezing-img2" v-if="freezingPumpRunClass(2)" src="../../../assets/images/fan-img.png" alt=""
+        :class="{ moveClass2: freezingPumpRunClass(2) }" />
       <!-- 频率反馈 旋转+有频率反馈才显示 -->
-      <div
-        class="freezing-hz1"
-        v-if="freezingPumpHz(1) && freezingPumpRunClass(1)"
-      >
+      <div class="freezing-hz1" v-if="freezingPumpHz(1) && freezingPumpRunClass(1)">
         {{ freezingPumpHz1 }}Hz
       </div>
-      <div
-        class="freezing-hz2"
-        v-if="freezingPumpHz(2) && freezingPumpRunClass(2)"
-      >
+      <div class="freezing-hz2" v-if="freezingPumpHz(2) && freezingPumpRunClass(2)">
         {{ freezingPumpHz2 }}Hz
       </div>
-      <div
-        class="freezing-hz3"
-        v-if="freezingPumpHz(3) && freezingPumpRunClass(3)"
-      >
-        {{ freezingPumpHz3 }}Hz
-      </div>
-      <div
-        class="freezing-hz4"
-        v-if="freezingPumpHz(4) && freezingPumpRunClass(4)"
-      >
-        {{ freezingPumpHz4 }}Hz
+      <!-- 冷却塔数据定位 2个风机 1个出水阀 -->
+      <div class="coolingTower1" @click="goControlFanList(coolingTower, 1, 1)">
+        1#-1
       </div>
-      <div
-        class="freezing-hz5"
-        v-if="freezingPumpHz(5) && freezingPumpRunClass(5)"
-      >
-        {{ freezingPumpHz5 }}Hz
-      </div>
-      <!-- 冷却塔数据定位 3个风机 三个出水阀 -->
-      <div class="coolingTower3" @click="goControlList(coolingTower, 3)">
-        3#
-      </div>
-      <div class="coolingTower2" @click="goControlList(coolingTower, 2)">
-        2#
-      </div>
-      <div class="coolingTower1" @click="goControlList(coolingTower, 1)">
-        1#
+      <div class="coolingTower2" @click="goControlFanList(coolingTower, 1, 2)">
+        1#-2
       </div>
       <!-- 风机频率 -->
-      <div
-        class="coolingTowerHz3"
-        v-if="coolingTowerHz(3, 1) && coolingTowerRunClass(3, 1)"
-      >
-        {{ coolingTowerHz3 }}Hz
+      <div class="coolingTowerHz1" v-if="coolingTowerHz(1, 1) && coolingTowerRunClass(1, 1)">
+        {{ coolingTowerHz1 }}Hz
       </div>
-      <div
-        class="coolingTowerHz2"
-        v-if="coolingTowerHz(2, 1) && coolingTowerRunClass(2, 1)"
-      >
+      <div class="coolingTowerHz2" v-if="coolingTowerHz(1, 2) && coolingTowerRunClass(1, 2)">
         {{ coolingTowerHz2 }}Hz
       </div>
-      <div
-        class="coolingTowerHz1"
-        v-if="coolingTowerHz(1, 1) && coolingTowerRunClass(1, 1)"
-      >
-        {{ coolingTowerHz1 }}Hz
-      </div>
-      <!-- 3号冷却塔风机1 -->
-      <img
-        class="fan-img1"
-        v-if="coolingTowerRunClass(3, 1)"
-        :class="{ moveClass2: coolingTowerRunClass(3, 1) }"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-      />
-      <!-- 2号冷却塔风机1 -->
-      <img
-        class="fan-img2"
-        v-if="coolingTowerRunClass(2, 1)"
-        :class="{ moveClass2: coolingTowerRunClass(2, 1) }"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-      />
       <!-- 1 号冷却塔风机1 -->
-      <img
-        class="fan-img3"
-        v-if="coolingTowerRunClass(1, 1)"
-        :class="{ moveClass2: coolingTowerRunClass(1, 1) }"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-      />
-      <!-- 冷却塔进出水阀门 -->
-      <div
-        class="towerValve1"
-        :class="{ startClass: towerValveControlClass(3) }"
-        @click="goControlList(coolingTowerOutlet, 3)"
-      ></div>
-      <div
-        class="towerValve2"
-        :class="{ startClass: towerValveControlClass(2) }"
-        @click="goControlList(coolingTowerOutlet, 2)"
-      ></div>
-      <div
-        class="towerValve3"
-        :class="{ startClass: towerValveControlClass(1) }"
-        @click="goControlList(coolingTowerOutlet, 1)"
-      ></div>
-      <div
-        class="towerValve4"
-        :class="{ startClass: towerValveInControlClass(3) }"
-        @click="goControlList(coolingTowerInlet, 3)"
-      ></div>
-      <div
-        class="towerValve5"
-        :class="{ startClass: towerValveInControlClass(2) }"
-        @click="goControlList(coolingTowerInlet, 2)"
-      ></div>
-      <div
-        class="towerValve6"
-        :class="{ startClass: towerValveInControlClass(1) }"
-        @click="goControlList(coolingTowerInlet, 1)"
-      ></div>
-      <!-- 冷冻蝶阀数据定位 -->
-      <!-- <div
-        class="frozenValve1"
-        :class="{ startClass: frozenValveControlClass(1) }"
-      ></div> -->
-      <div
-        class="frozenValve2"
-        :class="{ startClass: frozenValveControlClass(2) }"
-        @click="goControlList(frozenValve, 2)"
-      ></div>
-      <div
-        class="frozenValve3"
-        :class="{ startClass: frozenValveControlClass(3) }"
-        @click="goControlList(frozenValve, 3)"
-      ></div>
-      <!-- 冷却蝶阀数据定位 -->
-      <!-- <div
-        class="coolingValue1"
-        :class="{ startClass: coolingValueControlClass(1) }"
-      ></div> -->
-      <div
-        class="coolingValue2"
-        :class="{ startClass: coolingValueControlClass(2) }"
-        @click="goControlList(coolingValue, 2)"
-      ></div>
-      <div
-        class="coolingValue3"
-        :class="{ startClass: coolingValueControlClass(3) }"
-        @click="goControlList(coolingValue, 3)"
-      ></div>
+      <img class="fan-img1" v-if="coolingTowerRunClass(1, 1)" :class="{ moveClass2: coolingTowerRunClass(1, 1) }"
+        src="../../../assets/images/fan-img.png" alt="" />
+      <img class="fan-img2" v-if="coolingTowerRunClass(1, 2)" :class="{ moveClass2: coolingTowerRunClass(1, 2) }"
+        src="../../../assets/images/fan-img.png" alt="" />
       <!-- 箭头 -->
       <img class="in-arrow" src="../../../assets/images/in-arrow.png" alt="" />
-      <img
-        class="out-arrow"
-        src="../../../assets/images/out-arrow.png"
-        alt=""
-      />
+      <img class="out-arrow" src="../../../assets/images/out-arrow.png" alt="" />
       <!-- 冷冻进出水温度 0是out供(出)水，1是in回(进)水 -->
       <div class="freezingInTem">{{ freezingInTem }}℃</div>
       <div class="freezingOutTem">{{ freezingOutTem }}℃</div>
       <!-- 冷冻水流 -->
       <div class="freezingOutWater">{{ freezingOutWater }}m³/h</div>
       <!-- 冷冻进出水压力 -->
-      <!-- <div class="freezingInPre">{{ freezingInPre }}kpa</div>
-      <div class="freezingOutPre">{{ freezingOutPre }}kpa</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=""
-        />
+        <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=""
-        />
+        <img src="../../../assets/images/border5.png" class="modelStatus" alt="" />
         <div class="sysNormal">Normal</div>
         <div class="sysStatus">{{ sysStatus }}</div>
       </div>
-      <!-- 供暖区 -->
-      <div class="hotClass">供暖区</div>
-      <!-- 采暖锅炉名称 -->
-      <div
-        class="steamHeatingBoiler1"
-        v-if="steamHeatingFire.length > 0 && steamHeatingFire[0].deviceName"
-        :title="`${steamHeatingFire[0].deviceName}详情`"
-        @click="goBoilerDetail(steamHeatingFire[0], false)"
-      >
-        {{ steamHeatingFire[0].deviceName }}
-      </div>
-      <div
-        class="steamHeatingBoiler2"
-        v-if="steamHeatingFire.length > 1 && steamHeatingFire[0].deviceName"
-        :title="`${steamHeatingFire[1].deviceName}详情`"
-        @click="goBoilerDetail(steamHeatingFire[1], false)"
-      >
-        {{ steamHeatingFire[1].deviceName }}
-      </div>
-      <!-- 采暖锅炉点击跳转 -->
-      <div
-        class="steamHeatingBoiler-main1"
-        v-if="steamHeatingFire.length > 0 && steamHeatingFire[0].deviceName"
-        :title="`${steamHeatingFire[0].deviceName}详情`"
-        @click="goBoilerDetail(steamHeatingFire[0], false)"
-      ></div>
-      <div
-        class="steamHeatingBoiler-main2"
-        v-if="steamHeatingFire.length > 1 && steamHeatingFire[1].deviceName"
-        :title="`${steamHeatingFire[1].deviceName}详情`"
-        @click="goBoilerDetail(steamHeatingFire[1], false)"
-      ></div>
-      <!-- 采暖锅炉运行状态 -->
-      <img
-        class="steamHeatingBoiler-img1"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        v-if="steamHeatingBoilerRunClass(1)"
-        :class="{ moveClass2: steamHeatingBoilerRunClass(1) }"
-      />
-      <img
-        class="steamHeatingBoiler-img2"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        v-if="steamHeatingBoilerRunClass(2)"
-        :class="{ moveClass2: steamHeatingBoilerRunClass(2) }"
-      />
-      <!-- 采暖泵名称 -->
-      <div
-        class="steamHeatingPump1"
-        v-if="
-          steamHeatingHzAndRun.length > 0 && steamHeatingHzAndRun[0].deviceName
-        "
-        :title="`${steamHeatingHzAndRun[0].deviceName}详情`"
-        @click="goPumpDetail(steamHeatingHzAndRun[0], false)"
-      >
-        1#
-      </div>
-      <div
-        class="steamHeatingPump2"
-        v-if="
-          steamHeatingHzAndRun.length > 1 && steamHeatingHzAndRun[0].deviceName
-        "
-        :title="`${steamHeatingHzAndRun[1].deviceName}详情`"
-        @click="goPumpDetail(steamHeatingHzAndRun[1], false)"
-      >
-        2#
-      </div>
-      <div
-        class="steamHeatingPump3"
-        v-if="
-          steamHeatingHzAndRun.length > 2 && steamHeatingHzAndRun[0].deviceName
-        "
-        :title="`${steamHeatingHzAndRun[2].deviceName}详情`"
-        @click="goPumpDetail(steamHeatingHzAndRun[2], false)"
-      >
-        3#
-      </div>
-      <!-- 采暖泵点击跳转 -->
-      <div
-        class="steamHeatingPump-main1"
-        v-if="
-          steamHeatingHzAndRun.length > 0 && steamHeatingHzAndRun[0].deviceName
-        "
-        :title="`${steamHeatingHzAndRun[0].deviceName}详情`"
-        @click="goPumpDetail(steamHeatingHzAndRun[0], false)"
-      ></div>
-      <div
-        class="steamHeatingPump-main2"
-        v-if="
-          steamHeatingHzAndRun.length > 1 && steamHeatingHzAndRun[1].deviceName
-        "
-        :title="`${steamHeatingHzAndRun[1].deviceName}详情`"
-        @click="goPumpDetail(steamHeatingHzAndRun[1], false)"
-      ></div>
-      <div
-        class="steamHeatingPump-main3"
-        v-if="
-          steamHeatingHzAndRun.length > 2 && steamHeatingHzAndRun[2].deviceName
-        "
-        :title="`${steamHeatingHzAndRun[2].deviceName}详情`"
-        @click="goPumpDetail(steamHeatingHzAndRun[2], false)"
-      ></div>
-      <!-- 采暖泵运行状态 -->
-      <img
-        class="steamHeatingPump-img1"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        v-if="steamHeatingPumpRunClass(1)"
-        :class="{ moveClass2: steamHeatingPumpRunClass(1) }"
-      />
-      <img
-        class="steamHeatingPump-img2"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        v-if="steamHeatingPumpRunClass(2)"
-        :class="{ moveClass2: steamHeatingPumpRunClass(2) }"
-      />
-      <img
-        class="steamHeatingPump-img3"
-        src="../../../assets/images/fan-img.png"
-        alt=""
-        v-if="steamHeatingPumpRunClass(3)"
-        :class="{ moveClass2: steamHeatingPumpRunClass(3) }"
-      />
-      <!-- 采暖泵频率反馈 -->
-      <div
-        class="steamHeatingPump-hz1"
-        v-if="steamHeatingPumpHz(1) && steamHeatingPumpRunClass(1)"
-      >
-        {{ steamHeatingPumpHz1 }}Hz
-      </div>
-      <div
-        class="steamHeatingPump-hz2"
-        v-if="steamHeatingPumpHz(2) && steamHeatingPumpRunClass(2)"
-      >
-        {{ steamHeatingPumpHz2 }}Hz
-      </div>
-      <div
-        class="steamHeatingPump-hz3"
-        v-if="steamHeatingPumpHz(3) && steamHeatingPumpRunClass(3)"
-      >
-        {{ steamHeatingPumpHz3 }}Hz
-      </div>
-      <!-- 热量计供回水温度 -->
-      <div class="steamHeatingInTem">{{ steamHeatingInTem }}℃</div>
-      <div class="steamHeatingOutTem">{{ steamHeatingOutTem }}℃</div>
-      <!-- 供冷区进水阀 -->
-      <div class="coolingOut-vavle">
-        <div class="water-flow-li">
-          <span
-            @click="goControlList(coolingInletBuild, null, '裙楼供冷进水阀')"
-            style="cursor: pointer"
-            >裙楼供冷进水阀:</span
-          >
-          <span
-            class="break"
-            :class="{
-              connect: hostAndCoolingControlClass(this.coolingInletBuild),
-            }"
-          ></span>
-          <div class="outInre">
-            {{ getValueByType(this.coolingInletBuild, "13") }}bar
-          </div>
-        </div>
-        <div class="water-flow-li">
-          <span
-            @click="goControlList(coolingInletGuest, null, '客房供冷进水阀')"
-            style="cursor: pointer"
-            >客房供冷进水阀:</span
-          >
-          <span
-            class="break"
-            :class="{
-              connect: hostAndCoolingControlClass(this.coolingInletGuest),
-            }"
-          ></span>
-          <div class="outInre">
-            {{ getValueByType(this.coolingInletGuest, "13") }}bar
-          </div>
-        </div>
-      </div>
-      <line-children
-        :angle1="-110"
-        :angle2="0"
-        :lineWidth1="230"
-        :lineWidth2="240"
-        class="coolingOut-line"
-      ></line-children>
-      <!-- 供冷区出水阀 -->
-      <div class="coolingIn-vavle">
-        <div class="water-flow-li">
-          <span
-            @click="goControlList(coolingOutletBuild, null, '裙楼供冷出水阀')"
-            style="cursor: pointer"
-            >裙楼供冷出水阀:</span
-          >
-          <span
-            class="break"
-            :class="{
-              connect: hostAndCoolingControlClass(this.coolingOutletBuild),
-            }"
-          ></span>
-          <div class="outInre">
-            {{ getValueByType(this.coolingOutletBuild, "13") }}bar
-          </div>
-        </div>
-        <div class="water-flow-li">
-          <span
-            @click="goControlList(coolingOutletGuest, null, '客房供冷出水阀')"
-            style="cursor: pointer"
-            >客房供冷出水阀:</span
-          >
-          <span
-            class="break"
-            :class="{
-              connect: hostAndCoolingControlClass(this.coolingOutletGuest),
-            }"
-          ></span>
-          <div class="outInre">
-            {{ getValueByType(this.coolingOutletGuest, "13") }}bar
-          </div>
-        </div>
-      </div>
-      <line-children
-        :angle1="-110"
-        :angle2="0"
-        :lineWidth1="170"
-        :lineWidth2="240"
-        class="coolingIn-line"
-      ></line-children>
-      <!--供暖区进水阀  -->
-      <div class="hotOut-vavle">
-        <div class="water-flow-li">
-          <span
-            @click="goControlList(hotInletBuild, null, '裙楼供暖进水阀')"
-            style="cursor: pointer"
-            >裙楼供暖进水阀:</span
-          >
-          <span
-            class="break"
-            :class="{ connect: hostAndCoolingControlClass(this.hotInletBuild) }"
-          ></span>
-          <div class="outInre">
-            {{ getValueByType(this.hotInletBuild, "13") }}bar
-          </div>
-        </div>
-        <div class="water-flow-li">
-          <span
-            @click="goControlList(hotInletGuest, null, '客房供暖进水阀')"
-            style="cursor: pointer"
-            >客房供暖进水阀:</span
-          >
-          <span
-            class="break"
-            :class="{ connect: hostAndCoolingControlClass(this.hotInletGuest) }"
-          ></span>
-          <div class="outInre">
-            {{ getValueByType(this.hotInletGuest, "13") }}bar
-          </div>
-        </div>
-      </div>
-      <line-children
-        :angle1="-45"
-        :angle2="0"
-        :lineWidth1="90"
-        :lineWidth2="240"
-        class="hotOut-line"
-      ></line-children>
-      <!--供暖区出水阀  -->
-      <div class="hotIn-vavle">
-        <div class="water-flow-li">
-          <span
-            @click="goControlList(hotOutletBuild, null, '裙楼供暖出水阀')"
-            style="cursor: pointer"
-            >裙楼供暖出水阀:</span
-          >
-          <span
-            class="break"
-            :class="{
-              connect: hostAndCoolingControlClass(this.hotOutletBuild),
-            }"
-          ></span>
-          <div class="outInre">
-            {{ getValueByType(this.hotOutletBuild, "13") }}bar
-          </div>
-        </div>
-        <div class="water-flow-li">
-          <span
-            @click="goControlList(hotOutletGuest, null, '客房供暖出水阀')"
-            style="cursor: pointer"
-            >客房供暖出水阀:</span
-          >
-          <span
-            class="break"
-            :class="{
-              connect: hostAndCoolingControlClass(this.hotOutletGuest),
-            }"
-          ></span>
-          <div class="outInre">
-            {{ getValueByType(this.hotOutletGuest, "13") }}bar
-          </div>
-        </div>
-      </div>
-      <line-children
-        :angle1="-45"
-        :angle2="0"
-        :lineWidth1="170"
-        :lineWidth2="240"
-        class="hotIn-line"
-      ></line-children>
+
+      <!-- 旁通阀 -->
+      <div class="bypassValveData">{{ bypassValveFeedback }}%</div>
+      <div class="bypassValve" @click="bypassValveControl()">旁通阀</div>
     </div>
     <!-- 报警弹框内容 -->
-    <el-dialog
-      title="报警内容"
-      :visible.sync="openDialog"
-      width="680px"
-      append-to-body
-    >
+    <el-dialog title="报警内容" :visible.sync="openDialog" width="680px" append-to-body>
       <el-table :data="alarmList" height="600px">
-        <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-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>
     <!-- 控制弹框内容 -->
-    <el-dialog
-      :title="controlTitle"
-      :visible.sync="openControlDialog"
-      width="850px"
-      append-to-body
-      class="monitor-dialog"
-    >
+    <el-dialog :title="controlTitle" :visible.sync="openControlDialog" width="850px" append-to-body
+      class="monitor-dialog">
       <div class="device-container">
         <div class="device-li">
           <div class="device-name">手自动切换</div>
           <div class="device-name">手动控制</div>
-          <div
-            class="device-name"
-            v-if="hasFrequencySet(controlArr[0], 'frequencyAutotext')"
-          >
+          <div class="device-name" v-if="hasFrequencySet(controlArr[0], 'frequencyAutotext')">
             频率手自动切换
           </div>
-          <div
-            v-if="hasFrequencySet(controlArr[0], 'frequency')"
-            class="device-name"
-          >
+          <div v-if="hasFrequencySet(controlArr[0], 'frequency')" class="device-name">
             频率反馈
           </div>
-          <div
-            v-if="hasFrequencySet(controlArr[0], 'frequencySet')"
-            class="device-name"
-          >
+          <div v-if="hasFrequencySet(controlArr[0], 'frequencySet')" class="device-name">
             频率调节
           </div>
         </div>
-        <div
-          class="device-li"
-          v-for="(item, index) in controlArr"
-          :key="index + 1"
-        >
+        <div class="device-li" v-for="(item, index) in controlArr" :key="index + 1">
           <div class="device-name">
-            <el-switch
-              style="display: block"
-              v-model="item.automaticText"
-              active-color="#13ce66"
-              inactive-color="#ff4949"
-              active-text="手动"
-              inactive-text="自动"
-              @change="handleAutomaticText(item)"
-            >
+            <el-switch style="display: block" v-model="item.automaticText" active-color="#13ce66"
+              inactive-color="#ff4949" active-text="手动" inactive-text="自动" @change="handleAutomaticText(item)">
             </el-switch>
           </div>
           <div class="device-name">
-            <el-switch
-              style="display: block"
-              v-model="item.controlText"
-              active-color="#13ce66"
-              inactive-color="#ff4949"
-              active-text="开启"
-              inactive-text="停止"
-              @change="handleControlText(item)"
-            >
+            <el-switch style="display: block" v-model="item.controlText" active-color="#13ce66" inactive-color="#ff4949"
+              active-text="开启" inactive-text="停止" @change="handleControlText(item)">
             </el-switch>
           </div>
           <!-- 频率-手自动切换 -->
-          <div
-            class="device-name"
-            v-if="hasFrequencySet(controlArr[0], 'frequencyAutotext')"
-          >
-            <el-switch
-              style="display: block"
-              v-model="item.frequencyAutotext"
-              active-color="#13ce66"
-              inactive-color="#ff4949"
-              active-text="手动"
-              inactive-text="自动"
-              @change="handleFrequencyAutomaticText(item)"
-            >
+          <div class="device-name" v-if="hasFrequencySet(controlArr[0], 'frequencyAutotext')">
+            <el-switch style="display: block" v-model="item.frequencyAutotext" active-color="#13ce66"
+              inactive-color="#ff4949" active-text="手动" inactive-text="自动" @change="handleFrequencyAutomaticText(item)">
             </el-switch>
           </div>
-          <div
-            class="device-name2"
-            v-if="hasFrequencySet(controlArr[0], 'frequency')"
-          >
+          <div class="device-name" v-if="hasFrequencySet(controlArr[0], 'frequency')">
             {{ item.frequency }}Hz
           </div>
           <!-- 频率调节 -->
           <div v-if="hasFrequencySet(controlArr[0], 'frequencySet')">
-            <el-input
-              v-model="item.frequencySet"
-              size="mini"
-              @keyup.enter.native="handleEnter(item, $event)"
-              @input="handleInput(item)"
-              @blur="handleBlur()"
-              :disabled="!item.frequencyAutotext"
-            ></el-input>
+            <el-input v-model="item.frequencySet" size="mini" @keyup.enter.native="handleEnter(item, $event)"
+              @input="handleInput(item)" @blur="handleBlur()" :disabled="!item.frequencyAutotext"></el-input>
+          </div>
+        </div>
+      </div>
+    </el-dialog>
+    <!-- 旁通阀弹框内容 -->
+    <el-dialog title="旁通阀控制" :visible.sync="openBypassValveDialog" width="850px" append-to-body
+      class="monitor-dialog">
+      <div class="device-container">
+        <div class="device-li">
+          <div class="device-name">设备名称</div>
+          <div class="device-name">开度反馈</div>
+          <div class="device-name">开度设置</div>
+        </div>
+        <div class="device-li">
+          <div class="device-name">{{ bypassValveData.deviceName }}</div>
+          <div class="device-name">{{ bypassValveData.openingFeedback }}%</div>
+          <div class="device-name">
+            <el-input v-model="bypassValveData.openingSet" size="mini"
+              @keyup.enter.native="handleBypassValveEnter($event)"
+              @input="handleBypassValveInput()" @blur="handleBlur()">
+            </el-input>
           </div>
         </div>
       </div>
@@ -1130,6 +370,7 @@ export default {
       steamHeatingInTem: "", //回水温度
       steamHeatingOutTem: "", //供水温度
       freezingManifold: [], //冷冻总管
+      bypassValveSet: [],  //旁通阀
       isShowOn: false, //一键启停,false是Off,true显示On
       oneKeyButtonId: "",
 
@@ -1190,6 +431,15 @@ export default {
       openControlDialog: false,
       controlArr: [],
 
+      // 旁通阀弹框
+      openBypassValveDialog: false,
+      bypassValveData: {
+        openingFeedback: '', // 开度反馈值
+        openingSet: '',      // 开度设置值
+        openingSetId: '',    // 开度设置ID
+        deviceName: '',      // 设备名称
+      },
+
       hostAddTime: "", //主机加载时间
       hostReduceTime: "", //主机减载时间
     };
@@ -1214,8 +464,13 @@ export default {
       const weekDay = weekDays[this.currentDate.getDay()];
       return `${year}年${month}月${day}日 ${hours}:${minutes}:${seconds} ${weekDay}`;
     },
+    bypassValveFeedback() {
+      if (!this.bypassValveSet || this.bypassValveSet.length === 0) return '';
+      const feedback = this.bypassValveSet.find(item => item.paramType === '54');
+      return feedback ? feedback.collectValue : '--';
+    },
   },
-  created() {},
+  created() { },
   mounted() {
     // 在组件挂载后尝试进入全屏
     this.requestFullscreen();
@@ -1231,14 +486,14 @@ export default {
 
     // 设置定时器，每 10 秒执行一次
     this.timer = setInterval(() => {
-      this.getWeatherData();
-      this.getSystemMode();
-      this.getPerformance();
-      this.getOneKeyButton();
-      this.getMonitorList();
-      this.getSteamHeatingData();
-      this.getAlarnStatus();
-      this.getDayData();
+      // this.getWeatherData();
+      // this.getSystemMode();
+      // this.getPerformance();
+      // this.getOneKeyButton();
+      // this.getMonitorList();
+      // this.getSteamHeatingData();
+      // this.getAlarnStatus();
+      // this.getDayData();
     }, 10000);
     // 每秒更新一次时间
     this.nowTimer = setInterval(() => {
@@ -1449,7 +704,7 @@ export default {
               this.getOneKeyButton();
             });
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // 主机加减载时间min
     getPolicyList() {
@@ -1512,6 +767,7 @@ export default {
           this.hotInletBuild = []; //裙楼供暖进水阀
           this.hotOutletGuest = []; //客房供暖出水阀
           this.hotInletGuest = []; //客房供暖进水阀
+          this.bypassValveSet = [];  //旁通阀
 
           res.rows.forEach((row) => {
             switch (row.name) {
@@ -1604,6 +860,10 @@ export default {
                 console.log("客房供冷出水阀", this.coolingOutletGuest);
                 console.log("客房供暖出水阀", this.hotOutletGuest);
                 break;
+              case "23":
+                this.bypassValveSet = row.values;
+                console.log("旁通阀", this.bypassValveSet);
+                break;
               default:
                 break;
             }
@@ -2010,7 +1270,7 @@ export default {
           const propertyName = `coolingPumpHz${index}`;
           // 使用方括号语法动态设置属性值
           this[propertyName] = item.collectValue;
-          // this.coolingPumpHz[index] = item.collectValue;
+          this.coolingPumpHz[index] = item.collectValue;
           return true;
         }
       }
@@ -2218,6 +1478,7 @@ export default {
       const towerNumber = index;
       const targetPropertyName = `${towerNumber}号冷却塔风机${item}频率反馈`;
       // console.log("targetPropertyName",targetPropertyName)
+      // console.log("filteredProperties",filteredProperties)
       // 在新数组中查找与目标名称匹配的对象，并检查其 collectValue 是否不为 "0.00"
       for (let i = 0; i < filteredProperties.length; i++) {
         const collectName = filteredProperties[i].collectName;
@@ -2226,9 +1487,9 @@ export default {
           collectName.includes("频率反馈")
         ) {
           // 动态构造 coolingTowerHz 相关属性名
-          const coolingTowerHzPropertyName = `coolingTowerHz${towerNumber}`;
+          const coolingTowerHzPropertyName = `coolingTowerHz${item}`;
           // console.log(
-          //   "coolingTowerHzPropertyName---",
+          //   `coolingTowerHz${towerNumber}`,
           //   coolingTowerHzPropertyName
           // );
           // 获取 collectValue 转换为数字后的值
@@ -2239,7 +1500,7 @@ export default {
           //   "coolingTowerHzPropertyName])",
           //   coolingTowerHzPropertyName
           // );
-          // console.log("Number(filteredProperties[i].collectValue)", value);
+          // console.log(`${coolingTowerHzPropertyName}`, value);
           return true;
         }
       }
@@ -2719,6 +1980,102 @@ export default {
       // this.exitFullscreen();
       this.$router.push("/alarm/alarmRecord");
     },
+    // 风机控制  index代表冷却塔几，val代表风机几
+    goControlFanList(itemArr, index, val) {
+      console.log("itemArr", itemArr, index, val);
+      // 处理properties值,
+      this.controlArr = [];
+      this.controlTitle = "";
+      itemArr.forEach((item) => {
+        // 构建期望的设备名称格式
+        const expectedDeviceName = `${index}号冷却塔`;
+        const expectedCollectName = `${index}号冷却塔风机${val}`;
+        // 检查 item 的 deviceName 是否符合期望格式
+        console.log("item.deviceName", item.deviceName);
+        if (item.deviceName.includes(expectedDeviceName)) {
+          // 初始化一个空对象来存储非蝶阀处理后的结果
+          let deviceItem = {};
+          let properties = [];
+          // 如果符合条件，则将 item.properties 赋值给 properties
+          properties = item.properties;
+          console.log("匹配的当前的设备数据", properties);
+          properties.forEach((child) => {
+            if (child.collectName.includes(expectedCollectName)) {
+              this.controlTitle = expectedCollectName;
+              deviceItem.name = expectedCollectName;
+              // 手动控制
+              if (
+                child.paramType === "2" &&
+                !child.collectName.includes("阀") &&
+                child.collectName.includes("启停")
+              ) {
+                deviceItem.controlText =
+                  Number(child.collectValue) == 0 ? false : true;
+                deviceItem.controlId = child.id;
+              }
+              // 阀门的-手动控制
+              else if (
+                child.paramType === "2" &&
+                child.collectName.includes("阀")
+              ) {
+                deviceItem.controlText =
+                  Number(child.collectValue) == 0 ? false : true;
+                deviceItem.controlId = child.id;
+              }
+              // 手自动切换    0自动1手动
+              else if (
+                child.paramType === "6" &&
+                !child.collectName.includes("阀")
+              ) {
+                deviceItem.automaticText =
+                  Number(child.collectValue) == 0 ? false : true;
+                deviceItem.automaticId = child.id;
+              }
+              // 阀门的-手自动切换
+              else if (
+                child.paramType === "6" &&
+                child.collectName.includes("阀")
+              ) {
+                deviceItem.automaticText =
+                  Number(child.collectValue) == 0 ? false : true;
+                deviceItem.automaticId = child.id;
+              }
+              // 频率-手自动切换
+              else if (
+                child.paramType === "40" &&
+                !child.collectName.includes("阀")
+              ) {
+                deviceItem.frequencyAutotext =
+                  Number(child.collectValue) == 0 ? false : true;
+                deviceItem.frequencyAutotextId = child.id;
+              }
+              // 频率调节
+              else if (
+                child.paramType === "3" &&
+                !child.collectName.includes("阀")
+              ) {
+                deviceItem.frequencySet =
+                  Number(child.collectValue) == 0 ? "0" : child.collectValue;
+                deviceItem.frequencyId = child.id;
+              }
+              // 频率反馈
+              else if (
+                child.paramType === "4" &&
+                child.collectName.includes("频率反馈")
+              ) {
+                deviceItem.frequency = child.collectValue;
+              }
+            }
+          });
+          // 将处理后的对象添加到 deviceList 中
+          if (Object.keys(deviceItem).length > 1) {
+            this.controlArr.push(deviceItem);
+          }
+          console.log("处理后的this.controlArr", this.controlArr);
+          this.openControlDialog = true;
+        }
+      });
+    },
     // 控制
     goControlList(item, index, name) {
       console.log("item1111111111111111111", item, index, name);
@@ -2845,6 +2202,64 @@ export default {
         item[name] !== ""
       );
     },
+    // 旁通阀数据
+    bypassValveControl() {
+      if (!this.bypassValveSet || this.bypassValveSet.length === 0) {
+        this.$modal.msgWarning("暂无旁通阀数据");
+        return;
+      }
+      // 解析旁通阀数据
+      this.bypassValveData = {
+        openingFeedback: '',
+        openingSet: '',
+        openingSetId: '',
+        deviceName: '',
+      };
+      this.bypassValveSet.forEach((item) => {
+        this.bypassValveData.deviceName = item.deviceName;
+        // paramType 54 为开度反馈
+        if (item.paramType === '54') {
+          this.bypassValveData.openingFeedback = Number(item.collectValue) == 0 ? '0' : item.collectValue;
+        }
+        // paramType 53 为开度设置
+        if (item.paramType === '53') {
+          this.bypassValveData.openingSet = Number(item.collectValue) == 0 ? '0' : item.collectValue;
+          this.bypassValveData.openingSetId = item.id;
+        }
+      });
+      this.openBypassValveDialog = true;
+    },
+    // 旁通阀-输入校验
+    handleBypassValveInput() {
+      this.bypassValveData.openingSet = String(this.bypassValveData.openingSet).replace(/[^\d.]/g, "");
+    },
+    // 旁通阀-回车确认
+    handleBypassValveEnter(event) {
+      event.target.blur();
+      const val = this.bypassValveData.openingSet;
+      if (val === '' || val === null || val === undefined) {
+        this.$modal.msgError("请输入开度设置值");
+        return;
+      }
+      const numVal = parseFloat(val);
+      if (isNaN(numVal) || numVal < 0 || numVal > 100) {
+        this.$modal.msgError("开度设置值范围为0-100");
+        return;
+      }
+      this.$confirm(
+        `确定要修改"${this.bypassValveData.deviceName}"的开度为:${val}%吗?`,
+        "提示",
+        {
+          confirmButtonText: "确定",
+          cancelButtonText: "取消",
+          type: "warning",
+        }
+      )
+        .then(() => {
+          this.hadleOperationConrol(this.bypassValveData.openingSetId, val);
+        })
+        .catch(() => {});
+    },
     // 处理输入事件，过滤非数字字符
     handleInput(item) {
       console.log("校验");
@@ -2879,8 +2294,7 @@ export default {
     //手动控制
     handleControlText(item) {
       this.$confirm(
-        `确定要切换设备"${item.name}"的状态为:${
-          item.controlText ? "开启" : "停止 吗?"
+        `确定要切换设备"${item.name}"的状态为:${item.controlText ? "开启" : "停止 吗?"
         }`,
         "提示",
         {
@@ -2909,8 +2323,7 @@ export default {
     // 手自动切换
     handleAutomaticText(item) {
       this.$confirm(
-        `确定要切换设备"${item.name}"的状态为:${
-          item.automaticText ? "手动" : "自动 吗?"
+        `确定要切换设备"${item.name}"的状态为:${item.automaticText ? "手动" : "自动 吗?"
         }`,
         "提示",
         {
@@ -2939,8 +2352,7 @@ export default {
     // 频率-手自动切换
     handleFrequencyAutomaticText(item) {
       this.$confirm(
-        `确定要切换"${item.name}"的频率手自动状态为:${
-          item.frequencyAutotext ? "手动" : "自动 吗?"
+        `确定要切换"${item.name}"的频率手自动状态为:${item.frequencyAutotext ? "手动" : "自动 吗?"
         }`,
         "提示",
         {
@@ -3008,6 +2420,7 @@ export default {
   height: auto;
   background-color: black;
   color: #fff;
+
   .monitor-top {
     width: 100%;
     display: flex;
@@ -3017,18 +2430,22 @@ export default {
     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%;
@@ -3040,6 +2457,7 @@ export default {
       z-index: 100;
       cursor: pointer;
     }
+
     .nowTime {
       position: absolute;
       top: 0.37rem;
@@ -3049,6 +2467,7 @@ export default {
       font-weight: bold;
       z-index: 100;
     }
+
     .sys-logo {
       width: 1.8rem;
       height: 0.5rem;
@@ -3057,6 +2476,7 @@ export default {
       left: 0.8rem;
       z-index: 10;
     }
+
     .monitor-time {
       position: absolute;
       top: 0.44rem;
@@ -3066,6 +2486,7 @@ export default {
       color: #ffffff;
       font-weight: bold;
     }
+
     .icon_warning {
       position: absolute;
       top: 0.39rem;
@@ -3078,14 +2499,17 @@ export default {
       /* 添加闪烁动画 */
       animation: blink 1s infinite;
     }
+
     @keyframes blink {
       100% {
         opacity: 1;
       }
+
       50% {
         opacity: 0;
       }
     }
+
     .icon_home {
       position: absolute;
       top: 0.39rem;
@@ -3096,6 +2520,7 @@ export default {
       margin: 0 0.2rem 0 0.27rem;
       cursor: pointer;
     }
+
     .back-icon {
       position: absolute;
       top: 0.39rem;
@@ -3106,11 +2531,13 @@ export default {
       cursor: pointer;
     }
   }
+
   .monitor-content {
     width: 16rem;
     min-height: calc(10.74rem - 1rem);
     position: relative;
     margin-left: calc((100% - 16rem) / 2);
+
     .sys-logo {
       width: 1.9rem;
       height: 0.56rem;
@@ -3119,6 +2546,7 @@ export default {
       left: 0;
       z-index: 10;
     }
+
     .sys-title {
       background-image: url(../../../assets/images/top.png);
       background-size: 100% 100%;
@@ -3136,35 +2564,39 @@ export default {
       align-items: center;
       justify-content: center;
     }
+
     .monitor-img {
       position: absolute;
-      top: 0.2rem;
-      left: calc((100% - 15.4rem) / 2);
+      top: 0.4rem;
+      left: calc((100% - 15rem) / 2);
       // left:1rem;
-      width: 15.4rem;
-      height: 9.25rem;
+      width: 15rem;
+      height: 8.8rem;
       z-index: 1;
     }
+
     .fan-img1 {
       z-index: 10;
       position: absolute;
-      top: 1.04rem;
-      left: 7.2rem;
+      top: 0.25rem;
+      left: 6rem;
       width: 0.5rem;
       height: 0.5rem;
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     .fan-img2 {
       z-index: 10;
       position: absolute;
-      top: 0.98rem;
-      left: 7.65rem;
+      top: 0.4rem;
+      left: 5.5rem;
       width: 0.5rem;
       height: 0.5rem;
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     .fan-img3 {
       z-index: 10;
       position: absolute;
@@ -3175,28 +2607,32 @@ export default {
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     /* 定义 fan 动画关键帧 */
     @keyframes fan {
       0% {
         /* 修改初始旋转角度 */
         transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
       }
+
       100% {
         /* 修改结束旋转角度 */
         transform: translateX(-50%) rotateX(60deg) rotateZ(360deg);
       }
     }
+
     .towerValve1 {
       cursor: pointer;
       z-index: 10;
       position: absolute;
-      top: 1.43rem;
-      left: 7.7rem;
+      top: 0.93rem;
+      left: 6.4rem;
       width: 0.18rem;
       height: 0.18rem;
       background-color: #ebebeb;
       border-radius: 50%;
     }
+
     .towerValve2 {
       cursor: pointer;
       z-index: 10;
@@ -3208,6 +2644,7 @@ export default {
       background-color: #ebebeb;
       border-radius: 50%;
     }
+
     .towerValve3 {
       cursor: pointer;
       z-index: 10;
@@ -3219,6 +2656,7 @@ export default {
       background-color: #ebebeb;
       border-radius: 50%;
     }
+
     .towerValve4 {
       cursor: pointer;
       z-index: 10;
@@ -3230,6 +2668,7 @@ export default {
       background-color: #ebebeb;
       border-radius: 50%;
     }
+
     .towerValve5 {
       cursor: pointer;
       z-index: 10;
@@ -3241,6 +2680,7 @@ export default {
       background-color: #ebebeb;
       border-radius: 50%;
     }
+
     .towerValve6 {
       cursor: pointer;
       z-index: 10;
@@ -3252,60 +2692,67 @@ export default {
       background-color: #ebebeb;
       border-radius: 50%;
     }
+
     .in-arrow {
       position: absolute;
-      top: 3.46rem;
-      right: 2.78rem;
+      top: 3.26rem;
+      right: 4.3rem;
       transform: rotate(180deg);
       width: 0.3rem;
       height: 0.45rem;
       z-index: 10;
     }
+
     .out-arrow {
       position: absolute;
-      top: 3.4rem;
-      right: 3.05rem;
+      top: 4.3rem;
+      right: 1.7rem;
       width: 0.3rem;
       height: 0.45rem;
       z-index: 10;
     }
+
     .coolingInTem {
       z-index: 10;
       position: absolute;
-      top: 2.9rem;
-      left: 6.8rem;
+      top: 2.8rem;
+      left: 7.4rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .coolingOutTem {
       z-index: 10;
       position: absolute;
-      top: 2.9rem;
-      left: 5.85rem;
+      top: 3.4rem;
+      left: 4rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .freezingInTem {
       z-index: 10;
       position: absolute;
-      top: 4rem;
-      right: 5.5rem;
+      top: 5rem;
+      right: 5.3rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .freezingOutTem {
       z-index: 10;
       position: absolute;
-      top: 4.2rem;
-      right: 5.05rem;
+      top: 5.8rem;
+      right: 3.6rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .freezingOutWater {
       z-index: 10;
       position: absolute;
-      top: 5.43rem;
-      right: 5.1rem;
+      top: 6.75rem;
+      right: 4.9rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
@@ -3313,37 +2760,42 @@ export default {
     .freezingInPre {
       z-index: 10;
       position: absolute;
-      top: 4.3rem;
-      right: 6.3rem;
+      top: 5.5rem;
+      right: 5.8rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .freezingOutPre {
       z-index: 10;
       position: absolute;
-      top: 4.7rem;
-      right: 6rem;
+      top: 6.3rem;
+      right: 4rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .host-line1 {
       position: absolute;
-      left: -0.5rem;
-      top: 6.55rem;
+      left: 1.92rem;
+      top: 6.3rem;
       z-index: 10;
     }
+
     .host-line2 {
       position: absolute;
       left: -0.5rem;
       top: 7.3rem;
       z-index: 10;
     }
+
     .host-line3 {
       position: absolute;
       left: -0.4rem;
       top: 8.02rem;
       z-index: 10;
     }
+
     .setTem1 {
       z-index: 10;
       font-size: 0.16rem;
@@ -3352,10 +2804,13 @@ export default {
       position: absolute;
       top: 6.8rem;
       left: 4.1rem;
-      transform: rotateX(20deg) rotateY(0deg) rotateZ(-22deg); /* 分别在 X、Y、Z 轴上旋转 */
-      transform-origin: bottom center; /* 设置旋转的基点为底部中心 */
+      transform: rotateX(20deg) rotateY(0deg) rotateZ(-22deg);
+      /* 分别在 X、Y、Z 轴上旋转 */
+      transform-origin: bottom center;
+      /* 设置旋转的基点为底部中心 */
       text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
     }
+
     .setTem2 {
       z-index: 10;
       font-size: 0.16rem;
@@ -3364,10 +2819,13 @@ export default {
       position: absolute;
       top: 6.12rem;
       left: 5.9rem;
-      transform: rotateX(20deg) rotateY(0deg) rotateZ(-22deg); /* 分别在 X、Y、Z 轴上旋转 */
-      transform-origin: bottom center; /* 设置旋转的基点为底部中心 */
+      transform: rotateX(20deg) rotateY(0deg) rotateZ(-22deg);
+      /* 分别在 X、Y、Z 轴上旋转 */
+      transform-origin: bottom center;
+      /* 设置旋转的基点为底部中心 */
       text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
     }
+
     .setTem3 {
       z-index: 10;
       font-size: 0.16rem;
@@ -3376,10 +2834,13 @@ export default {
       position: absolute;
       top: 5.5rem;
       left: 7.8rem;
-      transform: rotateX(20deg) rotateY(0deg) rotateZ(-22deg); /* 分别在 X、Y、Z 轴上旋转 */
-      transform-origin: bottom center; /* 设置旋转的基点为底部中心 */
+      transform: rotateX(20deg) rotateY(0deg) rotateZ(-22deg);
+      /* 分别在 X、Y、Z 轴上旋转 */
+      transform-origin: bottom center;
+      /* 设置旋转的基点为底部中心 */
       text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
     }
+
     .hostName1 {
       cursor: pointer;
       border-bottom: 1px solid rgba(0, 255, 255, 1);
@@ -3388,12 +2849,16 @@ export default {
       font-weight: bold;
       color: aqua;
       position: absolute;
-      top: 6.35rem;
-      left: 3.05rem;
-      transform: rotateX(50deg) rotateY(0deg) rotateZ(46deg); /* 分别在 X、Y、Z 轴上旋转 */
-      transform-origin: bottom center; /* 设置旋转的基点为底部中心 */
-      text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9); /* 添加文字阴影增强立体感 */
+      top: 5.7rem;
+      left: 6.45rem;
+      transform: rotateX(50deg) rotateY(0deg) rotateZ(40deg);
+      /* 分别在 X、Y、Z 轴上旋转 */
+      transform-origin: bottom center;
+      /* 设置旋转的基点为底部中心 */
+      text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
+      /* 添加文字阴影增强立体感 */
     }
+
     .hostName2 {
       cursor: pointer;
       border-bottom: 1px solid rgba(0, 255, 255, 1);
@@ -3408,6 +2873,7 @@ export default {
       transform-origin: bottom center;
       text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
     }
+
     .hostName3 {
       cursor: pointer;
       border-bottom: 1px solid rgba(0, 255, 255, 1);
@@ -3422,27 +2888,31 @@ export default {
       transform-origin: bottom center;
       text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
     }
+
     /* 定义 host 动画关键帧 */
     @keyframes host {
       0% {
         /* 修改初始旋转角度 */
         transform: translateX(-50%) rotateX(15deg) rotateZ(0deg);
       }
+
       100% {
         /* 修改结束旋转角度 */
         transform: translateX(-50%) rotateX(15deg) rotateZ(360deg);
       }
     }
+
     .host-img1 {
       z-index: 10;
       position: absolute;
-      top: 6.25rem;
-      left: 4.5rem;
+      top: 5.52rem;
+      left: 8rem;
       width: 0.4rem;
       height: 0.4rem;
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateY(0deg) rotateX(0deg) rotateZ(0deg);
     }
+
     .host-img2 {
       z-index: 10;
       position: absolute;
@@ -3453,6 +2923,7 @@ export default {
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(0deg) rotateZ(0deg);
     }
+
     .host-img3 {
       z-index: 10;
       position: absolute;
@@ -3463,11 +2934,12 @@ export default {
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(15deg) rotateZ(0deg);
     }
+
     .host-main1 {
       z-index: 100;
       position: absolute;
-      top: 5.39rem;
-      left: 4.15rem;
+      top: 4.8rem;
+      left: 7.4rem;
       width: 1.6rem;
       height: 1.2rem;
       // background-color: #007bff;
@@ -3475,8 +2947,9 @@ export default {
       cursor: pointer;
       opacity: 0.4;
       transform-style: preserve-3d;
-      transform: translateX(-50%) rotateY(0deg) rotateX(0deg) rotateZ(35deg);
+      transform: translateX(-50%) rotateY(0deg) rotateX(0deg) rotateZ(25deg);
     }
+
     .host-main2 {
       z-index: 100;
       position: absolute;
@@ -3491,6 +2964,7 @@ export default {
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateY(0deg) rotateX(0deg) rotateZ(30deg);
     }
+
     .host-main3 {
       z-index: 100;
       position: absolute;
@@ -3505,14 +2979,16 @@ export default {
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateY(0deg) rotateX(0deg) rotateZ(25deg);
     }
+
     .hostLoad1 {
       z-index: 10;
       position: absolute;
-      top: 5.9rem;
-      left: 4.09rem;
+      top: 5.1rem;
+      left: 7.2rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .hostLoad2 {
       z-index: 10;
       position: absolute;
@@ -3521,6 +2997,7 @@ export default {
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .hostLoad3 {
       z-index: 10;
       position: absolute;
@@ -3529,13 +3006,15 @@ export default {
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .water-flow1 {
       z-index: 10;
       position: absolute;
-      top: 7rem;
-      left: 0.6rem;
+      top: 6.7rem;
+      left: 3rem;
       font-size: 0.16rem;
     }
+
     .water-flow2 {
       z-index: 10;
       position: absolute;
@@ -3543,6 +3022,7 @@ export default {
       left: 0.6rem;
       font-size: 0.16rem;
     }
+
     .water-flow3 {
       z-index: 10;
       position: absolute;
@@ -3550,17 +3030,20 @@ export default {
       left: 0.8rem;
       font-size: 0.16rem;
     }
+
     .water-flow-li {
       margin-bottom: 0.04rem;
       color: #46f1e3;
       display: flex;
       flex-direction: row;
       align-items: center;
+
       span {
         background-color: rgba(0, 255, 255, 0.2);
         border-radius: 0.1rem;
         padding: 0.01rem 0.03rem;
       }
+
       .break {
         margin-left: 0.07rem;
         display: inline-block;
@@ -3570,22 +3053,27 @@ export default {
         border: 1px solid #46f1e3;
         background-color: transparent !important;
       }
+
       .connect {
         animation: blink 1s infinite;
         background-color: #38fc52 !important;
       }
     }
+
     .moveClass {
       animation: host 2s linear infinite;
     }
+
     .moveClass2 {
       animation: fan 2s linear infinite;
     }
+
     .startClass {
       /* 应用动画 */
       animation: blink 1s infinite;
       background-color: #38fc52 !important;
     }
+
     .hostStatus1 {
       z-index: 10;
       position: absolute;
@@ -3595,6 +3083,7 @@ export default {
       height: 0.18rem;
       border-radius: 50%;
     }
+
     .hostStatus2 {
       z-index: 10;
       position: absolute;
@@ -3604,6 +3093,7 @@ export default {
       height: 0.18rem;
       border-radius: 50%;
     }
+
     .hostStatus3 {
       z-index: 10;
       position: absolute;
@@ -3613,6 +3103,7 @@ export default {
       height: 0.18rem;
       border-radius: 50%;
     }
+
     .coolingPump1 {
       cursor: pointer;
       z-index: 10;
@@ -3620,9 +3111,10 @@ export default {
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
-      top: 3.9rem;
-      left: 7.23rem;
+      top: 4.1rem;
+      left: 7.05rem;
     }
+
     .coolingPump2 {
       cursor: pointer;
       z-index: 10;
@@ -3630,9 +3122,10 @@ export default {
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
-      top: 3.75rem;
-      left: 7.68rem;
+      top: 3.65rem;
+      left: 8.3rem;
     }
+
     .coolingPump3 {
       cursor: pointer;
       z-index: 10;
@@ -3643,6 +3136,7 @@ export default {
       top: 3.6rem;
       left: 8.22rem;
     }
+
     .coolingPump4 {
       cursor: pointer;
       z-index: 10;
@@ -3653,6 +3147,7 @@ export default {
       top: 3.5rem;
       left: 8.68rem;
     }
+
     .coolingPump5 {
       cursor: pointer;
       z-index: 10;
@@ -3663,26 +3158,29 @@ export default {
       top: 3.4rem;
       left: 9.1rem;
     }
+
     .cooling-img1 {
       z-index: 10;
       position: absolute;
-      top: 3.48rem;
-      left: 7.25rem;
+      top: 3.64rem;
+      left: 7.13rem;
       width: 0.35rem;
       height: 0.35rem;
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     .cooling-img2 {
       z-index: 10;
       position: absolute;
-      top: 3.36rem;
-      left: 7.75rem;
+      top: 3.22rem;
+      left: 8.32rem;
       width: 0.35rem;
       height: 0.35rem;
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     .cooling-img3 {
       z-index: 10;
       position: absolute;
@@ -3693,6 +3191,7 @@ export default {
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     .cooling-img4 {
       z-index: 10;
       position: absolute;
@@ -3703,6 +3202,7 @@ export default {
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     .cooling-img5 {
       z-index: 10;
       position: absolute;
@@ -3713,22 +3213,25 @@ export default {
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     .cooling-hz1 {
       z-index: 10;
       position: absolute;
-      top: 3.42rem;
-      left: 6.95rem;
+      top: 3.55rem;
+      left: 6.9rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .cooling-hz2 {
       z-index: 10;
       position: absolute;
-      top: 3.3rem;
-      left: 7.5rem;
+      top: 3.15rem;
+      left: 8.1rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .cooling-hz3 {
       z-index: 10;
       position: absolute;
@@ -3737,6 +3240,7 @@ export default {
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .cooling-hz4 {
       z-index: 10;
       position: absolute;
@@ -3745,6 +3249,7 @@ export default {
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .cooling-hz5 {
       z-index: 10;
       position: absolute;
@@ -3753,6 +3258,7 @@ export default {
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .freezingPump1 {
       cursor: pointer;
       z-index: 10;
@@ -3760,9 +3266,10 @@ export default {
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
-      top: 7.8rem;
-      left: 6.2rem;
+      top: 7.5rem;
+      left: 7.79rem;
     }
+
     .freezingPump2 {
       cursor: pointer;
       z-index: 10;
@@ -3770,9 +3277,10 @@ export default {
       font-weight: bold;
       color: #46f1e3;
       position: absolute;
-      top: 7.43rem;
-      left: 6.96rem;
+      top: 6.8rem;
+      left: 9.3rem;
     }
+
     .freezingPump3 {
       cursor: pointer;
       z-index: 10;
@@ -3783,6 +3291,7 @@ export default {
       top: 6.7rem;
       left: 8.6rem;
     }
+
     .freezingPump4 {
       cursor: pointer;
       z-index: 10;
@@ -3793,6 +3302,7 @@ export default {
       top: 6.4rem;
       left: 9.15rem;
     }
+
     .freezingPump5 {
       cursor: pointer;
       z-index: 10;
@@ -3803,26 +3313,29 @@ export default {
       top: 6.2rem;
       left: 9.7rem;
     }
+
     .freezing-img1 {
       z-index: 10;
       position: absolute;
-      top: 7.25rem;
-      left: 6.25rem;
+      top: 6.97rem;
+      left: 7.9rem;
       width: 0.4rem;
       height: 0.4rem;
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     .freezing-img2 {
       z-index: 10;
       position: absolute;
-      top: 6.89rem;
-      left: 7.04rem;
+      top: 6.3rem;
+      left: 9.32rem;
       width: 0.4rem;
       height: 0.4rem;
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     .freezing-img3 {
       z-index: 10;
       position: absolute;
@@ -3833,6 +3346,7 @@ export default {
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     .freezing-img4 {
       z-index: 10;
       position: absolute;
@@ -3843,6 +3357,7 @@ export default {
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     .freezing-img5 {
       z-index: 10;
       position: absolute;
@@ -3853,22 +3368,25 @@ export default {
       transform-style: preserve-3d;
       transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
     }
+
     .freezing-hz1 {
       z-index: 10;
       position: absolute;
-      top: 7.21rem;
-      left: 6rem;
+      top: 6.9rem;
+      left: 7.6rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .freezing-hz2 {
       z-index: 10;
       position: absolute;
-      top: 6.85rem;
-      left: 6.82rem;
+      top: 6.25rem;
+      left: 9.1rem;
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .freezing-hz3 {
       z-index: 10;
       position: absolute;
@@ -3877,6 +3395,7 @@ export default {
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .freezing-hz4 {
       z-index: 10;
       position: absolute;
@@ -3885,6 +3404,7 @@ export default {
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .freezing-hz5 {
       z-index: 10;
       position: absolute;
@@ -3893,6 +3413,7 @@ export default {
       font-size: 0.16rem;
       font-weight: bold;
     }
+
     .coolingTower3 {
       cursor: pointer;
       z-index: 10;
@@ -3904,48 +3425,53 @@ export default {
       font-weight: bold;
       transform: rotateX(20deg) rotateY(-25deg) rotateZ(0deg);
     }
+
     .coolingTower2 {
       cursor: pointer;
       z-index: 10;
       font-size: 0.18rem;
       color: #46f1e3;
       position: absolute;
-      top: 1.73rem;
-      left: 7.75rem;
+      top: 1.53rem;
+      left: 5.6rem;
       font-weight: bold;
       transform: rotateX(20deg) rotateY(-25deg) rotateZ(0deg);
     }
+
     .coolingTower1 {
       cursor: pointer;
       z-index: 10;
       font-size: 0.18rem;
       color: #46f1e3;
       position: absolute;
-      top: 1.65rem;
-      left: 8.16rem;
+      top: 1.4rem;
+      left: 6.16rem;
       font-weight: bold;
       transform: rotateX(20deg) rotateY(-25deg) rotateZ(0deg);
     }
+
     .coolingTowerHz1 {
       z-index: 10;
       font-size: 0.16rem;
       color: #ffffff;
       position: absolute;
-      top: 0.86rem;
-      left: 7.71rem;
+      top: 0.22rem;
+      left: 5.65rem;
       font-weight: bold;
       transform: rotateX(20deg) rotateY(-25deg) rotateZ(-2deg);
     }
+
     .coolingTowerHz2 {
       z-index: 10;
       font-size: 0.16rem;
       color: #ffffff;
       position: absolute;
-      top: 0.95rem;
-      left: 7.22rem;
+      top: 0.35rem;
+      left: 5.05rem;
       font-weight: bold;
       transform: rotateX(20deg) rotateY(-25deg) rotateZ(-2deg);
     }
+
     .coolingTowerHz3 {
       z-index: 10;
       font-size: 0.16rem;
@@ -3956,18 +3482,22 @@ export default {
       font-weight: bold;
       transform: rotateX(20deg) rotateY(-25deg) rotateZ(-2deg);
     }
+
     /* 定义灯闪烁的动画 */
     @keyframes blink {
       0% {
         opacity: 1;
       }
+
       50% {
         opacity: 0.7;
       }
+
       100% {
         opacity: 1;
       }
     }
+
     .frozenValve1 {
       cursor: pointer;
       z-index: 10;
@@ -3979,6 +3509,7 @@ export default {
       background-color: #ebebeb;
       border-radius: 50%;
     }
+
     .frozenValve2 {
       cursor: pointer;
       z-index: 10;
@@ -3990,6 +3521,7 @@ export default {
       background-color: #ebebeb;
       border-radius: 50%;
     }
+
     .frozenValve3 {
       cursor: pointer;
       z-index: 10;
@@ -4001,6 +3533,7 @@ export default {
       background-color: #ebebeb;
       border-radius: 50%;
     }
+
     .coolingValue1 {
       cursor: pointer;
       z-index: 10;
@@ -4012,6 +3545,7 @@ export default {
       background-color: #ebebeb;
       border-radius: 50%;
     }
+
     .coolingValue2 {
       cursor: pointer;
       z-index: 10;
@@ -4023,6 +3557,7 @@ export default {
       background-color: #ebebeb;
       border-radius: 50%;
     }
+
     .coolingValue3 {
       cursor: pointer;
       z-index: 10;
@@ -4034,12 +3569,14 @@ export default {
       background-color: #ebebeb;
       border-radius: 50%;
     }
+
     .statusAndModel {
       z-index: 10;
       position: absolute;
-      top: 8.5rem;
-      right: 2.7rem;
+      top: 8.7rem;
+      right: 2.2rem;
       width: 3rem;
+
       .warnStatus {
         position: absolute;
         left: 0.04rem;
@@ -4048,20 +3585,24 @@ export default {
         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;
@@ -4069,6 +3610,7 @@ export default {
         width: 2.65rem;
         height: 0.83rem;
       }
+
       .sysNormal {
         position: absolute;
         top: 0.63rem;
@@ -4078,6 +3620,7 @@ export default {
         color: #89e8f5;
         letter-spacing: 0.02rem;
       }
+
       .sysWarning {
         position: absolute;
         top: 0.63rem;
@@ -4089,6 +3632,7 @@ export default {
         letter-spacing: 0.02rem;
         animation: blink 0.5s ease-in-out infinite;
       }
+
       .sysStatus {
         position: absolute;
         top: 0.2rem;
@@ -4099,13 +3643,33 @@ export default {
         letter-spacing: 0.02rem;
       }
     }
+
+    .bypassValveData {
+      z-index: 10;
+      position: absolute;
+      top: 4.8rem;
+      right: 3.8rem;
+      font-size: 0.16rem;
+      font-weight: bold;
+    }
+
+    .bypassValve {
+      z-index: 10;
+      position: absolute;
+      top: 5.2rem;
+      right: 3.8rem;
+      font-size: 0.16rem;
+      font-weight: bold;
+      cursor: pointer;
+    }
   }
+
   .weather {
     min-width: 2.85rem;
     min-height: 1.6rem;
     z-index: 10;
     position: absolute;
-    top: 0.8rem;
+    top: 0.2rem;
     left: 0rem;
     display: flex;
     flex-direction: column;
@@ -4120,6 +3684,7 @@ export default {
     background-repeat: no-repeat;
     padding: 0.15rem 0.1rem 0.25rem 0rem;
   }
+
   .weather-li {
     width: 100%;
     padding: 0.05rem 0 0.05rem 0.3rem;
@@ -4127,6 +3692,7 @@ export default {
     border-top: 1px solid transparent;
     border-bottom: 1px dashed #1a3f8f;
     position: relative;
+
     .deepColor {
       display: inline-block;
       margin: 0 0.1rem 0 0.05rem;
@@ -4142,16 +3708,17 @@ export default {
 
   .performance {
     position: absolute;
-    top: 6.1rem !important;
-    right: -0.6rem !important;
+    top: 6.4rem !important;
+    right: -1rem !important;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
     font-size: 0.16rem;
   }
+
   .perdformance-bg {
-    width: 2.85rem;
+    width: 2.9rem;
     z-index: 10;
     display: flex;
     flex-direction: column;
@@ -4164,6 +3731,7 @@ export default {
     background-repeat: no-repeat;
     padding: 0.15rem 0.1rem 0.25rem 0rem;
   }
+
   .title {
     z-index: 10;
     width: 100%;
@@ -4182,6 +3750,7 @@ export default {
     margin-bottom: 0.01rem;
     margin-left: 0.4rem;
   }
+
   .offClass {
     position: absolute;
     width: 1.6rem;
@@ -4197,6 +3766,7 @@ export default {
     align-items: center;
     justify-content: center;
     cursor: pointer;
+
     .off-bg {
       position: absolute;
       left: 0.38rem;
@@ -4213,28 +3783,39 @@ export default {
       color: #6cf02f;
       font-weight: bold;
     }
+
     .on-animation {
       animation: rotateZ 5s linear infinite;
-      transition: 0.6s; /* 设置过渡时间，控制翻转速度 */
-      transform-style: preserve-3d; /* 保持子元素的 3D 效果 */
+      transition: 0.6s;
+      /* 设置过渡时间，控制翻转速度 */
+      transform-style: preserve-3d;
+      /* 保持子元素的 3D 效果 */
     }
+
     /* 定义旋转动画 */
     @keyframes rotateZ {
       0% {
-        transform: rotateY(0deg); /* 初始状态，不旋转 */
+        transform: rotateY(0deg);
+        /* 初始状态，不旋转 */
       }
+
       50% {
-        transform: rotateY(180deg); /* 旋转到 180 度，呈现翻面效果 */
+        transform: rotateY(180deg);
+        /* 旋转到 180 度，呈现翻面效果 */
       }
+
       100% {
-        transform: rotateY(360deg); /* 旋转回 360 度，回到初始状态 */
+        transform: rotateY(360deg);
+        /* 旋转回 360 度，回到初始状态 */
       }
     }
   }
+
   /* 鼠标悬停时移除动画 */
   .offClass:hover .on-animation {
     animation: none;
   }
+
   .sysTips {
     position: absolute;
     top: 2.3rem;
@@ -4243,20 +3824,26 @@ export default {
     flex-direction: row;
     align-items: center;
     z-index: 10;
+
     .step {
       width: 0.2rem;
       height: 0.3rem;
       margin-right: 0.04rem;
       animation: moveRight 1s ease-in-out infinite alternate;
     }
+
     @keyframes moveRight {
       0% {
-        transform: translateX(0); /* 初始位置，不移动 */
+        transform: translateX(0);
+        /* 初始位置，不移动 */
       }
+
       100% {
-        transform: translateX(0.04rem); /* 向右移动 1rem 的距离 */
+        transform: translateX(0.04rem);
+        /* 向右移动 1rem 的距离 */
       }
     }
+
     .tips-text {
       border: 0.01rem solid transparent;
       border-image: linear-gradient(to right, #007bff, #00ffff);
@@ -4266,6 +3853,7 @@ export default {
       padding: 0.01rem 0.03rem;
     }
   }
+
   .funtion-menu1 {
     position: absolute;
     top: 7.2rem;
@@ -4277,12 +3865,14 @@ export default {
     width: 1.7rem;
     height: 0.8rem;
     cursor: pointer;
+
     .ditu {
       width: 1.7rem;
       height: 0.8rem;
       position: absolute;
       top: 0;
     }
+
     .menu-title {
       color: #46f1e3;
       font-size: 0.18rem;
@@ -4292,6 +3882,7 @@ export default {
       top: 0;
       left: 0.2rem;
       width: 1.25rem;
+
       div {
         position: relative;
         text-align: center;
@@ -4299,6 +3890,7 @@ export default {
         transition: all 0.3s;
         padding: 0.01rem 0.02rem;
         background-color: rgba(0, 255, 255, 0.2);
+
         &::before,
         &::after {
           content: "";
@@ -4312,20 +3904,26 @@ export default {
           border-radius: var(--bRadius);
           animation: clippath 3s infinite linear;
         }
+
         &::after {
           animation: clippath 3s infinite -1.5s linear;
         }
+
         @keyframes clippath {
+
           0%,
           100% {
             clip-path: inset(0 0 98% 0);
           }
+
           25% {
             clip-path: inset(0 98% 0 0);
           }
+
           50% {
             clip-path: inset(98% 0 0 0);
           }
+
           75% {
             clip-path: inset(0 0 0 98%);
           }
@@ -4333,16 +3931,19 @@ export default {
       }
     }
   }
+
   .menu2 {
     position: absolute;
     top: 8.6rem;
-    left: -1.4rem;
+    left: 0rem;
   }
+
   .funtion-menu1:hover {
     .menu-title {
       transform: scale(1.1);
     }
   }
+
   .hotClass {
     z-index: 10;
     position: absolute;
@@ -4352,6 +3953,7 @@ export default {
     color: #00ffff;
     font-weight: bold;
   }
+
   .coolingOut-line {
     z-index: 10;
     position: absolute;
@@ -4359,6 +3961,7 @@ export default {
     top: 2.95rem;
     z-index: 10;
   }
+
   .coolingOut-vavle {
     z-index: 10;
     position: absolute;
@@ -4366,6 +3969,7 @@ export default {
     right: 3.8rem;
     font-size: 0.16rem;
   }
+
   .coolingIn-line {
     z-index: 10;
     position: absolute;
@@ -4373,6 +3977,7 @@ export default {
     top: 3.2rem;
     z-index: 10;
   }
+
   .coolingIn-vavle {
     z-index: 10;
     position: absolute;
@@ -4380,6 +3985,7 @@ export default {
     right: 2.8rem;
     font-size: 0.16rem;
   }
+
   .hotIn-vavle {
     z-index: 10;
     position: absolute;
@@ -4387,6 +3993,7 @@ export default {
     right: -0.65rem;
     font-size: 0.16rem;
   }
+
   .hotIn-line {
     z-index: 10;
     position: absolute;
@@ -4394,6 +4001,7 @@ export default {
     right: 3.9rem;
     font-size: 0.16rem;
   }
+
   .hotOut-vavle {
     z-index: 10;
     position: absolute;
@@ -4401,6 +4009,7 @@ export default {
     right: -0.9rem;
     font-size: 0.16rem;
   }
+
   .hotOut-line {
     z-index: 10;
     position: absolute;
@@ -4408,12 +4017,14 @@ export default {
     right: 3.1rem;
     font-size: 0.16rem;
   }
+
   .outInre {
     font-size: 0.16rem;
     font-weight: bold;
     color: #ffffff;
     margin-left: 0.1rem;
   }
+
   .steamHeatingBoiler1 {
     border-bottom: 1px solid rgba(0, 255, 255, 1);
     z-index: 10;
@@ -4424,10 +4035,14 @@ export default {
     cursor: pointer;
     top: 4.9rem;
     left: 9.4rem;
-    transform: rotateX(50deg) rotateY(0deg) rotateZ(30deg); /* 分别在 X、Y、Z 轴上旋转 */
-    transform-origin: bottom center; /* 设置旋转的基点为底部中心 */
-    text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9); /* 添加文字阴影增强立体感 */
+    transform: rotateX(50deg) rotateY(0deg) rotateZ(30deg);
+    /* 分别在 X、Y、Z 轴上旋转 */
+    transform-origin: bottom center;
+    /* 设置旋转的基点为底部中心 */
+    text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
+    /* 添加文字阴影增强立体感 */
   }
+
   .steamHeatingBoiler2 {
     border-bottom: 1px solid rgba(0, 255, 255, 1);
     z-index: 10;
@@ -4438,10 +4053,14 @@ export default {
     cursor: pointer;
     top: 5.45rem;
     left: 10.9rem;
-    transform: rotateX(50deg) rotateY(0deg) rotateZ(30deg); /* 分别在 X、Y、Z 轴上旋转 */
-    transform-origin: bottom center; /* 设置旋转的基点为底部中心 */
-    text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9); /* 添加文字阴影增强立体感 */
+    transform: rotateX(50deg) rotateY(0deg) rotateZ(30deg);
+    /* 分别在 X、Y、Z 轴上旋转 */
+    transform-origin: bottom center;
+    /* 设置旋转的基点为底部中心 */
+    text-shadow: 0.02rem 0.02rem 0.04rem rgba(0, 0, 0, 0.9);
+    /* 添加文字阴影增强立体感 */
   }
+
   .steamHeatingBoiler-main1 {
     z-index: 100;
     position: absolute;
@@ -4454,6 +4073,7 @@ export default {
     opacity: 0.4;
     transform-style: preserve-3d;
   }
+
   .steamHeatingBoiler-main2 {
     z-index: 100;
     position: absolute;
@@ -4466,6 +4086,7 @@ export default {
     opacity: 0.4;
     transform-style: preserve-3d;
   }
+
   .steamHeatingBoiler-img1 {
     z-index: 10;
     position: absolute;
@@ -4476,6 +4097,7 @@ export default {
     transform-style: preserve-3d;
     transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
   }
+
   .steamHeatingBoiler-img2 {
     z-index: 10;
     position: absolute;
@@ -4486,6 +4108,7 @@ export default {
     transform-style: preserve-3d;
     transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
   }
+
   .steamHeatingPump1 {
     cursor: pointer;
     z-index: 10;
@@ -4496,6 +4119,7 @@ export default {
     top: 4.67rem;
     left: 11.3rem;
   }
+
   .steamHeatingPump2 {
     cursor: pointer;
     z-index: 10;
@@ -4506,6 +4130,7 @@ export default {
     top: 4.8rem;
     left: 11.78rem;
   }
+
   .steamHeatingPump3 {
     cursor: pointer;
     z-index: 10;
@@ -4516,6 +4141,7 @@ export default {
     top: 4.95rem;
     left: 12.3rem;
   }
+
   .steamHeatingPump-main1 {
     z-index: 100;
     position: absolute;
@@ -4528,6 +4154,7 @@ export default {
     opacity: 0.4;
     transform-style: preserve-3d;
   }
+
   .steamHeatingPump-main2 {
     z-index: 100;
     position: absolute;
@@ -4540,6 +4167,7 @@ export default {
     opacity: 0.4;
     transform-style: preserve-3d;
   }
+
   .steamHeatingPump-main3 {
     z-index: 100;
     position: absolute;
@@ -4552,6 +4180,7 @@ export default {
     opacity: 0.4;
     transform-style: preserve-3d;
   }
+
   .steamHeatingPump-img1 {
     z-index: 10;
     position: absolute;
@@ -4562,6 +4191,7 @@ export default {
     transform-style: preserve-3d;
     transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
   }
+
   .steamHeatingPump-img2 {
     z-index: 10;
     position: absolute;
@@ -4572,6 +4202,7 @@ export default {
     transform-style: preserve-3d;
     transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
   }
+
   .steamHeatingPump-img3 {
     z-index: 10;
     position: absolute;
@@ -4582,6 +4213,7 @@ export default {
     transform-style: preserve-3d;
     transform: translateX(-50%) rotateX(60deg) rotateZ(0deg);
   }
+
   .steamHeatingPump-hz1 {
     z-index: 10;
     position: absolute;
@@ -4590,6 +4222,7 @@ export default {
     font-size: 0.16rem;
     font-weight: bold;
   }
+
   .steamHeatingPump-hz2 {
     z-index: 10;
     position: absolute;
@@ -4598,6 +4231,7 @@ export default {
     font-size: 0.16rem;
     font-weight: bold;
   }
+
   .steamHeatingPump-hz3 {
     z-index: 10;
     position: absolute;
@@ -4606,6 +4240,7 @@ export default {
     font-size: 0.16rem;
     font-weight: bold;
   }
+
   .steamHeatingInTem {
     z-index: 10;
     position: absolute;
@@ -4614,6 +4249,7 @@ export default {
     font-size: 0.16rem;
     font-weight: bold;
   }
+
   .steamHeatingOutTem {
     z-index: 10;
     position: absolute;
@@ -4623,6 +4259,7 @@ export default {
     font-weight: bold;
   }
 }
+
 // @media (min-width: 1240px) and (max-width: 1440px) {
 // }
 @media (max-width: 1440px) {
@@ -4630,6 +4267,7 @@ export default {
     transform: scale(0.9);
   }
 }
+
 .detail-data-bottom {
   position: absolute;
   top: 1rem;