From fe792c0638eeaaba49289de00c4c59bd6279ecd9 Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期二, 27 八月 2024 17:11:37 +0800
Subject: [PATCH] update

---
 src/views/ecg/room/RoomLoginSelect.vue             |  113 +++++++++++++++++++++++++------------
 src/api/ecg/room/index.ts                          |   10 +-
 src/components/RoomBedSelect/src/RoomBedSelect.vue |   16 +++--
 src/store/modules/user.ts                          |   18 +++++
 4 files changed, 106 insertions(+), 51 deletions(-)

diff --git a/src/api/ecg/room/index.ts b/src/api/ecg/room/index.ts
index 70fa94d..eee2ccd 100644
--- a/src/api/ecg/room/index.ts
+++ b/src/api/ecg/room/index.ts
@@ -2,11 +2,11 @@
 
 // 璇婂鍜岃瘖鐤楀簥 VO
 export interface RoomVO {
-  id: number  //
-  roomId: number // 璇婂缂栧彿
-  roomName: string // 璇婂鍚嶇О
-  bedNo: string // 璇婄枟搴婄紪鍙�
-  status: number //寮�璇婄姸鎬�  0-鍏抽棴 1-鍏抽棴涓� 10-宸插紑閫� 20-鏈夊尰鐢� 30-鏆傚仠
+  id: number | null  //
+  roomId: number | null // 璇婂缂栧彿
+  roomName: string | null // 璇婂鍚嶇О
+  bedNo: string | null // 璇婄枟搴婄紪鍙�
+  status: number | null //寮�璇婄姸鎬�  0-鍏抽棴 1-鍏抽棴涓� 10-宸插紑閫� 20-鏈夊尰鐢� 30-鏆傚仠
   docId: number | null
   docName: string | null
 }
diff --git a/src/components/RoomBedSelect/src/RoomBedSelect.vue b/src/components/RoomBedSelect/src/RoomBedSelect.vue
index 9fc6b2c..a804b87 100644
--- a/src/components/RoomBedSelect/src/RoomBedSelect.vue
+++ b/src/components/RoomBedSelect/src/RoomBedSelect.vue
@@ -2,7 +2,7 @@
 import { RoomApi, RoomVO } from '@/api/ecg/room'
 import {PropType} from "vue";
 import {useUserStore} from "@/store/modules/user";
-const emit = defineEmits(['haveSeat'])
+const emit = defineEmits(['haveSeat', 'leaveSeat'])
 
 defineComponent({
   name: 'RoomBedSelect'
@@ -26,12 +26,11 @@
 const userStore = useUserStore()
 const curUser = userStore.getUser
 
-// const emit2 = defineEmits<{
-//     (e: 'update:curBed', message: string): void;
-// }>();
-
-const onclick = (newItem) => {
+const onHaveSeatclick = (newItem) => {
   emit('haveSeat', newItem)
+}
+const onLeaveSeatclick = (curItem) => {
+  emit('leaveSeat', curItem)
 }
 
 /** 鍒濆鍖� **/
@@ -57,9 +56,12 @@
             style="width: 100%"
         />
         <div>{{bedItem.bedNo}} {{bedItem.docName}}</div>
-        <el-button v-if="bedItem.docId === null" @click = onclick(bedItem)>
+        <el-button v-if="bedItem.docId === null" @click = onHaveSeatclick(bedItem)>
            鍏ュ骇
         </el-button>
+        <el-button v-if="bedItem.docId === curUser.id" @click = onLeaveSeatclick(bedItem)>
+           绂诲骇
+        </el-button>
       </div>
     </div>
   </el-card>
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 861f94b..8fd7e8d 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -23,7 +23,7 @@
 
   // 鍖荤敓璇婂閫夋嫨
   isSetRoom: boolean
-  room: RoomVO
+  room: RoomVO | null
 }
 
 export const useUserStore = defineStore('admin-user', {
@@ -85,7 +85,7 @@
       wsCache.set(CACHE_KEY.USER, userInfo)
       wsCache.set(CACHE_KEY.ROLE_ROUTERS, userInfo.menus)
     },
-    // 鍖荤敓璇婂閫夋嫨
+    // 鍖荤敓鍏ュ骇
     async setRoomInfoAction(room: RoomVO) {
       // 鏇存柊 store
       this.room = room
@@ -99,6 +99,20 @@
         wsCache.set(CACHE_KEY.USER, userInfo2)
       }
     },
+    // 鍖荤敓绂诲骇
+    async clearRoomInfoAction() {
+      // 娓� store
+      this.room = null
+      this.isSetRoom = false
+
+      // 鏇存柊 cache
+      const userInfo2 = wsCache.get(CACHE_KEY.USER)
+      if (userInfo2) {
+        userInfo2.room = null
+        userInfo2.isSetRoom = false
+        wsCache.set(CACHE_KEY.USER, userInfo2)
+      }
+    },
 
     async setUserAvatarAction(avatar: string) {
       const userInfo = wsCache.get(CACHE_KEY.USER)
diff --git a/src/views/ecg/room/RoomLoginSelect.vue b/src/views/ecg/room/RoomLoginSelect.vue
index 8cc83b1..d5180f4 100644
--- a/src/views/ecg/room/RoomLoginSelect.vue
+++ b/src/views/ecg/room/RoomLoginSelect.vue
@@ -2,10 +2,13 @@
   <div style="display: flex; flex-direction: column; align-items: center;">
     <div style="display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px">
       <div class=roomwrap v-for="(value, key) in bedMap" :key="key">
-        <RoomBedSelect :title="key" :bedList="value" :curBed="curSel" @haveSeat="haveSeat"/>
+        <RoomBedSelect :title="key" :bedList="value" :curBed="curSel" @haveSeat="haveSeat" @leaveSeat="leaveSeat"/>
       </div>
     </div>
-    <el-button type="primary" @click="roomConfirm">纭</el-button>
+    <div>
+      <el-button type="primary" @click="haveSeatConfirm">鍏ュ骇纭</el-button>
+      <el-button type="primary" @click="leaveSeatConfirm">绂诲骇纭</el-button>
+    </div>
   </div>
 </template>
 
@@ -15,7 +18,7 @@
 import { queueApi } from '@/api/ecg/queue'
 import {useUserStore} from "@/store/modules/user";
 import {ElMessage} from "element-plus";
-import {isStringEmpty}  from "@/utils/stringUtil"
+import {isStringEmpty} from "@/utils/stringUtil";
 const {  push } = useRouter()
 
 defineOptions({ name: 'RoomLoginSelect' })
@@ -30,13 +33,13 @@
 const originalSel = ref<RoomVO>();
 
 let curSel = ref<RoomVO>({
-    id: 0,
-    roomId: 0,
-    roomName: "",
-    bedNo: "",
-    status: 0,
-    docId: 0,
-    docName: ""
+  id: null,
+  roomId: null,
+  roomName: null,
+  bedNo: null,
+  status: null,
+  docId: null,
+  docName: null
 });
 
 /** 鏌ヨ鍒楄〃 */
@@ -56,10 +59,8 @@
     }
 }
 
-const roomConfirm = async () => {
-  console.info(curSel.value)
-
-  if (curSel.value.roomId === 0) {
+const haveSeatConfirm = async () => {
+  if (curSel.value.roomId === null) {
     ElMessage({
       message: '璇峰厛閫夋嫨宸ヤ綔鐨勪綅缃�!',
       type: 'info',
@@ -69,20 +70,52 @@
   }
 
   if (curSel.value !== originalSel.value) {
-      console.info(originalSel.value)
-      let data;
-      if (originalSel.value !== undefined) {
-          data = await queueApi.bedDoctorOff(originalSel.value)
-          if (data !== 0) {
-              ElMessage({
-                  message: '鍐呴儴閿欒!' + data,
-                  type: 'info',
-                  duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms
-              });
-              return
-          }
+    console.info(originalSel.value)
+    let data;
+    if (originalSel.value !== undefined) {
+      data = await queueApi.bedDoctorOff(originalSel.value)
+      if (data !== 0) {
+        ElMessage({
+          message: '鍐呴儴閿欒!' + data,
+          type: 'info',
+          duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms
+        });
+        return
       }
-      data = await queueApi.bedDoctorOn(curSel.value)
+    }
+    data = await queueApi.bedDoctorOn(curSel.value)
+    if (data !== 0) {
+      ElMessage({
+        message: '鍐呴儴閿欒!' + data,
+        type: 'info',
+        duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms
+      });
+      return
+    }
+    originalSel.value = curSel.value
+  }
+
+  userStore.setRoomInfoAction(curSel.value)
+  if (isStringEmpty(route.redirectedFrom?.fullPath))
+    push({ path: "/"})
+  else if(route.redirectedFrom?.fullPath === "/roomselect" )
+    push({ path: "/"})
+  else
+    push({ path: route.redirectedFrom?.fullPath})
+}
+
+const leaveSeatConfirm = async () => {
+  if (curSel.value.roomId !== null) {
+    ElMessage({
+      message: '璇峰厛绂诲紑宸ヤ綅, 鍐嶇‘璁ょ搴�!',
+      type: 'info',
+      duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms
+    });
+    return
+  }
+
+  if (originalSel.value !== undefined) {
+      let data = await queueApi.bedDoctorOff(originalSel.value)
       if (data !== 0) {
           ElMessage({
               message: '鍐呴儴閿欒!' + data,
@@ -91,21 +124,13 @@
           });
           return
       }
-      originalSel.value = curSel.value
+      originalSel.value = undefined
   }
 
-  userStore.setRoomInfoAction(curSel.value)
-  if (isStringEmpty(route.redirectedFrom?.fullPath))
-    push({ path: "/"})
-  else if(route.redirectedFrom?.fullPath === "/roomselect" )
-      push({ path: "/"})
-  else
-    push({ path: route.redirectedFrom?.fullPath})
+  userStore.clearRoomInfoAction()
 }
 
 const haveSeat = (roomVO: RoomVO) => {
-    console.info(roomVO)
-
     curSel.value.docId = null
     curSel.value.docName = null
 
@@ -113,6 +138,20 @@
     roomVO.docName = curUser.nickname
     curSel.value = roomVO
 }
+const leaveSeat = (roomVO: RoomVO) => {
+    curSel.value.docId = null
+    curSel.value.docName = null
+
+    curSel.value = {
+      id: null,
+      roomId: null,
+      roomName: null,
+      bedNo: null,
+      status: null,
+      docId: null,
+      docName: null
+    }
+}
 
 /** 鍒濆鍖� **/
 onMounted(() => {

--
Gitblit v1.9.3