From 9a81eb7db53bd50b415e6060e559a2b55af110c0 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Fri, 11 Aug 2023 10:11:07 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A0=95=E5=8A=A8=E6=B3=B5=E7=9A=84=E8=AE=BE?=
 =?UTF-8?q?=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Setting/components/Device.vue | 35 ++++++++++++++++++++++++----
 src/main.js                                  |  3 ++-
 src/store/modules/setting.js                 | 12 ++++++++++
 3 files changed, 44 insertions(+), 6 deletions(-)

diff --git a/src/components/Setting/components/Device.vue b/src/components/Setting/components/Device.vue
index 70a734d..c8f9b59 100644
--- a/src/components/Setting/components/Device.vue
+++ b/src/components/Setting/components/Device.vue
@@ -11,7 +11,7 @@
           placeholder="设置加液蠕动泵转速"
         />
       </p>
-      <div class="btn">设置</div>
+      <div class="btn" @click="setAddliquidVal">设置</div>
     </div>
     <div class="row_wrap">
       <p class="title">喷液蠕动泵</p>
@@ -24,17 +24,42 @@
           placeholder="设置喷液蠕动泵转速"
         />
       </p>
-      <div class="btn">设置</div>
+      <div class="btn" @click="setSprayLiquidVal">设置</div>
     </div>
   </div>
 </template>
 
 <script setup>
 import { ref } from 'vue'
-const addLiquidVal = ref(0)
-const sprayLiquidVal = ref(0)
+import { showSuccessToast, showFailToast } from 'vant'
+import { useSettingStore } from '@/store'
+const settingStore = useSettingStore()
+const addLiquidVal = ref(settingStore.addLiquidConfigVal)
+const sprayLiquidVal = ref(settingStore.sprayLiquidConfigVal)
 
-const formatter = value => value + '/g'
+const formatter = value => {
+  if (value != 0) {
+    var newVal = value.replace(/\b(0+)/gi, '')
+    return newVal + '/g'
+  }
+  return '0/g'
+}
+
+const setAddliquidVal = () => {
+  const val = parseInt(
+    addLiquidVal.value.substring(0, addLiquidVal.value.length - 2),
+  )
+  settingStore.changeAddLiquidConfigVal(val)
+  showSuccessToast('设置成功')
+}
+
+const setSprayLiquidVal = () => {
+  const val = parseInt(
+    sprayLiquidVal.value.substring(0, sprayLiquidVal.value.length - 2),
+  )
+  settingStore.changeSprayLiquidConfigVal(val)
+  showSuccessToast('设置成功')
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/main.js b/src/main.js
index e1a8974..b3a93e9 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,7 +2,7 @@ import { createApp } from 'vue'
 import router from './router'
 import store from './store'
 import App from './App.vue'
-import { DatePicker, TimePicker, Picker, Field } from 'vant'
+import { DatePicker, TimePicker, Picker, Field, Toast } from 'vant'
 import 'vant/lib/index.css'
 import '@/assets/css/reset.css'
 import './style.scss'
@@ -13,5 +13,6 @@ createApp(App)
   .use(DatePicker)
   .use(TimePicker)
   .use(Field)
+  .use(Toast)
   .use(store)
   .mount('#app')
diff --git a/src/store/modules/setting.js b/src/store/modules/setting.js
index a808f4f..c7bbd04 100644
--- a/src/store/modules/setting.js
+++ b/src/store/modules/setting.js
@@ -4,8 +4,14 @@ export const useSettingStore = defineStore({
   // state
   state: () => {
     return {
+      // 设置当前日期
       currentDate: [],
+      // 设置当前时间
       currentTime: [],
+      // 设置加液泵的参数
+      addLiquidConfigVal: 0,
+      // 设置喷液泵的参数
+      sprayLiquidConfigVal: 0,
     }
   },
   // actions
@@ -16,5 +22,11 @@ export const useSettingStore = defineStore({
     updateCurrentTime(currentTime) {
       this.currentTime = currentTime
     },
+    changeAddLiquidConfigVal(val) {
+      this.addLiquidConfigVal = val
+    },
+    changeSprayLiquidConfigVal(val) {
+      this.sprayLiquidConfigVal = val
+    },
   },
 })