Просмотр исходного кода

设备基本运行情况优化

wyh 1 год назад
Родитель
Сommit
f35616382c
1 измененных файлов с 25 добавлено и 7 удалено
  1. 25 7
      src/views/modules_guAn/visualization/modules/EquipmentInfo.vue

+ 25 - 7
src/views/modules_guAn/visualization/modules/EquipmentInfo.vue

@@ -33,7 +33,8 @@
         <div>20℃</div>
         <div>20W/㎡</div>
       </div> -->
-      <div style="height: 32%;display: flex; justify-content: center; align-items: center; font-size: 39px;">程序运行</div>
+      <!-- <div style="height: 32%;display: flex; justify-content: center; align-items: center; font-size: 39px;">程序运行</div> -->
+      <div style="height: 32%;display: flex; justify-content: center; align-items: center; font-size: 39px;">{{runStatus == 1 ? '程序运行': '定值运行'}}</div>
       <div style="height: 36%; display: flex; flex-direction: row;">
         <!-- 左 -->
         <div class="le" style="margin: 0 0.1% 0 2.4%;">
@@ -76,7 +77,10 @@
         </div>
       </div>
       <div style="height: 22%; margin-top: 2%;">
-        <div class="bo"></div>
+        <div class="bo">
+          <div></div>
+          <div></div>
+        </div>
       </div>
     </div>
   </div>
@@ -128,6 +132,8 @@ export default {
       targetH: '',
       // 起始湿度
       startH: '',
+      // 运行方式设定
+      runStatus: ''
     }
   },
   watch: {
@@ -165,6 +171,10 @@ export default {
         if (this.dataList[i].Name == '湿度设定值') {
           this.targetH = this.dataList[i].Value
         }
+        // 运行方式
+        if (this.dataList[i].Name == '运行方式设定') {
+          this.runStatus = this.dataList[i].Value
+        }
       }
     }
   }
@@ -228,6 +238,13 @@ export default {
     background-size: 0.05vw 1vw, 1vw 0.05vw;
     padding: 5px 2px;
   }
+  .le>div{
+    width: 100%;
+    padding: 0 3% 0 3%;
+    // border: 1px solid rgb(255, 255, 255);
+    color: #eeeeee;
+    align-items: center;
+  }
   .bo{
     height: 95%;
     width: 95.5%;
@@ -243,12 +260,13 @@ export default {
     linear-gradient(#207ab7, #207ab7) right bottom;
     background-repeat: no-repeat;
     background-size: 0.05vw 1vw, 1vw 0.05vw;
+    display: flex;
+    flex-direction: row;
   }
-  .le>div{
-    width: 100%;
-    padding: 0 3% 0 3%;
-    // border: 1px solid rgb(255, 255, 255);
+  .bo>div{
+    height: 100%;
+    width: 50%;
     color: #eeeeee;
-    align-items: center;
+    // border: 1px solid rgb(255, 255, 255);
   }
 </style>