From 12f38186ce190146b3cc0a4fbbbedcfd9d334cf8 Mon Sep 17 00:00:00 2001
From: lengzhiqiang <xxxx@qq.com>
Date: Sun, 29 Jun 2025 13:58:10 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E7=BB=93=E6=9D=9F=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E8=B0=83=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue    | 19 ++++++++++++++++++-
 src/api/api.ts | 15 +++++++++++++++
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index acdce28..09f9f8f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,7 +4,7 @@ import Input from "primevue/inputtext";
 import { onMounted, ref } from "vue";
 import { WebSocketClient } from "./utils/websocket";
 import { logger } from "./utils/logger/Logger";
-import { lockDoorApi, openDoorApi } from "@/api/api";
+import { lockDoorApi, openDoorApi, exitServerApi } from "@/api/api";
 // import {useAppStore} from "@/store/__APP__store"
 // const appStore = useAppStore()
 const token = ref("");
@@ -82,6 +82,10 @@ const openDoor = async (port: number) => {
 const lockDoor = async (type: number, sid: number) => {
   await lockDoorApi(type, sid, token.value);
 };
+const exitServer = async (clienId: number, storeId: number) => {
+  await exitServerApi(clienId, storeId, token.value);
+  // token.value = ""
+};
 </script>
 
 <template>
@@ -188,6 +192,19 @@ const lockDoor = async (type: number, sid: number) => {
             </div>
           </div>
         </Button>
+        <Button
+          @click="exitServer(1, 1)"
+          pt:root="bg-[rgba(36,87,232,1)] active:bg-[rgba(36,87,232,0.6)] cursor-pointer py-2 px-4 rounded-full border-0 flex justify-center"
+        >
+          <div class="flex gap-1 items-center">
+            <div class="h-24px w-24px">
+              <img src="@/assets/images/icon_sy@2x.png" alt="" />
+            </div>
+            <div class="text-white font-bold text-md flex items-center">
+              <span>结束服务</span>
+            </div>
+          </div>
+        </Button>
       </div>
       <div class="flex flex-1 justify-end">
         <Input
diff --git a/src/api/api.ts b/src/api/api.ts
index b9b3efe..d64fc5e 100644
--- a/src/api/api.ts
+++ b/src/api/api.ts
@@ -38,3 +38,18 @@ export const lockDoorApi = async (type: number, sid: number, token: string) => {
     }
   );
 };
+export const exitServerApi = async (
+  client_id: number,
+  store_id: number,
+  token
+) => {
+  return request.post(
+    "/pc/v1/end/service",
+    { client_id, store_id },
+    {
+      headers: {
+        Authorization: "Bearer " + token,
+      },
+    }
+  );
+};