From 28209cb843cece82702d2b30614da9f26f31a2a0 Mon Sep 17 00:00:00 2001
From: maochaoying <925670706@qq.com>
Date: Tue, 15 Aug 2023 14:59:03 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8A=A0=E6=B6=B2=E6=8E=92=E6=B6=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/LiquidHandle.vue        | 44 ++++++++++++++++++++++++++++++----
 src/components/dialogs/LiquidModal.vue |  8 ++++++-
 src/mock/command.js                    | 15 ++++++++++++
 src/pages/Home.vue                     |  4 ++--
 src/pages/Login.vue                    |  4 ++--
 5 files changed, 65 insertions(+), 10 deletions(-)

diff --git a/src/components/LiquidHandle.vue b/src/components/LiquidHandle.vue
index 6b1fa0a..cfe18b2 100644
--- a/src/components/LiquidHandle.vue
+++ b/src/components/LiquidHandle.vue
@@ -12,13 +12,25 @@
         />
         <p class="title">设置加液</p>
       </div>
-      <div class="btn mr" v-if="tabType == 1">暂停加液</div>
-      <div class="btn active" v-if="tabType == 1">开始加液</div>
+      <div
+        :class="isAddLiquidStatus ? 'btn mr active' : 'btn mr '"
+        v-if="tabType == 1"
+        @click="stopAdd"
+      >
+        暂停加液
+      </div>
+      <div
+        :class="isAddLiquidStatus ? 'btn' : 'btn active'"
+        v-if="tabType == 1"
+        @click="startAdd"
+      >
+        开始加液
+      </div>
       <div class="btn active" v-if="tabType == 2" @click="startTabLiquid">
         开始排液
       </div>
     </div>
-    <div class="add_liquid">
+    <!-- <div class="add_liquid">
       <svg
         xmlns="http://www.w3.org/2000/svg"
         xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -37,7 +49,7 @@
         </g>
       </svg>
       <p class="text">{{ tabType == 1 ? '加液完成' : '排液完成' }}</p>
-    </div>
+    </div> -->
     <div class="chart">
       <div
         class="liquid_column"
@@ -55,22 +67,44 @@
 
 <script setup>
 import LiquidModal from './dialogs/LiquidModal.vue'
-import { useDeviceStore } from '@/store'
+import { useDeviceStore, useWebSocketStore } from '@/store'
 import { ref } from 'vue'
 import { storeToRefs } from 'pinia'
+import {
+  startReplenishingFluidsJSON,
+  stopReplenishingFluidsJSON,
+} from '@/mock/command'
+
 const props = defineProps({
   tabType: {
     type: Number,
   },
 })
+
 const addLiquidVal = ref(0)
 const tipModalVisible = ref(false)
+const webSocketStore = useWebSocketStore()
+
+const isAddLiquidStatus = ref(false)
+
+const startAdd = () => {
+  isAddLiquidStatus.value = true
+  webSocketStore.sendCommandMsg(startReplenishingFluidsJSON)
+}
+
+const stopAdd = () => {
+  isAddLiquidStatus.value = false
+  webSocketStore.sendCommandMsg(stopReplenishingFluidsJSON)
+}
 
 const startTabLiquid = () => {
   tipModalVisible.value = true
 }
 
 const formatter = value => {
+  if (value > 500) {
+    return '500/g'
+  }
   if (value != 0) {
     var newVal = value.replace(/\b(0+)/gi, '')
     return newVal + '/g'
diff --git a/src/components/dialogs/LiquidModal.vue b/src/components/dialogs/LiquidModal.vue
index 3c53006..1d0c904 100644
--- a/src/components/dialogs/LiquidModal.vue
+++ b/src/components/dialogs/LiquidModal.vue
@@ -33,6 +33,11 @@
 </template>
 
 <script setup>
+import { useWebSocketStore } from '@/store'
+import { startDrainingJSON } from '@/mock/command'
+
+const webSocketStore = useWebSocketStore()
+
 const props = defineProps({
   hideTabLiquid: {
     type: Function,
@@ -40,7 +45,8 @@ const props = defineProps({
 })
 
 const tapLiquid = () => {
-  console.log('排液体')
+  webSocketStore.sendCommandMsg(startDrainingJSON)
+  props?.hideTabLiquid()
 }
 
 const cancelTap = () => {
diff --git a/src/mock/command.js b/src/mock/command.js
index 8afe66a..4d6b3d5 100644
--- a/src/mock/command.js
+++ b/src/mock/command.js
@@ -98,3 +98,18 @@ export const someAirSwitchJSON = (num, flag) => {
     cancmd: `writeio ${num} ${flag}`,
   }
 }
+
+export const startReplenishingFluidsJSON = {
+  command: 'startReplenishingFluids',
+  messageId: 'startReplenishingFluids',
+}
+
+export const stopReplenishingFluidsJSON = {
+  command: 'stopReplenishingFluids',
+  messageId: 'stopReplenishingFluids',
+}
+
+export const startDrainingJSON = {
+  command: 'startDraining',
+  messageId: 'startDraining',
+}
diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index b839578..ffc4eb2 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -165,14 +165,14 @@
         </g>
       </svg>
     </div>
-    <van-overlay :show="settingStore.initLoading">
+    <!-- <van-overlay :show="settingStore.initLoading">
       <div class="wrapper" @click.stop>
         <div class="block">
           <van-loading />
           <p class="shutdown_text">初始化系统参数...</p>
         </div>
       </div>
-    </van-overlay>
+    </van-overlay> -->
   </div>
 </template>
 
diff --git a/src/pages/Login.vue b/src/pages/Login.vue
index 5c590f9..15b943d 100644
--- a/src/pages/Login.vue
+++ b/src/pages/Login.vue
@@ -12,10 +12,10 @@
         <img :src="Shutdown" class="icon" alt="" />
         <p class="text">关机</p>
       </div>
-      <div class="group" @click="reboot">
+      <!-- <div class="group" @click="reboot">
         <img :src="Restart" class="icon" alt="" />
         <p class="text">重新启动</p>
-      </div>
+      </div> -->
     </div>
     <van-overlay :show="showShutdown">
       <div class="wrapper" @click.stop>