排液页面

src/components/LiquidHandle.vue

@@ -75,7 +75,7 @@
       </div>
     </div>
     <div class="right_container">
-      <div class="add_liquid_wrap">
+      <div class="add_liquid_wrap" v-if="tabType == 1">
         <van-field
           type="number"
           v-model="addLiquidVal"
@@ -86,6 +86,11 @@
           class="add_liquid_input"
         />
       </div>
+      <div class="push_liquid_wrap" v-if="tabType == 2">
+        <p class="num">
+          {{ disinfectantCapacity <= 0 ? 0 : disinfectantCapacity }}
+        </p>
+      </div>
       <img
         class="btn mb"
         v-if="!operatorStore.replenishingFluidsWorkState && tabType == 1"
@@ -325,6 +330,28 @@ const { disinfectantCapacity } = storeToRefs(deviceStore)
         color: #000000;
       }
     }
+    .push_liquid_wrap {
+      position: relative;
+      width: 340px;
+      height: 239px;
+      background-size: 100% 100%;
+      margin-bottom: 36px;
+      background: url(../assets/img/liquid/push.png) no-repeat;
+      .num {
+        position: absolute;
+        bottom: 8px;
+        left: 56px;
+        width: 175px;
+        height: 101px;
+        font-family: Source Han Sans CN;
+        font-size: 70px;
+        font-weight: 900;
+        line-height: normal;
+        letter-spacing: 0.02em;
+        color: #000000;
+        text-align: center;
+      }
+    }
   }
 }
 </style>

src/components/a.vue

@@ -158,7 +158,6 @@ const isPopLiquidStatus = ref(false)
 
 const startAdd = () => {
   if (!(operatorStore.replenishingFluidsWorkState == 1)) {
-    console.log(startReplenishingFluidsJSON(parseInt(addLiquidVal.value)))
     webSocketStore.sendCommandMsg(
       startReplenishingFluidsJSON(parseInt(addLiquidVal.value)),
     )