pre setting

src/components/Setting/components/PreSetting.vue

@@ -91,7 +91,7 @@
         />
       </p>
     </div>
-    <div class="row_wrap" v-if="operatorStore.disinfectStatus != 1">
+    <!-- <div class="row_wrap" v-if="operatorStore.disinfectStatus != 1">
       <p class="title">允许消毒最大湿度(%RH)</p>
       <p class="num">
         <van-field
@@ -116,7 +116,7 @@
           @click.stop="hideClickKey(8)"
         />
       </p>
-    </div>
+    </div> -->
     <van-number-keyboard
       v-model="addLiquidConfigVal"
       :title="addLiquidConfigVal"
@@ -651,12 +651,11 @@ const setSprayLiquidVal = () => {
   box-sizing: border-box;
   width: 100%;
   height: 580px;
-  padding: 20px;
   display: grid;
   overflow: scroll;
   grid-template-columns: repeat(1, 1fr);
   row-gap: 20px;
-  padding-bottom: 20px;
+  padding-bottom: 40px;
   .row_wrap {
     // width: 726px;
     height: 80px;

src/components/Setting/components/PreTable.vue

@@ -1,11 +1,15 @@
 <template>
   <div class="pre_table_container">
+    <div v-if="isSettingVisible">
+      <PreSetting />
+    </div>
+    <div v-else>
       <div class="lines_wrap">
         <div class="line">
           <p class="title">预设1</p>
           <div class="btns">
             <div class="del" @click="delModalShow">删除</div>
-          <div class="setting">设置</div>
+            <div class="setting" @click="showSetting">设置</div>
           </div>
         </div>
       </div>
@@ -51,6 +55,7 @@
           </g>
         </svg>
       </div>
+    </div>
     <DelPreModal v-if="delPreModalVisible" :hideDelModal="hideDelModal" />
     <AddPreModal
       v-if="addPreModalVisible"
@@ -63,6 +68,7 @@
 import { ref } from 'vue'
 import DelPreModal from 'cpns/dialogs/DelPreModal'
 import AddPreModal from 'cpns/dialogs/AddPreModal'
+import PreSetting from './PreSetting.vue'
 const delPreModalVisible = ref(false)
 
 const delModalShow = () => {
@@ -83,6 +89,12 @@ const addNewPre = () => {
 const hideAddNewPreModal = () => {
   addPreModalVisible.value = false
 }
+
+const isSettingVisible = ref(false)
+
+const showSetting = () => {
+  isSettingVisible.value = true
+}
 </script>
 
 <style lang="scss" scoped>