设置页面

src/components/Setting/components/Device.vue

@@ -8,7 +8,6 @@
           v-model="addLiquidConfigVal"
           :clickable="true"
           :formatter="formatter"
-          placeholder="设置加液蠕动泵转速"
         />
       </p>
       <div class="btn" @click="setAddliquidVal">设置</div>
@@ -21,11 +20,70 @@
           v-model="sprayLiquidConfigVal"
           :clickable="true"
           :formatter="formatter"
-          placeholder="设置喷液蠕动泵转速"
         />
       </p>
       <div class="btn" @click="setSprayLiquidVal">设置</div>
     </div>
+    <div class="row_wrap">
+      <p class="title">消毒停止过氧化氢溶度</p>
+      <p class="num">
+        <van-field
+          type="number"
+          v-model="stoped_gs"
+          :clickable="true"
+          :formatter="formatter"
+        />
+      </p>
+      <div class="btn" @click="setStopedGsVal">设置</div>
+    </div>
+    <div class="row_wrap">
+      <p class="title">消毒继续过氧化氢溶度</p>
+      <p class="num">
+        <van-field
+          type="number"
+          v-model="continued_gs"
+          :clickable="true"
+          :formatter="formatter"
+        />
+      </p>
+      <div class="btn" @click="setcontinuedGsVal">设置</div>
+    </div>
+    <div class="row_wrap">
+      <p class="title">消毒停止过氧化氢相对饱和度</p>
+      <p class="num">
+        <van-field
+          type="number"
+          v-model="stoped_satur"
+          :clickable="true"
+          :formatter="humidityFormatter"
+        />
+      </p>
+      <div class="btn" @click="setstopedSaturVal">设置</div>
+    </div>
+    <div class="row_wrap">
+      <p class="title">消毒继续过氧化氢相对饱和度</p>
+      <p class="num">
+        <van-field
+          type="number"
+          v-model="continued_satur"
+          :clickable="true"
+          :formatter="humidityFormatter"
+        />
+      </p>
+      <div class="btn" @click="setContinuedSaturVal">设置</div>
+    </div>
+    <div class="row_wrap">
+      <p class="title">允许消毒最大湿度</p>
+      <p class="num">
+        <van-field
+          type="number"
+          v-model="max_humidity"
+          :clickable="true"
+          :formatter="humidityFormatter"
+        />
+      </p>
+      <div class="btn" @click="setMaxHumidityVal">设置</div>
+    </div>
   </div>
 </template>
 
@@ -38,7 +96,26 @@ import { setSettingValJSON } from '@/mock/command'
 
 const settingStore = useSettingStore()
 const webSocketStore = useWebSocketStore()
-const { addLiquidConfigVal, sprayLiquidConfigVal } = storeToRefs(settingStore)
+const {
+  max_humidity,
+  continued_satur,
+  stoped_satur,
+  continued_gs,
+  stoped_gs,
+  addLiquidConfigVal,
+  sprayLiquidConfigVal,
+} = storeToRefs(settingStore)
+
+const humidityFormatter = value => {
+  if (value > 100) {
+    return '100/g'
+  }
+  if (value != 0) {
+    var newVal = value.replace(/\b(0+)/gi, '')
+    return newVal + '/g'
+  }
+  return '0/g'
+}
 
 const formatter = value => {
   if (value > 2000) {
@@ -62,6 +139,16 @@ const setAddliquidVal = () => {
   showSuccessToast('设置成功')
 }
 
+const setStopedGsVal = () => {}
+
+const setcontinuedGsVal = () => {}
+
+const setstopedSaturVal = () => {}
+
+const setContinuedSaturVal = () => {}
+
+const setMaxHumidityVal = () => {}
+
 const setSprayLiquidVal = () => {
   const val = parseInt(
     sprayLiquidConfigVal.value.substring(
@@ -83,8 +170,8 @@ const setSprayLiquidVal = () => {
   width: 100%;
   height: 100%;
   padding: 20px;
-  padding-bottom: 380px;
   display: grid;
+  overflow: scroll;
   grid-template-rows: repeat(2, 1fr);
   grid-template-columns: repeat(1, 1fr);
   row-gap: 20px;