修改控制界面热水循环泵的数据

src/views/hotWater/waterMonitor/waterMonitorDetails.vue

@@ -62,6 +62,8 @@
               <div class="flow-text text3">无线网关</div>
               <div class="flow-text text4">回水阀</div>
               <div class="flow-text text5">房间</div>
+              <div class="flow-text text20">水箱1</div>
+              <div class="flow-text text21">水箱2</div>
               <!-- 供水定位 -->
               <img class="supply" v-if="
                 this.upWaterState1 === '1' ||
@@ -178,41 +180,41 @@
                 ? require('../../../assets/flowimg/badweb.png')
                 : require('../../../assets/flowimg/onlineweb.png')
                 " alt="" />
-              <!-- 保温水箱1定位 -->
+              <!-- 保温水箱2定位 -->
               <img class="waterBox1" src="../../../assets/flowimg/waterBox.png" alt="" />
 
-              <!-- 温度定位1 -->
+              <!-- 温度定位2 -->
               <img class="tem1" src="../../../assets/flowimg/thermometer.png" alt="" />
               <div class="temContainer1">
-                <div class="temprogress" :style="{ height: temdata1 + '%' }"></div>
+                <div class="temprogress" :style="{ height: temdata2 + '%' }"></div>
               </div>
-              <b class="temdiv1">{{ temdata1 }}℃</b>
-              <!-- 水位定位1 -->
-              <div class="progressContainer1" v-if="progress1 > 50">
-                <div class="progress" :style="{ height: progress1 + '%' }"></div>
-                <b class="propo">{{ progress1 }}%</b>
+              <b class="temdiv1">{{ temdata2 }}℃</b>
+              <!-- 水位定位2 -->
+              <div class="progressContainer1" v-if="progress2 > 50">
+                <div class="progress" :style="{ height: progress2 + '%' }"></div>
+                <b class="propo">{{ progress2 }}%</b>
               </div>
               <div class="progressContainer2" v-else>
-                <div class="progress" :style="{ height: progress1 + '%' }"></div>
-                <b class="propo">{{ progress1 }}%</b>
+                <div class="progress" :style="{ height: progress2 + '%' }"></div>
+                <b class="propo">{{ progress2 }}%</b>
               </div>
 
-              <!-- 保温水箱2定位 -->
+              <!-- 保温水箱1定位 -->
               <img class="waterBox2" src="../../../assets/flowimg/waterBox.png" alt="" />
-              <!-- 温度定位2 -->
+              <!-- 温度定位1 -->
               <img class="tem2" src="../../../assets/flowimg/thermometer.png" alt="" />
               <div class="temContainer2">
-                <div class="temprogress" :style="{ height: temdata2 + '%' }"></div>
+                <div class="temprogress" :style="{ height: temdata1 + '%' }"></div>
               </div>
-              <b class="temdiv2">{{ temdata2 }}℃</b>
-              <!-- 水位定位2 -->
-              <div class="progressContainer3" v-if="progress2 > 50">
-                <div class="progress" :style="{ height: progress2 + '%' }"></div>
-                <b class="propo">{{ progress2 }}%</b>
+              <b class="temdiv2">{{ temdata1 }}℃</b>
+              <!-- 水位定位1 -->
+              <div class="progressContainer3" v-if="progress1 > 50">
+                <div class="progress" :style="{ height: progress1 + '%' }"></div>
+                <b class="propo">{{ progress1 }}%</b>
               </div>
               <div class="progressContainer4" v-else>
-                <div class="progress" :style="{ height: progress2 + '%' }"></div>
-                <b class="propo">{{ progress2 }}%</b>
+                <div class="progress" :style="{ height: progress1 + '%' }"></div>
+                <b class="propo">{{ progress1 }}%</b>
               </div>
             </div>
           </div>
@@ -1274,6 +1276,18 @@ export default {
             left: 3.4rem;
             z-index: 1;
           }
+          .text20 {
+            position: absolute;
+            top: 3.4rem;
+            left: 5.8rem;
+            z-index: 1;
+          }
+          .text21 {
+            position: absolute;
+            top: 3.4rem;
+            left: 3rem;
+            z-index: 1;
+          }
 
           .replenish {
             position: absolute;