修改风柜系统流程图

.env.development

@@ -7,9 +7,9 @@ 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:8091'
 
 # 路由懒加载
 VUE_CLI_BABEL_TRANSPILE_MODULES = true

src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue

@@ -101,29 +101,6 @@
               src="../../../assets/images/fengshan.png"
               alt=""
             />
-            <!-- 箭头定位 -->
-            <div class="arrow-flex">
-              <img
-                class="wind-arrow"
-                src="../../../assets/images/orange-arrow.png"
-                alt=""
-              />
-              <img
-                class="wind-arrow"
-                src="../../../assets/images/orange-arrow.png"
-                alt=""
-              />
-              <img
-                class="wind-arrow"
-                src="../../../assets/images/orange-arrow.png"
-                alt=""
-              />
-              <img
-                class="wind-arrow"
-                src="../../../assets/images/orange-arrow.png"
-                alt=""
-              />
-            </div>
             <div class="arrow-flex2">
               <img
                 class="wind-arrow"
@@ -188,8 +165,9 @@
               ></el-form>
             </div>
             <div class="wind-tem2" v-if="isObjectValid(airSupplyObj)">
-              <div class="wind-text">送风温度</div>
-              <el-input
+              <div class="wind-text">1#风阀反馈：</div>
+              <div>{{ airSupplyObj.collectValue }}%</div>
+              <!-- <el-input
                 @keyup.enter.native="handleEnter(airSupplyObj, $event, '℃')"
                 @input="handleInput(airSupplyObj)"
                 @blur="handleBlur()"
@@ -202,7 +180,15 @@
                   icon-class="tem_icon"
                   class="tem-icon"
                 />
-              </el-input>
+              </el-input> -->
+            </div>
+            <div class="wind-tem3" v-if="isObjectValid(airSupplyObj)">
+              <div class="wind-text">2#风阀反馈：</div>
+              <div>{{ airSupplyObj.collectValue }}%</div>
+            </div>
+            <div class="wind-tem4" v-if="isObjectValid(airSupplyObj)">
+              <div class="wind-text">3#风阀反馈：</div>
+              <div>{{ airSupplyObj.collectValue }}%</div>
             </div>
             <div class="fan-satatus3">
               <div class="context-li" v-if="isObjectValid(faultAlarmObj)">
@@ -256,7 +242,7 @@
               </div>
             </div>
             <div class="fan-satatus2">
-              <div class="context-li" v-if="isObjectValid(waterSupplyObj)">
+              <!-- <div class="context-li" v-if="isObjectValid(waterSupplyObj)">
                 <div class="wind-text">供水温度</div>
                 <el-input
                   @keyup.enter.native="handleEnter(waterSupplyObj, $event, '℃')"
@@ -289,7 +275,7 @@
                     class="tem-icon"
                   />
                 </el-input>
-              </div>
+              </div> -->
               <div class="context-li" v-if="isObjectValid(waterValveObj)">
                 <div class="wind-text">水阀调节</div>
                 <el-form @submit.native.prevent>
@@ -1450,9 +1436,9 @@ export default {
   }
   .wind-img {
     width: 13.1rem;
-    height: 5.5rem;
+    height: 5.7rem;
     position: absolute;
-    top: 0;
+    top: 0.2rem;
     left: 0;
     z-index: 1;
   }
@@ -1460,8 +1446,8 @@ export default {
     z-index: 10;
     width: 1.3rem;
     position: absolute;
-    top: 0.3rem;
-    left: 7.3rem;
+    top: 0.4rem;
+    left: 4.7rem;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -1475,15 +1461,48 @@ export default {
     z-index: 10;
     width: 1.3rem;
     position: absolute;
-    top: 1.7rem;
+    top: 2.2rem;
     right: 0.3rem;
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
     align-items: center;
+    font-size: 0.18rem;
     .wind-text {
       color: #00d2ff;
       font-size: 0.18rem;
-      margin-bottom: 0.15rem;
+      white-space: nowrap;
+    }
+  }
+  .wind-tem3 {
+    z-index: 10;
+    width: 1.3rem;
+    position: absolute;
+    top:4.1rem;
+    right: 0.3rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 0.18rem;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      white-space: nowrap;
+    }
+  }
+  .wind-tem4 {
+    z-index: 10;
+    width: 1.3rem;
+    position: absolute;
+    top: 5.9rem;
+    right: 0.3rem;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    font-size: 0.18rem;
+    .wind-text {
+      color: #00d2ff;
+      font-size: 0.18rem;
+      white-space: nowrap;
     }
   }
   .fan-frequency {
@@ -1503,8 +1522,8 @@ export default {
   }
   .fan-satatus1 {
     position: absolute;
-    top: 4.5rem;
-    left: 8.5rem;
+    top: 4.3rem;
+    left: 5.5rem;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -1525,8 +1544,8 @@ export default {
   }
   .fan-satatus2 {
     position: absolute;
-    top: 5.5rem;
-    left: 6rem;
+    top: 5.3rem;
+    left: 3.5rem;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -1547,8 +1566,8 @@ export default {
   }
   .fan-satatus3 {
     position: absolute;
-    top: 1.7rem;
-    left: 8.5rem;
+    top: 1.6rem;
+    left: 6.3rem;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -1635,8 +1654,8 @@ export default {
   .wind-valve {
     z-index: 10;
     position: absolute;
-    top: 4.6rem;
-    left: 3rem;
+    top: 4.4rem;
+    left: 1.8rem;
     width: 2rem;
     display: flex;
     flex-direction: row;
@@ -1651,8 +1670,8 @@ export default {
   .wind-valve2 {
     z-index: 10;
     position: absolute;
-    top: 5rem;
-    left: 3rem;
+    top: 4.8rem;
+    left: 1.8rem;
     width: 2rem;
     display: flex;
     flex-direction: row;
@@ -1668,8 +1687,8 @@ export default {
     width: 0.72rem;
     height: 0.73rem;
     position: absolute;
-    top: 3.23rem;
-    right: 3.81rem;
+    top: 3.11rem;
+    right: 6.24rem;
     z-index: 10;
   }
   .tunCircle {
@@ -1684,15 +1703,6 @@ export default {
       transform: rotate(360deg);
     }
   }
-  .arrow-flex {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    z-index: 10;
-    position: absolute;
-    top: 3.2rem;
-    left: -0.1rem;
-  }
   .arrow-flex2 {
     display: flex;
     flex-direction: row;
@@ -1700,7 +1710,7 @@ export default {
     z-index: 10;
     position: absolute;
     top: 3.2rem;
-    right: 0.6rem;
+    right: 2.9rem;
   }
   .arrow-flex3 {
     display: flex;
@@ -1709,7 +1719,7 @@ export default {
     z-index: 10;
     position: absolute;
     top: 0.6rem;
-    right: 6rem;
+    right: 8.7rem;
     transform: rotateY(180deg);
   }
   .wind-arrow {