From ed15d9ffd85b54f8805205c087a85706bdfb96b3 Mon Sep 17 00:00:00 2001
From: u2nyakim <u2nyakim@gmail.com>
Date: Fri, 29 Aug 2025 09:46:41 +0800
Subject: [PATCH] =?UTF-8?q?up.=20=E4=BD=BF=E7=94=A8=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=99=A8=E7=AE=A1=E7=90=86=E8=AE=BE=E5=A4=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/LockScreenState/index.vue  | 20 +++++++++++++-----
 z_ele/src/store/modules/client.ts             | 21 +++++++++++++++++++
 2 files changed, 36 insertions(+), 5 deletions(-)
 create mode 100644 z_ele/src/store/modules/client.ts

diff --git a/z_ele/src/components/LockScreenState/index.vue b/z_ele/src/components/LockScreenState/index.vue
index bbe7349..07bbe90 100644
--- a/z_ele/src/components/LockScreenState/index.vue
+++ b/z_ele/src/components/LockScreenState/index.vue
@@ -1,7 +1,7 @@
 <template>
   <ele-modal
     title="设备已被锁定"
-    v-model="visible"
+    v-model="clientStore.lockScreen"
     :modal-penetrable="false"
     :append-to-body="true"
     :lock-scroll="true"
@@ -38,16 +38,25 @@
   import { ref } from 'vue';
   import { WsEvent, wsEventManager } from '@/plugins/websocket';
   import { clientScreenUnlock } from '@/api/layout';
+  import {useClientStore} from "@/store/modules/client";
 
-  const visible = ref(false);
+  /** 设备状态管理器 */
+  const clientStore = useClientStore();
+  /** 输入解锁密码 */
   const lockPassword = ref('');
+  /** 解锁loading. */
   const unlockLoading = ref(false);
+  /** 确定解锁 */
   const confirmUnlock = () => {
+    if(unlockLoading.value){
+      return;
+    }
     unlockLoading.value = true;
+
     clientScreenUnlock({ password: lockPassword.value })
       .then(() => {
-        visible.value = false;
-        lockPassword.value = '';
+        clientStore.setLockScreen(false)
+        lockPassword.value = ''; // 清空密码
       })
       .catch((message) => {
         alert(message);
@@ -56,7 +65,8 @@
         unlockLoading.value = false;
       });
   };
+  /** 事件订阅器 - 锁屏事件 */
   wsEventManager.subscribe(WsEvent.LOCK_CLIENT_SCREEN, () => {
-    visible.value = true;
+    clientStore.setLockScreen(true);
   });
 </script>
diff --git a/z_ele/src/store/modules/client.ts b/z_ele/src/store/modules/client.ts
new file mode 100644
index 0000000..d6c5072
--- /dev/null
+++ b/z_ele/src/store/modules/client.ts
@@ -0,0 +1,21 @@
+/**
+ * 设备状态管理
+ */
+import { defineStore } from 'pinia';
+
+export interface ClientState {
+  lockScreen: boolean;
+}
+
+export const useClientStore = defineStore('client', {
+  state: (): ClientState => ({
+    /** 锁定会话 */
+    lockScreen: false,
+  }),
+  actions: {
+    setLockScreen(value: boolean) {
+      console.log("锁屏")
+      this.lockScreen = value;
+    },
+  }
+});