测试页面压力信息显示

src/components/Test.vue

@@ -182,14 +182,14 @@
       </div>
     </div>
     <div class="common_set update_wrap">
-      <p class="title">水浸1</p>
+      <p class="title" style="width:130px;">设备底部水浸</p>
       <p class="num">{{ testStore.waterImmersionSensor1 ? '有水' : '没水' }}</p>
       <div class="btn_wrap style-btn" @click="handleUpdate" style="opacity: 0">
         更新读取水浸状态
       </div>
     </div>
     <div class="common_set update_wrap">
-      <p class="title">水浸2</p>
+      <p class="title">蒸发仓水浸</p>
       <p class="num">{{ testStore.waterImmersionSensor2 ? '有水' : '没水' }}</p>
       <div class="btn_wrap style-btn" @click="handleUpdate" style="opacity: 0">
         更新读取水浸状态
@@ -227,6 +227,17 @@
       <p class="info">湿度 {{ deviceStore.envirHumidity2 }} ℃</p>
       <p class="info">过氧化氢浓度 {{ deviceStore.envirHP2 }} PPM</p>
     </div>
+    <div class="common_set update_wrap pressure">
+      <p class="title">
+        气路压力计 <span>{{ testStore.allPressure[1] }}</span>
+      </p>
+      <p class="title">
+        加液压力计 <span>{{ testStore.allPressure[2] }}</span>
+      </p>
+      <p class="title">
+        喷液压力计 <span>{{ testStore.allPressure[3] }}</span>
+      </p>
+    </div>
     <van-number-keyboard
       v-model="addLiquidVal"
       @input="val => handleInput(val, 1)"
@@ -560,6 +571,21 @@ const changeDraughtStatus = flag => {
       }
     }
   }
+  .pressure {
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly !important;
+    .title {
+      display: flex;
+      line-height: 30px;
+      justify-content: center !important;
+      flex-direction: column;
+      align-items: center;
+      span {
+        font-size: 26px;
+      }
+    }
+  }
   .switch_wrap {
     padding: 0 17px 0 17px;
     justify-content: space-between;

src/store/modules/test.js

@@ -21,10 +21,16 @@ export const useTestStore = defineStore({
       heatingStripObj: {},
       waterImmersionSensor1: false,
       waterImmersionSensor2: false,
+
+      allPressure: [0, 0, 0, 0],
     }
   },
   // actions
   actions: {
+    updateAllPressure(allPressure) {
+      this.allPressure = allPressure
+    },
+    
     updateWaterImmersionSensor1(waterImmersionSensor1) {
       this.waterImmersionSensor1 = waterImmersionSensor1
     },

src/store/modules/websocket.js

@@ -129,6 +129,7 @@ export const useWebSocketStore = defineStore({
               chargingPumpRPM,
               sprinklerPumpRPM,
               sprinklerPumpGPM,
+              pressure,
             } = sensor_data
             const { nowlog, targetlog } = disinfectionState || {}
             deviceStore.updateTargetLog(targetlog)
@@ -161,7 +162,8 @@ export const useWebSocketStore = defineStore({
             testStore.updateHeatingStripObj(heatingStrip)
             testStore.updateSprinklerPump(sprinklerPump)
             testStore.updateChargingPump(chargingPump)
-            settingStore.updateDeviceIp('192.168.8.10')
+            testStore.updateAllPressure(pressure)
+            settingStore.updateDeviceIp('192.168.8.11')
             deviceStore.updateDisinfectantCapacity(disinfectant_volume)
             deviceStore.updateBinTemperature(temp_1)
             deviceStore.updateBinHumidity(humid_1)
@@ -401,7 +403,7 @@ export const useWebSocketStore = defineStore({
             testStore.updateHeatingStripObj(heatingStrip)
             testStore.updateSprinklerPump(sprinklerPump)
             testStore.updateChargingPump(chargingPump)
-            settingStore.updateDeviceIp('192.168.8.10')
+            settingStore.updateDeviceIp('192.168.8.11')
             deviceStore.updateDisinfectantCapacity(disinfectant_volume)
             deviceStore.updateBinTemperature(temp_1)
             deviceStore.updateBinHumidity(humid_1)