修改连接热泵的管道对应热泵状态

src/views/hotWater/waterMonitor/waterMonitorDetails.vue

@@ -71,27 +71,29 @@
               " src="../../../assets/flowimg/supply-move.gif" alt="" />
               <img class="supply" v-else src="../../../assets/flowimg/supply-nomove.png" alt="" />
               <!-- 循环泵1定位 -->
-              <img class="circulate1" src="../../../assets/flowimg/singlePipeline.gif" alt="" />
-              <!-- <img class="circulate1"  src="../../../assets/flowimg/singlePipeline.png" alt="" /> -->
+              <img
+                class="circulate1"
+                :src="isCirculateRunning() ? require('../../../assets/flowimg/singlePipeline.gif') : require('../../../assets/flowimg/singlePipeline.png')"
+                alt=""
+              />
               <!-- 循环泵2定位 -->
-              <img class="circulate2" src="../../../assets/flowimg/singlePipeline.gif" alt="" />
-              <!-- <img class="circulate2"  src="../../../assets/flowimg/singlePipeline.png" alt="" /> -->
-              <!-- 供水泵1定位 -->
-              <img class="coolpum" v-if="this.upWaterState1 === '1'" src="../../../assets/flowimg/startpum.png"
+              <img
+                class="circulate2"
+                :src="isCirculateRunning() ? require('../../../assets/flowimg/singlePipeline.gif') : require('../../../assets/flowimg/singlePipeline.png')"
+                alt=""
+              />
+              <!-- 高区供水泵1定位 -->
+              <img class="coolpum" src="../../../assets/flowimg/startpum.png"
                 alt="" />
-              <img class="coolpum" v-else src="../../../assets/flowimg/closepum.png" alt="" />
-              <!-- 供水泵2定位 -->
-              <img class="waterpum" v-if="this.upWaterState2 === '1'" src="../../../assets/flowimg/startpum.png"
+              <!-- 高区供水泵2定位 -->
+              <img class="waterpum"  src="../../../assets/flowimg/startpum.png"
                 alt="" />
-              <img class="waterpum" v-else src="../../../assets/flowimg/closepum.png" alt="" />
-              <!-- 供水泵3定位 -->
-              <img class="waterpum2" v-if="this.upWaterState3 === '1'" src="../../../assets/flowimg/startpum.png"
+              <!-- 低区供水泵1定位 -->
+              <img class="waterpum2"  src="../../../assets/flowimg/startpum.png"
                 alt="" />
-              <img class="waterpum2" v-else src="../../../assets/flowimg/closepum.png" alt="" />
-              <!-- 供水泵4定位 -->
-              <img class="waterpum3" v-if="this.upWaterState4 === '1'" src="../../../assets/flowimg/startpum.png"
+              <!-- 低区供水泵2定位 -->
+              <img class="waterpum3"  src="../../../assets/flowimg/startpum.png"
                 alt="" />
-              <img class="waterpum3" v-else src="../../../assets/flowimg/closepum.png" alt="" />
 
 
               <!-- 循环加热泵定位-->
@@ -249,12 +251,11 @@
               <img class="lowBackPump2" src="../../../assets/flowimg/startpum.png" alt="" />
 
               <!-- 热泵定位 -->
-              <img class="circulate3" v-if="this.hotPumState1 === '1'" src="../../../assets/flowimg/singlePipeline.gif"
+               
+              <img class="circulate3"  :src="isCirculateRunning() ? require('../../../assets/flowimg/singlePipeline.gif') : require('../../../assets/flowimg/singlePipeline.png')"
                 alt="" />
-              <img class="circulate3" v-else src="../../../assets/flowimg/singlePipeline.png" alt="" />
-              <img class="circulate4" v-if="this.hotPumState1 === '1'" src="../../../assets/flowimg/singlePipeline.gif"
+              <img class="circulate4"  :src="isCirculateRunning() ? require('../../../assets/flowimg/singlePipeline.gif') : require('../../../assets/flowimg/singlePipeline.png')"
                 alt="" />
-              <img class="circulate4" v-else src="../../../assets/flowimg/singlePipeline.png" alt="" />
               <div :class="getHotPumPositionClass">
                 <div class="hotPump-li2" v-for="(item, index) in tableData" :key="index">
                   <template v-if="tableData.length === 8">
@@ -820,6 +821,10 @@ export default {
       // 将 progress1 的值转换为百分比
       return ((value / 3.2) * 100).toFixed(2);
     },
+    // 判断循环泵是否运行
+    isCirculateRunning() {
+      return this.tableData.some(item => Number(item.runState) !== 0);
+    },
   },
 };
 </script>