From c2fff089f0761d14afa0ec32436ba4dd2c2f98a7 Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Sun, 11 May 2025 23:37:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=B7=A5=E8=89=BA=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E5=8F=98=E6=9B=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/apis/crafts.ts                 |  2 ++
 src/components/home/Tube/index.vue | 44 ++++++++++++++++++++++++++++++++++++--
 src/stores/homeStore.ts            |  2 +-
 3 files changed, 45 insertions(+), 3 deletions(-)

diff --git a/src/apis/crafts.ts b/src/apis/crafts.ts
index 89caeeb..64af207 100644
--- a/src/apis/crafts.ts
+++ b/src/apis/crafts.ts
@@ -17,6 +17,8 @@ export const delCraft = (ids: string): Promise<null> => http.delete(`/crafts/${i
 
 // 开始执行工艺
 export const startCraft = (params: { heatId: string }): Promise<null> => http.post(`/crafts/start`, params)
+export const pauseCraft = (params: { heatId: string }): Promise<null> => http.post(`/crafts/pause`, params)
+export const resumeCraft = (params: { heatId: string }): Promise<null> => http.post(`/crafts/resume`, params)
 
 export const stopCraft = (params: { heatId: string }): Promise<null> => http.post(`/crafts/stop`, params)
 
diff --git a/src/components/home/Tube/index.vue b/src/components/home/Tube/index.vue
index b245e03..e4716c7 100644
--- a/src/components/home/Tube/index.vue
+++ b/src/components/home/Tube/index.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { pauseCraft, resumeCraft, stopCraft } from 'apis/crafts'
 import errorIcon from 'assets/images/error.svg'
 import ingIcon from 'assets/images/ing.svg'
 import successIcon from 'assets/images/success.svg'
@@ -54,6 +55,24 @@ const setTemperature = () => {
   emits('setTemperature', props.data.moduleCode)
 }
 
+const pauseCraftHandle = async () => {
+  await pauseCraft({
+    heatId: props.data.moduleCode,
+  })
+}
+
+const resumeCraftHandle = async () => {
+  await resumeCraft({
+    heatId: props.data.moduleCode,
+  })
+}
+
+const stopCraftHandle = async () => {
+  await stopCraft({
+    heatId: props.data.moduleCode,
+  })
+}
+
 defineExpose({
   activeTubeBox,
 })
@@ -80,6 +99,17 @@ defineExpose({
       <span v-if="craft?.state === 'READY'" class="status-text">工艺等待执行</span>
       <span v-if="craft?.state === 'ERROR'" class="status-text">工艺执行错误</span>
       <span v-if="craft?.state === 'FINISHED'" class="status-text">工艺执行成功</span>
+      <div class="status-operation">
+        <ft-button v-if="craft?.state === 'RUNNING'" type="primary" size="small" :click-handle="pauseCraftHandle">
+          暂停
+        </ft-button>
+        <ft-button v-if="craft?.state === 'PAUSED'" type="primary" size="small" :click-handle="resumeCraftHandle">
+          继续
+        </ft-button>
+        <ft-button v-if="craft?.state === 'RUNNING'" size="small" :click-handle="stopCraftHandle">
+          停止
+        </ft-button>
+      </div>
     </div>
     <div class="header">
       <span>{{ hearInfo?.label }}</span>
@@ -159,6 +189,16 @@ defineExpose({
       font-size: 16px;
       font-weight: 700;
     }
+    .status-operation {
+      width: 100%;
+      margin-top: auto;
+      margin-bottom: 10px;
+      display: flex;
+      justify-content: center;
+      .ft-button {
+        margin-right: 5px;
+      }
+    }
   }
   .status-wait {
     background: rgba(242,235,231, 0.9);
@@ -173,8 +213,8 @@ defineExpose({
   }
   .status-ing  {
     background: rgba(205,223,255, 0.9);
-    border: 1px solid #3E3A39;
-    color: #3E3A39;
+    border: 1px solid #0256FF;
+    color: #0256FF;
   }
   .header {
     display: flex;
diff --git a/src/stores/homeStore.ts b/src/stores/homeStore.ts
index 222b54e..01d640e 100644
--- a/src/stores/homeStore.ts
+++ b/src/stores/homeStore.ts
@@ -60,5 +60,5 @@ export const useHomeStore = defineStore('home', {
       FtMessage.success(`[${cmdName}]已发送`)
     },
   },
-  persist: true,
+  persist: false,
 })