From 7ecd74d03e519f8f888c13be8ba2d8fb973186b9 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Mon, 4 Sep 2023 23:13:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=A2=84=E8=AE=BE=E6=B4=81?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Setting/components/ExportExcel.vue |  34 ++
 src/components/Setting/components/PreSetting.vue  | 702 ++++++++++++++++++++++
 src/components/Setting/components/PreTable.vue    | 162 +++++
 src/components/Setting/index.vue                  |  19 +-
 src/components/dialogs/AddPreModal.vue            | 117 ++++
 src/components/dialogs/DelPreModal.vue            | 114 ++++
 src/store/index.js                                |   2 +
 src/store/modules/preinstall.js                   |  10 +
 8 files changed, 1157 insertions(+), 3 deletions(-)
 create mode 100644 src/components/Setting/components/ExportExcel.vue
 create mode 100644 src/components/Setting/components/PreSetting.vue
 create mode 100644 src/components/Setting/components/PreTable.vue
 create mode 100644 src/components/dialogs/AddPreModal.vue
 create mode 100644 src/components/dialogs/DelPreModal.vue
 create mode 100644 src/store/modules/preinstall.js

diff --git a/src/components/Setting/components/ExportExcel.vue b/src/components/Setting/components/ExportExcel.vue
new file mode 100644
index 0000000..c396f27
--- /dev/null
+++ b/src/components/Setting/components/ExportExcel.vue
@@ -0,0 +1,34 @@
+<template>
+  <div class="export_excel_container">
+    <div class="btn">导出消毒相关日志</div>
+  </div>
+</template>
+
+<script setup></script>
+
+<style lang="scss" scoped>
+.export_excel_container {
+  width: 766px;
+  height: 580px;
+  border-radius: 16px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  .btn {
+    background: #06518b;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 247px;
+    height: 60px;
+    border-radius: 30px;
+    font-family: Source Han Sans CN;
+    font-size: 20px;
+    font-weight: normal;
+    line-height: normal;
+    letter-spacing: 0.1em;
+    color: #ffffff;
+  }
+}
+</style>
diff --git a/src/components/Setting/components/PreSetting.vue b/src/components/Setting/components/PreSetting.vue
new file mode 100644
index 0000000..48f235e
--- /dev/null
+++ b/src/components/Setting/components/PreSetting.vue
@@ -0,0 +1,702 @@
+<template>
+  <div class="device_container">
+    <div class="row_wrap">
+      <p class="title">注射蠕动泵速率(g/min)</p>
+      <p class="num">
+        <van-field
+          type="number"
+          v-model="sprayLiquidConfigVal"
+          :clickable="true"
+          :formatter="formatter7"
+          readonly
+          @click.stop="hideClickKey(2)"
+        />
+      </p>
+    </div>
+    <div class="row_wrap">
+      <p class="title">消毒停止过氧化氢浓度(ppm)</p>
+      <p class="num">
+        <van-field
+          type="number"
+          v-model="stoped_gs"
+          :clickable="true"
+          :formatter="formatter1"
+          readonly
+          @click.stop="hideClickKey(3)"
+        />
+      </p>
+    </div>
+    <div class="row_wrap">
+      <p class="title">消毒继续过氧化氢浓度(ppm)</p>
+      <p class="num">
+        <van-field
+          type="number"
+          v-model="continued_gs"
+          :clickable="true"
+          :formatter="formatter2"
+          readonly
+          @click.stop="hideClickKey(4)"
+        />
+      </p>
+    </div>
+    <div class="row_wrap">
+      <p class="title">消毒停止相对湿度(%RH)</p>
+      <p class="num">
+        <van-field
+          type="number"
+          v-model="stoped_humi"
+          :clickable="true"
+          :formatter="formatter9"
+          readonly
+          @click.stop="hideClickKey(9)"
+        />
+      </p>
+    </div>
+    <div class="row_wrap">
+      <p class="title">消毒继续相对湿度(%RH)</p>
+      <p class="num">
+        <van-field
+          type="number"
+          v-model="continued_humi"
+          :clickable="true"
+          :formatter="formatter10"
+          readonly
+          @click.stop="hideClickKey(10)"
+        />
+      </p>
+    </div>
+    <div class="row_wrap">
+      <p class="title">消毒停止过氧化氢相对饱和度(%RS)</p>
+      <p class="num">
+        <van-field
+          type="number"
+          :formatter="formatter3"
+          v-model="stoped_satur"
+          :clickable="true"
+          readonly
+          @click.stop="hideClickKey(5)"
+        />
+      </p>
+    </div>
+    <div class="row_wrap">
+      <p class="title">消毒继续过氧化氢相对饱和度(%RS)</p>
+      <p class="num">
+        <van-field
+          type="number"
+          :formatter="formatter4"
+          v-model="continued_satur"
+          :clickable="true"
+          readonly
+          @click.stop="hideClickKey(6)"
+        />
+      </p>
+    </div>
+    <div class="row_wrap" v-if="operatorStore.disinfectStatus != 1">
+      <p class="title">允许消毒最大湿度(%RH)</p>
+      <p class="num">
+        <van-field
+          :formatter="formatter5"
+          type="number"
+          v-model="max_humidity"
+          :clickable="true"
+          readonly
+          @click.stop="hideClickKey(7)"
+        />
+      </p>
+    </div>
+    <div class="row_wrap" v-if="operatorStore.disinfectStatus != 1">
+      <p class="title">预热时间(s)</p>
+      <p class="num">
+        <van-field
+          :formatter="formatter8"
+          type="number"
+          v-model="pre_heat_time_s"
+          :clickable="true"
+          readonly
+          @click.stop="hideClickKey(8)"
+        />
+      </p>
+    </div>
+    <van-number-keyboard
+      v-model="addLiquidConfigVal"
+      :title="addLiquidConfigVal"
+      :show="addLiquidConfigValShow"
+      @input="val => handleInput(val, 1)"
+      theme="custom"
+      close-button-text="配置"
+      @close="setAddliquidVal"
+      @blur="addLiquidConfigValShow = false"
+    />
+    <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
+      v-model="max_humidity"
+      @input="val => handleInput(val, 7)"
+      :title="max_humidity"
+      @close="setMaxHumidityVal"
+      :show="max_humidityShow"
+      theme="custom"
+      close-button-text="配置"
+      @blur="max_humidityShow = false"
+    />
+    <van-number-keyboard
+      theme="custom"
+      close-button-text="配置"
+      @input="val => handleInput(val, 8)"
+      @close="setHeat_timeVal"
+      v-model="pre_heat_time_s"
+      :title="pre_heat_time_s"
+      :show="pre_heat_time_sShow"
+      @blur="pre_heat_time_sShow = 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="配置"
+      @close="setcontinued_humiVal"
+      v-model="continued_humi"
+      :title="continued_humi"
+      :show="continued_humiShow"
+      @blur="continued_humiShow = false"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { showSuccessToast, showFailToast } from 'vant'
+import { useSettingStore, useWebSocketStore, useOperatorStore } from '@/store'
+import { storeToRefs } from 'pinia'
+import { setSettingValJSON } from '@/mock/command'
+
+const settingStore = useSettingStore()
+const webSocketStore = useWebSocketStore()
+const operatorStore = useOperatorStore()
+const {
+  max_humidity,
+  continued_satur,
+  stoped_satur,
+  continued_gs,
+  stoped_gs,
+  addLiquidConfigVal,
+  sprayLiquidConfigVal,
+  stoped_humi,
+  continued_humi,
+  allSettingList,
+  pre_heat_time_s,
+} = storeToRefs(settingStore)
+
+const pre_heat_time_sShow = ref(false)
+const addLiquidConfigValShow = ref(false)
+const sprayLiquidConfigValShow = ref(false)
+const stoped_gsShow = ref(false)
+const continued_gsShow = ref(false)
+const stoped_saturShow = ref(false)
+const continued_saturShow = ref(false)
+const max_humidityShow = ref(false)
+const stoped_humiShow = ref(false)
+const continued_humiShow = ref(false)
+
+const isFirstClick = ref(true)
+
+const hideClickKey = flag => {
+  isFirstClick.value = true
+  stoped_humiShow.value = false
+  continued_humiShow.value = false
+  pre_heat_time_sShow.value = false
+  addLiquidConfigValShow.value = false
+  sprayLiquidConfigValShow.value = false
+  stoped_gsShow.value = false
+  continued_gsShow.value = false
+  stoped_saturShow.value = false
+  continued_saturShow.value = false
+  max_humidityShow.value = false
+  if (flag == 1) {
+    addLiquidConfigValShow.value = true
+  }
+  if (flag == 2) {
+    sprayLiquidConfigValShow.value = true
+  }
+  if (flag == 3) {
+    stoped_gsShow.value = true
+  }
+  if (flag == 4) {
+    continued_gsShow.value = true
+  }
+  if (flag == 5) {
+    stoped_saturShow.value = true
+  }
+  if (flag == 6) {
+    continued_saturShow.value = true
+  }
+  if (flag == 7) {
+    max_humidityShow.value = true
+  }
+  if (flag == 8) {
+    pre_heat_time_sShow.value = true
+  }
+  if (flag == 9) {
+    stoped_humiShow.value = true
+  }
+  if (flag == 10) {
+    continued_humiShow.value = true
+  }
+}
+
+const handleInput = (value, index) => {
+  if (isFirstClick.value) {
+    if (index == 1) {
+      setTimeout(() => {
+        addLiquidConfigVal.value = value + ''
+      })
+    }
+    if (index == 2) {
+      setTimeout(() => {
+        sprayLiquidConfigVal.value = value + ''
+      })
+    }
+    if (index == 3) {
+      setTimeout(() => {
+        stoped_gs.value = value + ''
+      })
+    }
+    if (index == 4) {
+      setTimeout(() => {
+        continued_gs.value = value + ''
+      })
+    }
+    if (index == 5) {
+      setTimeout(() => {
+        stoped_satur.value = value + ''
+      })
+    }
+    if (index == 6) {
+      setTimeout(() => {
+        continued_satur.value = value + ''
+      })
+    }
+    if (index == 7) {
+      setTimeout(() => {
+        max_humidity.value = value + ''
+      })
+    }
+    if (index == 8) {
+      setTimeout(() => {
+        pre_heat_time_s.value = value + ''
+      })
+    }
+    if (index == 9) {
+      setTimeout(() => {
+        stoped_humi.value = value + ''
+      })
+    }
+    if (index == 10) {
+      setTimeout(() => {
+        continued_humi.value = value + ''
+      })
+    }
+    isFirstClick.value = false
+  }
+}
+
+const formatter1 = value => {
+  if (parseInt(value) == 0) {
+    return '0'
+  }
+  let arr = settingStore.allSettingList.filter(item => item.name == 'stoped_gs')
+  if (arr && arr.length > 0) {
+    if (parseInt(value) > arr[0].val_upper_limit) {
+      return arr[0].val_upper_limit + ''
+    }
+    if (parseInt(value) < arr[0].val_lower_limit) {
+      return arr[0].val_lower_limit + ''
+    }
+  }
+  return value.replace(/^0+/gi, '')
+}
+
+const formatter2 = value => {
+  if (parseInt(value) == 0) {
+    return '0'
+  }
+  let arr = settingStore.allSettingList.filter(
+    item => item.name == 'continued_gs',
+  )
+  if (arr && arr.length > 0) {
+    if (parseInt(value) > arr[0].val_upper_limit) {
+      return arr[0].val_upper_limit + ''
+    }
+    if (parseInt(value) < arr[0].val_lower_limit) {
+      return arr[0].val_lower_limit + ''
+    }
+  }
+  return value.replace(/^0+/gi, '')
+}
+
+const formatter3 = value => {
+  if (parseInt(value) == 0) {
+    return '0'
+  }
+  let arr = settingStore.allSettingList.filter(
+    item => item.name == 'stoped_satur',
+  )
+  if (arr && arr.length > 0) {
+    if (parseInt(value) > arr[0].val_upper_limit) {
+      return arr[0].val_upper_limit + ''
+    }
+    if (parseInt(value) < arr[0].val_lower_limit) {
+      return arr[0].val_lower_limit + ''
+    }
+  }
+  return value.replace(/^0+/gi, '')
+}
+
+const formatter4 = value => {
+  if (parseInt(value) == 0) {
+    return '0'
+  }
+  let arr = settingStore.allSettingList.filter(
+    item => item.name == 'continued_satur',
+  )
+  if (arr && arr.length > 0) {
+    if (parseInt(value) > arr[0].val_upper_limit) {
+      return arr[0].val_upper_limit + ''
+    }
+    if (parseInt(value) < arr[0].val_lower_limit) {
+      return arr[0].val_lower_limit + ''
+    }
+  }
+  return value.replace(/^0+/gi, '')
+}
+
+const formatter5 = value => {
+  if (parseInt(value) == 0) {
+    return '0'
+  }
+  let arr = settingStore.allSettingList.filter(
+    item => item.name == 'max_humidity',
+  )
+  if (arr && arr.length > 0) {
+    if (parseInt(value) > arr[0].val_upper_limit) {
+      return arr[0].val_upper_limit + ''
+    }
+    if (parseInt(value) < arr[0].val_lower_limit) {
+      return arr[0].val_lower_limit + ''
+    }
+  }
+  return value.replace(/^0+/gi, '')
+}
+
+const formatter6 = value => {
+  if (parseInt(value) == 0) {
+    return '0'
+  }
+  let arr = settingStore.allSettingList.filter(
+    item => item.name == 'drainage_pump_speed',
+  )
+  if (arr && arr.length > 0) {
+    if (parseInt(value) > arr[0].val_upper_limit) {
+      return arr[0].val_upper_limit + ''
+    }
+    if (parseInt(value) < arr[0].val_lower_limit) {
+      return arr[0].val_lower_limit + ''
+    }
+  }
+  return value.replace(/^0+/gi, '')
+}
+
+const formatter7 = value => {
+  if (parseInt(value) == 0) {
+    return '0'
+  }
+  let arr = settingStore.allSettingList.filter(
+    item => item.name == 'injection_pump_speed',
+  )
+  if (arr && arr.length > 0) {
+    if (parseInt(value) > arr[0].val_upper_limit) {
+      return arr[0].val_upper_limit + ''
+    }
+    if (parseInt(value) < arr[0].val_lower_limit) {
+      return arr[0].val_lower_limit + ''
+    }
+  }
+  return value.replace(/^0+/gi, '')
+}
+
+const formatter8 = value => {
+  if (parseInt(value) == 0) {
+    return '0'
+  }
+  let arr = settingStore.allSettingList.filter(
+    item => item.name == 'pre_heat_time_s',
+  )
+  if (arr && arr.length > 0) {
+    if (parseInt(value) > arr[0].val_upper_limit) {
+      return arr[0].val_upper_limit + ''
+    }
+    if (parseInt(value) < arr[0].val_lower_limit) {
+      return arr[0].val_lower_limit + ''
+    }
+  }
+  return value.replace(/^0+/gi, '')
+}
+
+const formatter9 = value => {
+  if (parseInt(value) == 0) {
+    return '0'
+  }
+  let arr = settingStore.allSettingList.filter(
+    item => item.name == 'stoped_humi',
+  )
+  if (arr && arr.length > 0) {
+    if (parseInt(value) > arr[0].val_upper_limit) {
+      return arr[0].val_upper_limit + ''
+    }
+    if (parseInt(value) < arr[0].val_lower_limit) {
+      return arr[0].val_lower_limit + ''
+    }
+  }
+  return value.replace(/^0+/gi, '')
+}
+
+const formatter10 = value => {
+  if (parseInt(value) == 0) {
+    return '0'
+  }
+  let arr = settingStore.allSettingList.filter(
+    item => item.name == 'continued_humi',
+  )
+  if (arr && arr.length > 0) {
+    if (parseInt(value) > arr[0].val_upper_limit) {
+      return arr[0].val_upper_limit + ''
+    }
+    if (parseInt(value) < arr[0].val_lower_limit) {
+      return arr[0].val_lower_limit + ''
+    }
+  }
+  return value.replace(/^0+/gi, '')
+}
+
+const setAddliquidVal = () => {
+  const val = parseInt(addLiquidConfigVal.value)
+  if (isNaN(val)) {
+    showFailToast('设置失败,请填写正确参数')
+    return
+  }
+  settingStore.changeAddLiquidConfigVal(val)
+  webSocketStore.sendCommandMsg(setSettingValJSON('drainage_pump_speed', val))
+  showSuccessToast('设置成功')
+}
+
+const setStopedGsVal = () => {
+  const val = parseInt(stoped_gs.value)
+  if (isNaN(val)) {
+    showFailToast('设置失败,请填写正确参数')
+    return
+  }
+  settingStore.updateStopedGs(val)
+  webSocketStore.sendCommandMsg(setSettingValJSON('stoped_gs', val))
+  showSuccessToast('设置成功')
+}
+
+const setcontinuedGsVal = () => {
+  const val = parseInt(continued_gs.value)
+  if (isNaN(val)) {
+    showFailToast('设置失败,请填写正确参数')
+    return
+  }
+  settingStore.updateContinuedGs(val)
+  webSocketStore.sendCommandMsg(setSettingValJSON('continued_gs', val))
+  showSuccessToast('设置成功')
+}
+
+const setstopedSaturVal = () => {
+  const val = parseInt(stoped_satur.value)
+  if (isNaN(val)) {
+    showFailToast('设置失败,请填写正确参数')
+    return
+  }
+  settingStore.updateStopedSatur(val)
+  webSocketStore.sendCommandMsg(setSettingValJSON('stoped_satur', val))
+  showSuccessToast('设置成功')
+}
+
+const setContinuedSaturVal = () => {
+  const val = parseInt(continued_satur.value)
+  if (isNaN(val)) {
+    showFailToast('设置失败,请填写正确参数')
+    return
+  }
+  settingStore.updateContinuedSatur(val)
+  webSocketStore.sendCommandMsg(setSettingValJSON('continued_satur', val))
+  showSuccessToast('设置成功')
+}
+
+const setMaxHumidityVal = () => {
+  const val = parseInt(max_humidity.value)
+  if (isNaN(val)) {
+    showFailToast('设置失败,请填写正确参数')
+    return
+  }
+  settingStore.updateMaxHumidity(val)
+  webSocketStore.sendCommandMsg(setSettingValJSON('max_humidity', val))
+  showSuccessToast('设置成功')
+}
+
+const setHeat_timeVal = () => {
+  const val = parseInt(pre_heat_time_s.value)
+  if (isNaN(val)) {
+    showFailToast('设置失败,请填写正确参数')
+    return
+  }
+  settingStore.updatePre_heat_time_s(val)
+  webSocketStore.sendCommandMsg(setSettingValJSON('pre_heat_time_s', val))
+  showSuccessToast('设置成功')
+}
+
+const setstoped_humiVal = () => {
+  const val = parseInt(stoped_humi.value)
+  if (isNaN(val)) {
+    showFailToast('设置失败,请填写正确参数')
+    return
+  }
+  settingStore.updateStopedHumi(val)
+  webSocketStore.sendCommandMsg(setSettingValJSON('stoped_humi', val))
+  showSuccessToast('设置成功')
+}
+
+const setcontinued_humiVal = () => {
+  const val = parseInt(continued_humi.value)
+  if (isNaN(val)) {
+    showFailToast('设置失败,请填写正确参数')
+    return
+  }
+  settingStore.updateContinuedHumi(val)
+  webSocketStore.sendCommandMsg(setSettingValJSON('continued_humi', val))
+  showSuccessToast('设置成功')
+}
+
+const setSprayLiquidVal = () => {
+  const val = parseInt(sprayLiquidConfigVal.value)
+  if (isNaN(val)) {
+    showFailToast('设置失败,请填写正确参数')
+    return
+  }
+  settingStore.changeSprayLiquidConfigVal(val)
+  webSocketStore.sendCommandMsg(setSettingValJSON('injection_pump_speed', val))
+  showSuccessToast('设置成功')
+}
+</script>
+
+<style lang="scss" scoped>
+.device_container {
+  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;
+  .row_wrap {
+    // width: 726px;
+    height: 80px;
+    border-radius: 14px;
+    background: #f6f6f6;
+    box-sizing: border-box;
+    padding: 0 18px 0 40px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .title {
+      font-family: Zona Pro;
+      font-size: 20px;
+      font-weight: normal;
+      letter-spacing: 0.06em;
+      color: #000000;
+    }
+    .num {
+      font-family: Source Han Sans CN;
+      font-size: 14px;
+      font-weight: 500;
+      letter-spacing: 0.1em;
+      color: #000000;
+      display: flex;
+      align-items: center;
+    }
+    .btn {
+      width: 87px;
+      height: 45px;
+      border-radius: 23px;
+      background: #06518b;
+      font-family: Source Han Sans CN;
+      font-size: 14px;
+      font-weight: normal;
+      letter-spacing: 0.1em;
+      color: #ffffff;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+  }
+}
+</style>
diff --git a/src/components/Setting/components/PreTable.vue b/src/components/Setting/components/PreTable.vue
new file mode 100644
index 0000000..9b138a6
--- /dev/null
+++ b/src/components/Setting/components/PreTable.vue
@@ -0,0 +1,162 @@
+<template>
+  <div class="pre_table_container">
+    <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>
+      </div>
+    </div>
+    <div class="bottom_btn">
+      <svg
+        @click="addNewPre"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        fill="none"
+        version="1.1"
+        width="158"
+        height="40"
+        viewBox="0 0 158 40"
+      >
+        <g>
+          <g>
+            <g>
+              <rect
+                x="0"
+                y="0"
+                width="158"
+                height="40"
+                rx="20"
+                fill="#06518B"
+                fill-opacity="1"
+              />
+            </g>
+            <g>
+              <path
+                d="M21.014699999999998,7Q23.694200000000002,7,26.0646,8.017009999999999Q28.4349,9.03401,30.2016,10.80272Q31.9683,12.57143,32.9841,14.94445Q34,17.317500000000003,34,20Q34,22.712,32.9841,25.0703Q31.9683,27.4286,30.2016,29.1973Q28.4349,30.966,26.0646,31.983Q23.694200000000002,33,21.014699999999998,33Q18.305799999999998,33,15.93545,31.983Q13.56512,30.966,11.79841,29.1973Q10.03171,27.4286,9.01585,25.0703Q7.999999670926,22.712,8,20Q8,17.317500000000003,9.01585,14.94445Q10.03171,12.57143,11.79841,10.80272Q13.56512,9.03401,15.93545,8.017009999999999Q18.305799999999998,6.999999231289,21.014699999999998,7ZM28.4349,21.7982Q29.2005,21.7982,29.7305,21.2528Q30.2605,20.7075,30.2605,19.941000000000003Q30.2605,19.174599999999998,29.7305,18.644Q29.2005,18.1134,28.4349,18.1134L22.8992,18.1134L22.8992,12.57143Q22.8992,11.80499,22.3545,11.259640000000001Q21.8097,10.71429,21.0442,10.71429Q20.2786,10.71429,19.7486,11.259640000000001Q19.218600000000002,11.80499,19.218600000000002,12.57143L19.218600000000002,18.1134L13.6829,18.1134Q12.91733,18.1134,12.387319999999999,18.644Q11.85731,19.174599999999998,11.85731,19.941000000000003Q11.85731,20.7075,12.387319999999999,21.2528Q12.91733,21.7982,13.6829,21.7982L19.218600000000002,21.7982L19.218600000000002,27.3107Q19.218600000000002,28.0771,19.7486,28.6225Q20.2786,29.1678,21.0442,29.1678Q21.8097,29.1678,22.3545,28.6225Q22.8992,28.0771,22.8992,27.3107L22.8992,21.7982L28.4349,21.7982Z"
+                fill="#FFFFFF"
+                fill-opacity="1"
+              />
+            </g>
+            <g>
+              <path
+                d="M53.512,22.852C53.144,24.067999999999998,52.472,25.46,51.480000000000004,26.276L52.36,26.932C53.4,26.004,54.056,24.5,54.456,23.22L53.512,22.852ZM57.288,23.412C57.752,24.484,58.216,25.892,58.344,26.836L59.32,26.468C59.16,25.556,58.712,24.164,58.184,23.108L57.288,23.412ZM59.256,22.98C60.168,24.195999999999998,61.128,25.876,61.512,26.98L62.519999999999996,26.468C62.104,25.364,61.144,23.747999999999998,60.2,22.532L59.256,22.98ZM55.528,21.124000000000002L55.528,27.428C55.528,27.62,55.464,27.684,55.24,27.684C55.032,27.684,54.344,27.7,53.544,27.668C53.688,28.004,53.832,28.436,53.88,28.756C54.952,28.756,55.656,28.74,56.088,28.564C56.519999999999996,28.388,56.647999999999996,28.068,56.647999999999996,27.444L56.647999999999996,21.124000000000002L55.528,21.124000000000002ZM48.36,15.044C49.288,15.508,50.408,16.26025,50.936,16.80475L51.656,15.828C51.096000000000004,15.3,49.976,14.6105,49.064,14.17625L48.36,15.044ZM47.608,19.3823C48.568,19.7985,49.72,20.486800000000002,50.28,20.999299999999998L50.968,20.0225C50.392,19.5103,49.24,18.88575,48.264,18.50175L47.608,19.3823ZM47.96,27.8833L49.032,28.5555C49.736,27.1308,50.536,25.2578,51.144,23.6568L50.184,22.984299999999998C49.512,24.7133,48.6,26.6985,47.96,27.8833ZM52.232,14.948L52.232,16.067999999999998L55.768,16.067999999999998C55.592,16.804000000000002,55.352000000000004,17.524,55.048,18.212L51.496,18.212L51.496,19.348L54.456,19.348C53.656,20.6453,52.552,21.766,51.064,22.5028C51.288,22.7268,51.64,23.1593,51.8,23.4155C53.624,22.4708,54.903999999999996,21.0295,55.8,19.348L57.816,19.348C58.712,20.9495,60.216,22.4225,61.752,23.1593C61.928,22.871000000000002,62.296,22.4545,62.536,22.2305C61.208,21.67,59.912,20.5813,59.064,19.348L62.263999999999996,19.348L62.263999999999996,18.212L56.344,18.212C56.616,17.524,56.84,16.804000000000002,57.032,16.067999999999998L61.72,16.067999999999998L61.72,14.948L52.232,14.948ZM73.752,16.02L73.752,28.5208L74.904,28.5208L74.904,27.332L78.008,27.332L78.008,28.3923L79.208,28.3923L79.208,16.02L73.752,16.02ZM74.904,26.18L74.904,17.188000000000002L78.008,17.188000000000002L78.008,26.18L74.904,26.18ZM67.72,14.238L67.70400000000001,17.076L65.44800000000001,17.076L65.44800000000001,18.244L67.672,18.244C67.56,22.276,67.064,25.828,65.048,27.94C65.352,28.132,65.78399999999999,28.5,65.976,28.7745C68.136,26.42,68.696,22.58,68.84,18.244L71.27199999999999,18.244C71.144,24.404,71,26.596,70.664,27.06C70.52,27.268,70.36,27.332,70.12,27.316C69.832,27.316,69.144,27.316,68.392,27.252C68.6,27.588,68.712,28.1,68.744,28.452C69.464,28.5,70.2,28.5163,70.648,28.452C71.112,28.388,71.416,28.244,71.70400000000001,27.828C72.2,27.14,72.312,24.804000000000002,72.44,17.683999999999997C72.44,17.508,72.44,17.076,72.44,17.076L68.872,17.076L68.904,14.238L67.72,14.238ZM87.96000000000001,24.067999999999998C88.44,24.868000000000002,89.01599999999999,25.956,89.27199999999999,26.66L90.12,26.148C89.88,25.476,89.304,24.436,88.77600000000001,23.636L87.96000000000001,24.067999999999998ZM84.36,23.716C84.03999999999999,24.692,83.512,25.684,82.856,26.388C83.096,26.532,83.512,26.836,83.70400000000001,26.996C84.328,26.244,84.968,25.076,85.336,23.956L84.36,23.716ZM91.048,15.57175L91.048,21.076C91.048,23.204,90.92,25.956,89.56,27.876C89.816,28.02,90.29599999999999,28.388,90.488,28.6138C91.96000000000001,26.5375,92.168,23.3828,92.168,21.0768L92.168,20.564L94.6,20.564L94.6,28.6835L95.768,28.6835L95.768,20.564L97.52799999999999,20.564L97.52799999999999,19.444000000000003L92.168,19.444000000000003L92.168,16.368000000000002C93.864,16.11175,95.688,15.69525,97.032,15.1985L96.056,14.31725C94.904,14.801,92.84,15.28275,91.048,15.57175ZM85.624,14.239C85.88,14.688500000000001,86.136,15.2345,86.328,15.716000000000001L83.176,15.716000000000001L83.176,16.724L90.24799999999999,16.724L90.24799999999999,15.716000000000001L87.576,15.716000000000001C87.368,15.186250000000001,87.01599999999999,14.496,86.712,13.966000000000001L85.624,14.239ZM88.232,16.804000000000002C88.03999999999999,17.54,87.672,18.628,87.368,19.364L82.936,19.364L82.936,20.387999999999998L86.21600000000001,20.387999999999998L86.21600000000001,22.052L83,22.052L83,23.108L86.21600000000001,23.108L86.21600000000001,27.188C86.21600000000001,27.348,86.184,27.396,86.024,27.396C85.848,27.412,85.352,27.412,84.792,27.396C84.952,27.684,85.112,28.132,85.144,28.42C85.928,28.42,86.47200000000001,28.404,86.84,28.228C87.208,28.052,87.32,27.764,87.32,27.204L87.32,23.108L90.312,23.108L90.312,22.052L87.32,22.052L87.32,20.387999999999998L90.50399999999999,20.387999999999998L90.50399999999999,19.364L88.456,19.364C88.75999999999999,18.69125,89.064,17.826,89.352,17.041L88.232,16.804000000000002ZM84.21600000000001,17.060499999999998C84.536,17.780749999999998,84.77600000000001,18.741500000000002,84.84,19.3658L85.88,19.0778C85.8,18.469250000000002,85.52799999999999,17.524749999999997,85.19200000000001,16.83625L84.21600000000001,17.060499999999998ZM110.52000000000001,19.555999999999997L110.52000000000001,22.756C110.52000000000001,24.404,110.152,26.564,106.36,27.812C106.632,28.036,106.952,28.436,107.096,28.676C111.16,27.188,111.656,24.788,111.656,22.772L111.656,19.555999999999997L110.52000000000001,19.555999999999997ZM111.4,26.068C112.408,26.868,113.704,28.02,114.328,28.7403L115.16,27.892C114.52,27.204,113.192,26.1,112.2,25.332L111.4,26.068ZM101.208,17.747999999999998C102.184,18.404,103.432,19.284,104.312,19.956L100.408,19.956L100.408,21.028L103.048,21.028L103.048,27.316C103.048,27.524,102.98400000000001,27.572,102.744,27.588C102.52000000000001,27.588,101.78399999999999,27.588,100.952,27.572C101.128,27.908,101.288,28.388,101.336,28.724C102.44,28.724,103.16,28.708,103.608,28.516C104.072,28.324,104.2,27.988,104.2,27.348L104.2,21.028L105.912,21.028C105.624,21.892,105.304,22.772,105.01599999999999,23.380000000000003L105.928,23.619999999999997C106.36,22.756,106.856,21.348,107.27199999999999,20.116L106.52000000000001,19.908L106.344,19.956L105.256,19.956L105.576,19.54C105.208,19.252000000000002,104.696,18.868000000000002,104.12,18.484C105.064,17.636,106.104,16.404,106.792,15.251999999999999L106.056,14.73975L105.848,14.804L100.744,14.804L100.744,15.876000000000001L105.048,15.876000000000001C104.55199999999999,16.596,103.896,17.380000000000003,103.288,17.908L101.864,16.98L101.208,17.747999999999998ZM107.8,17.428L107.8,25.044L108.92,25.044L108.92,18.532L113.336,18.532L113.336,25.012L114.504,25.012L114.504,17.428L111.384,17.428L111.944,15.828L115.144,15.828L115.144,14.74L107.22399999999999,14.74L107.22399999999999,15.828L110.632,15.828C110.52000000000001,16.356,110.376,16.932000000000002,110.232,17.428L107.8,17.428ZM119.352,15.059999999999999C120.2,15.812000000000001,121.272,16.884,121.768,17.572L122.584,16.724C122.072,16.067999999999998,121,15.027999999999999,120.136,14.32225L119.352,15.059999999999999ZM118.088,19.060000000000002L118.088,20.212L120.344,20.212L120.344,25.9603C120.344,26.697,119.848,27.2258,119.544,27.418C119.768,27.6583,120.088,28.1548,120.2,28.443C120.44,28.1228,120.872,27.8023,123.72,25.688C123.576,25.4478,123.384,24.999299999999998,123.288,24.678800000000003L121.512,25.9763L121.512,19.060000000000002L118.088,19.060000000000002ZM125.256,14.612L125.256,16.387999999999998C125.256,17.572,124.904,18.9,122.792,19.86C123.016,20.052,123.432,20.516,123.576,20.756C125.88,19.652,126.392,17.924,126.392,16.42L126.392,15.732L129.224,15.732L129.224,18.308C129.224,19.524,129.44799999999998,19.972,130.56799999999998,19.972C130.744,19.972,131.52800000000002,19.972,131.768,19.972C132.088,19.972,132.424,19.956,132.61599999999999,19.892C132.56799999999998,19.619999999999997,132.536,19.156,132.50400000000002,18.852C132.312,18.9,131.976,18.932000000000002,131.752,18.932000000000002C131.54399999999998,18.932000000000002,130.824,18.932000000000002,130.648,18.932000000000002C130.392,18.932000000000002,130.36,18.788,130.36,18.323999999999998L130.36,14.612L125.256,14.612ZM130.28,22.228C129.704,23.5095,128.84,24.5668,127.784,25.4158C126.712,24.5348,125.864,23.4615,125.288,22.228L130.28,22.228ZM123.544,21.108L123.544,22.228L124.376,22.228L124.152,22.3083C124.792,23.7818,125.704,25.0633,126.84,26.1045C125.64,26.8733,124.264,27.402,122.856,27.7223C123.08,27.9785,123.336,28.459,123.432,28.7635C124.984,28.347,126.456,27.7383,127.752,26.8573C128.96800000000002,27.7543,130.424,28.411,132.072,28.8115C132.216,28.475,132.55200000000002,27.9945,132.808,27.7383C131.272,27.418,129.89600000000002,26.8573,128.728,26.1045C130.088,24.9193,131.176,23.381500000000003,131.816,21.380000000000003L131.07999999999998,21.060000000000002L130.872,21.108L123.544,21.108Z"
+                fill="#FFFFFF"
+                fill-opacity="1"
+              />
+            </g>
+          </g>
+        </g>
+      </svg>
+    </div>
+    <DelPreModal v-if="delPreModalVisible" :hideDelModal="hideDelModal" />
+    <AddPreModal
+      v-if="addPreModalVisible"
+      :hideAddNewPreModal="hideAddNewPreModal"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import DelPreModal from 'cpns/dialogs/DelPreModal'
+import AddPreModal from 'cpns/dialogs/AddPreModal'
+const delPreModalVisible = ref(false)
+
+const delModalShow = () => {
+  delPreModalVisible.value = true
+}
+
+const hideDelModal = () => {
+  delPreModalVisible.value = false
+}
+
+const addPreModalVisible = ref(false)
+
+// 新增预设
+const addNewPre = () => {
+  addPreModalVisible.value = true
+}
+
+const hideAddNewPreModal = () => {
+  addPreModalVisible.value = false
+}
+</script>
+
+<style lang="scss" scoped>
+.pre_table_container {
+  width: 766px;
+  height: 580px;
+  border-radius: 16px;
+  background: #ffffff;
+  box-sizing: border-box;
+  padding: 20px;
+  .lines_wrap {
+    width: 766px;
+    height: 480px;
+    overflow: scroll;
+    margin-bottom: 20px;
+    box-sizing: border-box;
+    .line {
+      width: 726px;
+      height: 80px;
+      box-sizing: border-box;
+      border-radius: 14px;
+      background: #f6f6f6;
+      padding: 19px 31px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .title {
+        font-family: AlibabaPuHuiTi;
+        font-size: 20px;
+        font-weight: normal;
+        line-height: normal;
+        letter-spacing: 0.06em;
+        color: #000000;
+      }
+      .btns {
+        display: flex;
+        align-items: center;
+        .del {
+          font-family: Source Han Sans CN;
+          font-size: 20px;
+          font-weight: normal;
+          line-height: normal;
+          letter-spacing: 0.1em;
+          color: #06518b;
+          width: 87px;
+          height: 41.23px;
+          border-radius: 21px;
+          background: none;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+        .setting {
+          width: 87px;
+          height: 41.23px;
+          border-radius: 21px;
+          background: #06518b;
+          font-family: Source Han Sans CN;
+          font-size: 20px;
+          font-weight: normal;
+          line-height: normal;
+          letter-spacing: 0.1em;
+          color: #ffffff;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
+    }
+  }
+  .bottom_btn {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+  }
+}
+</style>
diff --git a/src/components/Setting/index.vue b/src/components/Setting/index.vue
index f216d68..6099d3e 100644
--- a/src/components/Setting/index.vue
+++ b/src/components/Setting/index.vue
@@ -21,12 +21,24 @@
         <p :class="activeTab == 4 ? 'title active' : 'title'">日期/时间设置</p>
         <div :class="activeTab == 4 ? 'btn style-btn' : 'dis_btn'">配置</div>
       </div>
+      <div class="tab_wrap" @click="changeActiveTab(5)">
+        <p class="active_line" v-show="activeTab == 5"></p>
+        <p :class="activeTab == 5 ? 'title active' : 'title'">操作日志导出</p>
+        <div :class="activeTab == 5 ? 'btn style-btn' : 'dis_btn'">导出</div>
+      </div>
+      <div class="tab_wrap" @click="changeActiveTab(6)">
+        <p class="active_line" v-show="activeTab == 6"></p>
+        <p :class="activeTab == 6 ? 'title active' : 'title'">消毒预设</p>
+        <div :class="activeTab == 6 ? 'btn style-btn' : 'dis_btn'">设置</div>
+      </div>
     </div>
     <div class="right_container">
       <Admin v-if="activeTab == 2" />
       <Date v-if="activeTab == 4" />
       <Device v-if="activeTab == 1" />
       <User v-if="activeTab == 3" />
+      <ExportExcel v-if="activeTab == 5" />
+      <PreTable v-if="activeTab == 6" />
     </div>
   </div>
 </template>
@@ -37,6 +49,8 @@ import Admin from './components/Admin.vue'
 import Date from './components/Date.vue'
 import Device from './components/Device.vue'
 import User from './components/User.vue'
+import ExportExcel from './components/ExportExcel.vue'
+import PreTable from './components/PreTable.vue'
 import { getAllUserJSON } from '@/mock/command'
 import { useWebSocketStore } from '@/store'
 
@@ -67,14 +81,13 @@ const changeActiveTab = index => {
     border-radius: 16px;
     background: #ffffff;
     padding: 20px;
-    padding-bottom: 180px;
     display: grid;
     grid-template-columns: repeat(1, 1fr);
-    grid-template-rows: repeat(4, 1fr);
+    grid-template-rows: repeat(6, 1fr);
     row-gap: 20px;
     .tab_wrap {
       width: 384px;
-      height: 80px;
+      height: 73.3px;
       border-radius: 14px;
       background: #f6f6f6;
       box-sizing: border-box;
diff --git a/src/components/dialogs/AddPreModal.vue b/src/components/dialogs/AddPreModal.vue
new file mode 100644
index 0000000..107dfe9
--- /dev/null
+++ b/src/components/dialogs/AddPreModal.vue
@@ -0,0 +1,117 @@
+<template>
+  <div class="add_pre_modal_container">
+    <div class="modal_content">
+      <p class="title">新增预设</p>
+      <van-field
+        v-model="preName"
+        clearable
+        label="预设名称"
+        left-icon="setting-o"
+        size="large"
+        :center="true"
+        class="name"
+        placeholder="请输入预设名称"
+      />
+      <div class="btns">
+        <div class="cancel style-btn" @click="addNewRecord">确定</div>
+        <div class="ok style-btn" @click="handleCancel">取消</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+const props = defineProps({
+  hideAddNewPreModal: {
+    type: Function,
+  },
+})
+
+const handleCancel = () => {
+  props.hideAddNewPreModal()
+}
+
+const preName = ref('')
+
+const addNewRecord = () => {
+  // 新增新的预设
+  // 新增成功后请求所有预设
+  props.hideAddNewPreModal()
+}
+</script>
+
+<style lang="scss" scoped>
+.add_pre_modal_container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .modal_content {
+    width: 476px;
+    height: 414px;
+    border-radius: 16px;
+    background: #ffffff;
+    position: relative;
+    box-sizing: border-box;
+    padding: 0 40px;
+    padding-top: 45px;
+    padding-bottom: 45px;
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    justify-content: space-between;
+    .title {
+      font-family: Source Han Sans CN;
+      font-size: 22px;
+      font-weight: normal;
+      line-height: normal;
+      letter-spacing: 0.04em;
+      color: #000000;
+    }
+    .name {
+      height: 68px;
+    }
+    .btns {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 362px;
+      .cancel {
+        width: 173px;
+        height: 68px;
+        border-radius: 34px;
+        background: #06518b;
+        font-family: Source Han Sans CN;
+        font-size: 23px;
+        font-weight: 350;
+        letter-spacing: 0em;
+        color: #ffffff;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .ok {
+        width: 173px;
+        height: 68px;
+        border-radius: 34px;
+        background: #d8d8d8;
+        font-family: Source Han Sans CN;
+        font-size: 23px;
+        font-weight: 350;
+        letter-spacing: 0em;
+        color: #ffffff;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/dialogs/DelPreModal.vue b/src/components/dialogs/DelPreModal.vue
new file mode 100644
index 0000000..329babc
--- /dev/null
+++ b/src/components/dialogs/DelPreModal.vue
@@ -0,0 +1,114 @@
+<template>
+  <div class="del_pre_modal_container">
+    <div class="modal_content">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+        fill="none"
+        version="1.1"
+        width="69"
+        height="69"
+        viewBox="0 0 69 69"
+      >
+        <g>
+          <path
+            d="M34.5,0C15.456,0,0,15.456,0,34.5C0,53.544,15.456,69,34.5,69C53.544,69,69,53.544,69,34.5C69,15.456,53.544,0,34.5,0ZM34.5,55.2C32.5335,55.2,30.981,53.613,30.981,51.681C30.981,49.7145,32.568,48.162,34.5,48.162C36.4665,48.162,38.019,49.749,38.019,51.681C38.019,53.613,36.4665,55.2,34.5,55.2ZM38.3295,15.8355L37.605,40.9515C37.5705,42.2625,36.225,43.2975,34.638,43.2975L34.086,43.2975C32.499,43.2975,31.1535,42.2625,31.119,40.9515L30.36,15.8355C30.291,13.8345,31.9125,12.144,33.9825,12.144L34.707,12.144C36.777,12.144,38.3985,13.8345,38.3295,15.8355Z"
+            fill="#FA1C1C"
+            fill-opacity="1"
+          />
+        </g>
+      </svg>
+      <p class="tips">
+        <span class="red">确定要删除当前预设吗？</span>
+      </p>
+      <div class="btns">
+        <div class="ok style-btn">确定</div>
+        <div class="cancel style-btn" @click="handleCancel">取消</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  hideDelModal: {
+    type: Function,
+  },
+})
+
+const handleCancel = () => {
+  props.hideDelModal()
+}
+</script>
+
+<style lang="scss" scoped>
+.del_pre_modal_container {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .modal_content {
+    width: 476px;
+    height: 350px;
+    border-radius: 16px;
+    background: #ffffff;
+    padding: 52px 37px 55px 37px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .tips {
+      margin-top: 33px;
+      margin-bottom: 50px;
+      font-family: Source Han Sans CN;
+      font-size: 21px;
+      font-weight: normal;
+      letter-spacing: 0.04em;
+      color: #000000;
+      .red {
+        color: #fa1c1c;
+      }
+    }
+    .btns {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 362px;
+      .cancel {
+        width: 173px;
+        height: 68px;
+        border-radius: 34px;
+        background: #06518b;
+        font-family: Source Han Sans CN;
+        font-size: 23px;
+        font-weight: 350;
+        letter-spacing: 0em;
+        color: #ffffff;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      .ok {
+        width: 173px;
+        height: 68px;
+        border-radius: 34px;
+        background: #d8d8d8;
+        font-family: Source Han Sans CN;
+        font-size: 23px;
+        font-weight: 350;
+        letter-spacing: 0em;
+        color: #ffffff;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/store/index.js b/src/store/index.js
index 80fc4cc..824b988 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -6,6 +6,7 @@ import { useWebSocketStore } from './modules/websocket'
 import { useDeviceStore } from './modules/device'
 import { useUserStore } from './modules/user'
 import { useEchartsStore } from './modules/echarts'
+import { usePreStore } from './modules/preinstall'
 const store = createPinia()
 
 export default store
@@ -17,4 +18,5 @@ export {
   useDeviceStore,
   useEchartsStore,
   useUserStore,
+  usePreStore,
 }
diff --git a/src/store/modules/preinstall.js b/src/store/modules/preinstall.js
new file mode 100644
index 0000000..fcdb19f
--- /dev/null
+++ b/src/store/modules/preinstall.js
@@ -0,0 +1,10 @@
+import { defineStore } from 'pinia'
+export const usePreStore = defineStore({
+  id: 'preinstall', // id必填，且需要唯一
+  // state
+  state: () => {
+    return {}
+  },
+  // actions
+  actions: {},
+})