消毒时更改配置没有蓝色选中框,且不能覆盖参数只能删除参数

src/components/Setting/components/RunInfectionSetting.vue

@@ -10,162 +10,74 @@
     <div class="row_wrap">
       <p class="title">注射蠕动泵速率(g/min)</p>
       <p class="num">
-        <van-field
-          type="number"
-          class="field_font"
-          v-model="sprayLiquidConfigVal"
-          :clickable="true"
+        <my-input type="number" class="field_font" theme="custom" close-text="配置"
+          v-model:value="sprayLiquidConfigVal"
           :formatter="formatter7"
-          readonly
-          @click.stop="hideClickKey(2)"
+          @done="setSprayLiquidVal"
         />
       </p>
     </div>
     <div class="row_wrap">
       <p class="title">消毒停止过氧化氢浓度(ppm)</p>
       <p class="num">
-        <van-field
-          type="number"
-          class="field_font"
-          v-model="stoped_gs"
-          :clickable="true"
+        <my-input type="number" class="field_font" theme="custom" close-text="配置"
+          v-model:value="stoped_gs"
           :formatter="formatter1"
-          readonly
-          @click.stop="hideClickKey(3)"
+          @done="setStopedGsVal"
         />
       </p>
     </div>
     <div class="row_wrap">
       <p class="title">消毒继续过氧化氢浓度(ppm)</p>
       <p class="num">
-        <van-field
-          class="field_font"
-          type="number"
-          v-model="continued_gs"
-          :clickable="true"
+        <my-input type="number" class="field_font" theme="custom" close-text="配置"
+          v-model:value="continued_gs"
           :formatter="formatter2"
-          readonly
-          @click.stop="hideClickKey(4)"
+          @done="setStopedGsVal"
         />
       </p>
     </div>
     <div class="row_wrap">
       <p class="title">消毒停止相对湿度(%RH)</p>
       <p class="num">
-        <van-field
-          class="field_font"
-          type="number"
-          v-model="stoped_humi"
-          :clickable="true"
+        <my-input type="number" class="field_font" theme="custom" close-text="配置"
+          v-model:value="stoped_humi"
           :formatter="formatter9"
-          readonly
-          @click.stop="hideClickKey(9)"
+          @done="setstoped_humiVal"
         />
       </p>
     </div>
     <div class="row_wrap">
       <p class="title">消毒继续相对湿度(%RH)</p>
       <p class="num">
-        <van-field
-          class="field_font"
-          type="number"
-          v-model="continued_humi"
-          :clickable="true"
+        <my-input type="number" class="field_font" theme="custom" close-text="配置"
+          v-model:value="continued_humi"
           :formatter="formatter10"
-          readonly
-          @click.stop="hideClickKey(10)"
+          @done="setcontinued_humiVal"
         />
       </p>
     </div>
     <div class="row_wrap">
       <p class="title">消毒停止过氧化氢相对饱和度(%RS)</p>
       <p class="num">
-        <van-field
-          type="number"
-          class="field_font"
+        <my-input type="number" class="field_font" theme="custom" close-text="配置"
+          v-model:value="stoped_satur"
           :formatter="formatter3"
-          v-model="stoped_satur"
-          :clickable="true"
-          readonly
-          @click.stop="hideClickKey(5)"
+          @done="setstopedSaturVal"
         />
       </p>
     </div>
     <div class="row_wrap">
       <p class="title">消毒继续过氧化氢相对饱和度(%RS)</p>
       <p class="num">
-        <van-field
-          class="field_font"
-          type="number"
+        <my-input type="number" class="field_font" theme="custom" close-text="配置"
+          v-model:value="continued_satur"
           :formatter="formatter4"
-          v-model="continued_satur"
-          :clickable="true"
-          readonly
-          @click.stop="hideClickKey(6)"
+          @done="setContinuedSaturVal"
         />
       </p>
     </div>
     <van-number-keyboard
-      v-model="sprayLiquidConfigVal"
-      @input="val => handleInput(val, 2)"
-      :title="sprayLiquidConfigVal"
-      :show="sprayLiquidConfigValShow"
-      theme="custom"
-      @close="setSprayLiquidVal"
-      close-button-text="配置"
-      @blur="sprayLiquidConfigValShow = false"
-    />
-    <van-number-keyboard
-      v-model="stoped_gs"
-      @input="val => handleInput(val, 3)"
-      :title="stoped_gs"
-      :show="stoped_gsShow"
-      theme="custom"
-      @close="setStopedGsVal"
-      close-button-text="配置"
-      @blur="stoped_gsShow = false"
-    />
-    <van-number-keyboard
-      v-model="continued_gs"
-      @input="val => handleInput(val, 4)"
-      :title="continued_gs"
-      @close="setcontinuedGsVal"
-      :show="continued_gsShow"
-      theme="custom"
-      close-button-text="配置"
-      @blur="continued_gsShow = false"
-    />
-    <van-number-keyboard
-      v-model="stoped_satur"
-      @input="val => handleInput(val, 5)"
-      :title="stoped_satur"
-      @close="setstopedSaturVal"
-      :show="stoped_saturShow"
-      theme="custom"
-      close-button-text="配置"
-      @blur="stoped_saturShow = false"
-    />
-    <van-number-keyboard
-      v-model="continued_satur"
-      @input="val => handleInput(val, 6)"
-      :title="continued_satur"
-      @close="setContinuedSaturVal"
-      :show="continued_saturShow"
-      theme="custom"
-      close-button-text="配置"
-      @blur="continued_saturShow = false"
-    />
-    <van-number-keyboard
-      @input="val => handleInput(val, 9)"
-      theme="custom"
-      close-button-text="配置"
-      @close="setstoped_humiVal"
-      v-model="stoped_humi"
-      :title="stoped_humi"
-      :show="stoped_humiShow"
-      @blur="stoped_humiShow = false"
-    />
-    <van-number-keyboard
       theme="custom"
       @input="val => handleInput(val, 10)"
       close-button-text="配置"
@@ -645,7 +557,7 @@ const setSprayLiquidVal = () => {
       color: #000000;
       display: flex;
       align-items: center;
-      .field_font {
+      :deep(.field_font) {
         font-size: 26px;
         width: 180px;
       }