From a53e5f934a4894a7e767f116f42ba98f664b7393 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Thu, 3 Aug 2023 18:51:21 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B0=81=E8=A3=85=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Test.vue    | 33 ++++++++++++++++++++++++---------
 src/store/index.js         |  4 ++--
 src/store/modules/count.js | 27 ---------------------------
 src/store/modules/test.js  | 19 +++++++++++++++++++
 4 files changed, 45 insertions(+), 38 deletions(-)
 delete mode 100644 src/store/modules/count.js
 create mode 100644 src/store/modules/test.js

diff --git a/src/components/Test.vue b/src/components/Test.vue
index 1292bc6..7cb6a45 100644
--- a/src/components/Test.vue
+++ b/src/components/Test.vue
@@ -4,32 +4,42 @@
       <p class="title">加液蠕动泵</p>
       <p class="num">000/000</p>
       <div class="btn_wrap">
-        <div class="open">打开</div>
-        <div class="close">关闭</div>
+        <div :class="testStore.feedingPeristalticPumpStatus ? 'close' : 'open'">
+          打开
+        </div>
+        <div
+          :class="!testStore.feedingPeristalticPumpStatus ? 'close' : 'open'"
+        >
+          关闭
+        </div>
       </div>
     </div>
     <div class="common_set switch_wrap">
       <p class="title">喷液蠕动泵</p>
       <p class="num">000/000</p>
       <div class="btn_wrap">
-        <div class="open">打开</div>
-        <div class="close">关闭</div>
+        <div :class="testStore.sprayPeristalticPump ? 'close' : 'open'">
+          打开
+        </div>
+        <div :class="!testStore.sprayPeristalticPump ? 'close' : 'open'">
+          关闭
+        </div>
       </div>
     </div>
     <div class="common_set switch_wrap">
       <p class="title">空压机</p>
       <p class="num">000/000</p>
       <div class="btn_wrap">
-        <div class="open">打开</div>
-        <div class="close">关闭</div>
+        <div :class="testStore.airCompressor ? 'close' : 'open'">打开</div>
+        <div :class="!testStore.airCompressor ? 'close' : 'open'">关闭</div>
       </div>
     </div>
     <div class="common_set switch_wrap">
       <p class="title">风机</p>
       <p class="num">000/000</p>
       <div class="btn_wrap">
-        <div class="open">打开</div>
-        <div class="close">关闭</div>
+        <div :class="testStore.draughtFan ? 'close' : 'open'">打开</div>
+        <div :class="!testStore.draughtFan ? 'close' : 'open'">关闭</div>
       </div>
     </div>
     <div class="common_set update_wrap">
@@ -63,7 +73,12 @@
   </div>
 </template>
 
-<script setup></script>
+<script setup>
+import { ref } from 'vue'
+import { useTestStore } from '@/store'
+
+const testStore = useTestStore()
+</script>
 
 <style lang="scss" scoped>
 .test_container {
diff --git a/src/store/index.js b/src/store/index.js
index c149d67..a47e90f 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1,6 +1,6 @@
 import { createPinia } from 'pinia'
-import { useCountStore } from './modules/count'
+import { useTestStore } from './modules/test'
 const store = createPinia()
 
 export default store
-export { useCountStore }
+export { useTestStore }
diff --git a/src/store/modules/count.js b/src/store/modules/count.js
deleted file mode 100644
index d2d6ec3..0000000
--- a/src/store/modules/count.js
+++ /dev/null
@@ -1,27 +0,0 @@
-import { defineStore } from 'pinia'
-export const useCountStore = defineStore({
-  id: 'count', // id必填，且需要唯一
-  // state
-  state: () => {
-    return {
-      count: 0,
-    }
-  },
-  // getters
-  getters: {
-    doubleCount: state => {
-      return state.count * 2
-    },
-  },
-  // actions
-  actions: {
-    // actions 同样支持异步写法
-    countAdd() {
-      // 可以通过 this 访问 state 中的内容
-      this.count++
-    },
-    countReduce() {
-      this.count--
-    },
-  },
-})
diff --git a/src/store/modules/test.js b/src/store/modules/test.js
new file mode 100644
index 0000000..34f4087
--- /dev/null
+++ b/src/store/modules/test.js
@@ -0,0 +1,19 @@
+import { defineStore } from 'pinia'
+export const useTestStore = defineStore({
+  id: 'test', // id必填，且需要唯一
+  // state
+  state: () => {
+    return {
+      // 加液蠕动泵开关
+      feedingPeristalticPumpStatus: true,
+      // 喷液蠕动泵开关
+      sprayPeristalticPump: false,
+      // 空压机开关
+      airCompressor: false,
+      // 风机开关
+      draughtFan: false,
+    }
+  },
+  // actions
+  actions: {},
+})