From 9ef8a4b5fea46031ea96eeca21ac51401f3cde90 Mon Sep 17 00:00:00 2001
From: selia-zx <1771203023@qq.com>
Date: Fri, 10 Apr 2026 10:45:06 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=BF=9E=E6=8E=A5=E7=83=AD?=
 =?UTF-8?q?=E6=B3=B5=E7=9A=84=E7=AE=A1=E9=81=93=E5=AF=B9=E5=BA=94=E7=83=AD?=
 =?UTF-8?q?=E6=B3=B5=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../waterMonitor/waterMonitorDetails.vue      | 45 ++++++++++---------
 1 file changed, 25 insertions(+), 20 deletions(-)

diff --git a/src/views/hotWater/waterMonitor/waterMonitorDetails.vue b/src/views/hotWater/waterMonitor/waterMonitorDetails.vue
index ed32d1e..c1249ad 100644
--- a/src/views/hotWater/waterMonitor/waterMonitorDetails.vue
+++ b/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>