From 2319da8ca8f5c5261c43d674fe190ea2e7d11d8a Mon Sep 17 00:00:00 2001
From: zhangjiming <zhangjiming@costrip.cn>
Date: Tue, 21 Jan 2025 21:05:11 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E9=A1=B5=E7=9B=91=E5=90=AC?=
 =?UTF-8?q?=E4=B8=8A=E4=B8=8B=E6=96=87=E4=B8=8A=E6=8A=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/Index/Index.vue                          | 11 +----
 .../Index/components/Consumables/Warn/InitWarn.vue |  2 +-
 src/pages/Login/Login.vue                          | 55 ++++++++++++++++++----
 3 files changed, 48 insertions(+), 20 deletions(-)

diff --git a/src/pages/Index/Index.vue b/src/pages/Index/Index.vue
index 696155a..239ece8 100644
--- a/src/pages/Index/Index.vue
+++ b/src/pages/Index/Index.vue
@@ -314,7 +314,7 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router'
 import { ref, onMounted, computed, watch } from 'vue'
-import { ElDialog, ElMessageBox } from 'element-plus'
+import { ElDialog } from 'element-plus'
 import { Time, InitWarn, LoadingModal } from './components/Consumables'
 import {
   startWork,
@@ -406,15 +406,6 @@ const WarnMessage = ref<string>('')
 
 const showRecentMsgDialog = ref(false)
 
-const onClickLoginUser = () => {
-  ElMessageBox.confirm('是否退出登录?')
-    .then(() => {
-      onLogout()
-    })
-    .catch(() => {
-      // catch error
-    })
-}
 // WebSocket 实例
 const eventUrl = getServerInfo('/api/v1/app/ws/event')
 const wsEvent = createWebSocket(eventUrl.wsUrl)
diff --git a/src/pages/Index/components/Consumables/Warn/InitWarn.vue b/src/pages/Index/components/Consumables/Warn/InitWarn.vue
index 5c89dcd..9f49afd 100644
--- a/src/pages/Index/components/Consumables/Warn/InitWarn.vue
+++ b/src/pages/Index/components/Consumables/Warn/InitWarn.vue
@@ -157,7 +157,7 @@ const onConfirm = () => {
   .cancel-btn,
   .confirm-btn {
     flex: 1;
-    padding: 20px 0; // 增加按钮的高度
+    padding: 20px; // 增加按钮的高度
     border-radius: 10px; // 增加圆角
     font-size: 20px; // 增大字体
     font-weight: bold;
diff --git a/src/pages/Login/Login.vue b/src/pages/Login/Login.vue
index fc826b7..cc4f960 100644
--- a/src/pages/Login/Login.vue
+++ b/src/pages/Login/Login.vue
@@ -2,10 +2,15 @@
   <div class="login-container">
     <aside class="sidebar">
       <ul>
-        <li v-for="user in userList" :key="user.id" :class="[
-          'user',
-          { selected: user.account === selectedUser?.account },
-        ]" @click="selectUser(user)">
+        <li
+          v-for="user in userList"
+          :key="user.id"
+          :class="[
+            'user',
+            { selected: user.account === selectedUser?.account },
+          ]"
+          @click="selectUser(user)"
+        >
           {{ user.account }}
         </li>
       </ul>
@@ -14,10 +19,19 @@
       <div class="pin-container">
         <p :class="['pin-prompt', { shake: isShaking }]">{{ loginStatus }}</p>
         <div class="pin-indicators">
-          <span v-for="n in maxPinLength" :key="n" :class="['pin-dot', { filled: n <= pin.length }]"></span>
+          <span
+            v-for="n in maxPinLength"
+            :key="n"
+            :class="['pin-dot', { filled: n <= pin.length }]"
+          ></span>
         </div>
         <div class="pin-keypad">
-          <div v-for="n in 9" :key="n" class="key" @click="inputPin(n.toString())">
+          <div
+            v-for="n in 9"
+            :key="n"
+            class="key"
+            @click="inputPin(n.toString())"
+          >
             {{ n }}
           </div>
           <div class="key" @click="clearPin">重输</div>
@@ -30,11 +44,17 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, watch } from 'vue'
+import { onMounted, onUnmounted, ref, watch } from 'vue'
 import { login, getUserList } from '../../services/index'
 import type { User } from '../../types/Index'
 import { useRouter } from 'vue-router'
+import { getServerInfo } from '@/utils/getServerInfo'
+import { createWebSocket, DeviceContextStateMessage } from '@/websocket/socket'
 const router = useRouter()
+
+const stateUrl = getServerInfo('/api/v1/app/ws/state')
+const wsState = createWebSocket(stateUrl.wsUrl)
+
 // 用户角色
 // const roles = ref(['护士', '管理员', '测试人员'])
 // const selectedRole = ref('护士')
@@ -45,11 +65,29 @@ const getUserListData = async () => {
   const res = await getUserList()
   userList.value = res.data
 }
+const handleDeviceContextState = (data: DeviceContextStateMessage['data']) => {
+  if (data.loginFlag) {
+    sessionStorage.setItem('token', JSON.stringify(data.loginUser))
+    router.push('/index')
+  }
+}
 onMounted(() => {
+  wsState.subscribe<DeviceContextStateMessage>(
+    'DeviceContext',
+    handleDeviceContextState,
+  )
+  wsState.connect()
+
   setTimeout(() => {
     getUserListData()
   }, 500)
 })
+onUnmounted(() => {
+  wsState.unsubscribe<DeviceContextStateMessage>(
+    'DeviceContext',
+    handleDeviceContextState,
+  )
+})
 //选中的用户
 const selectedUser = ref<User | null>(null)
 // PIN 相关
@@ -101,13 +139,12 @@ const submitPin = async () => {
     password: pin.value,
   }
   const res = await login(params)
-  console.log(res);
+  console.log(res)
   if (res.success) {
     loginStatus.value = '登录成功'
     sessionStorage.setItem('token', JSON.stringify(res.data))
     router.push('/index')
   } else {
-
     loginStatus.value = `${res.info}`
     pin.value = ''
   }