diff --git a/z_ele/src/components/LockScreenState/index.vue b/z_ele/src/components/LockScreenState/index.vue
index e38c7d3..986262e 100644
--- a/z_ele/src/components/LockScreenState/index.vue
+++ b/z_ele/src/components/LockScreenState/index.vue
@@ -23,7 +23,11 @@
         placeholder="请输入密码解锁"
       />
       <div style="margin-top: 20px">
-        <el-button class="ele-fluid" type="primary" @click="confirmUnlock"
+        <el-button
+          :loading="unlockLoading"
+          class="ele-fluid"
+          type="primary"
+          @click="confirmUnlock"
           >解锁客户端</el-button
         >
       </div>
@@ -38,8 +42,19 @@
 
   const visible = ref(false);
   const lockPassword = ref('');
+  const unlockLoading = ref(false);
   const confirmUnlock = () => {
-    clientScreenUnlock({ password: lockPassword.value });
+    unlockLoading.value = true;
+    clientScreenUnlock({ password: lockPassword.value })
+      .then(() => {
+        visible.value = false;
+      })
+      .catch((message) => {
+        alert(message);
+      })
+      .finally(() => {
+        unlockLoading.value = false;
+      });
   };
   wsEventManager.subscribe(WsEvent.LOCK_CLIENT_SCREEN, () => {
     visible.value = true;