From 2bc74ebfec4a30beddc66fd55be4947e5f7cf498 Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期三, 28 八月 2024 15:15:33 +0800 Subject: [PATCH] update --- src/views/ecg/room/RoomLoginSelect.vue | 175 ++++++++++++++++++++++++++++++++++++++++++++-------------- 1 files changed, 133 insertions(+), 42 deletions(-) diff --git a/src/views/ecg/room/RoomLoginSelect.vue b/src/views/ecg/room/RoomLoginSelect.vue index 1498718..e3ccc3f 100644 --- a/src/views/ecg/room/RoomLoginSelect.vue +++ b/src/views/ecg/room/RoomLoginSelect.vue @@ -2,25 +2,21 @@ <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" v-model="curSel"/> + <RoomBedSelect :title="key" :bedList="value" :curBed="curSel" @event-haveseat="haveSeat" @event-leaveseat="leaveSeat"/> </div> </div> - <el-button type="primary" @click="roomConfirm">纭</el-button> - <el-button type="primary" @click="test">TEST</el-button> + <el-button @click="confirmCurSel">纭</el-button> </div> </template> <script setup lang="ts"> import {RoomBedSelect} from "@/components/RoomBedSelect" import { RoomApi, RoomVO } from '@/api/ecg/room' -import { queueApi, queueVO } from '@/api/ecg/queue' +import { queueApi } from '@/api/ecg/queue' import {useUserStore} from "@/store/modules/user"; -import {CACHE_KEY, useCache} from "@/hooks/web/useCache"; -import {ElMessage} from "element-plus"; -import {isStringEmpty} from "@/utils/stringUtil" - +import {ElMessage, ElMessageBox} from "element-plus"; +import {isStringEmpty} from "@/utils/stringUtil"; const { push } = useRouter() -const { wsCache } = useCache() defineOptions({ name: 'RoomLoginSelect' }) @@ -29,26 +25,18 @@ const userStore = useUserStore() const curUser = userStore.getUser -const bedMap = ref<Map<string, RoomVO[]>>() // 鍒楄〃鐨勬暟鎹� +const bedMap = ref() // 鍒楄〃鐨勬暟鎹� -const originalSel = ref<RoomVO>({ - id: 0, - roomId: 0, - roomName: "", - bedNo: "", - status: 0, - docId: 0, - docName: "" -}); +const originalSel = ref<RoomVO>(); -const curSel = ref<RoomVO>({ - id: 0, - roomId: 0, - roomName: "", - bedNo: "", - status: 0, - docId: 0, - docName: "" +let curSel = ref<RoomVO>({ + id: null, + roomId: null, + roomName: null, + bedNo: null, + status: null, + docId: null, + docName: null }); /** 鏌ヨ鍒楄〃 */ @@ -68,10 +56,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', @@ -81,7 +67,52 @@ } if (curSel.value !== originalSel.value) { - const data = await queueApi.bedDoctorOn(curSel.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 + } + } + 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, @@ -90,23 +121,83 @@ }); return } + originalSel.value = undefined + } + + userStore.clearRoomInfoAction() +} + +const haveSeat = (roomVO: RoomVO) => { + ElMessageBox.confirm( + '鍏ュ骇, 鏄惁缁х画?', + '鎻愮ず', + { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + } + ).then(() => { + console.log('纭'); + curSel.value.docId = null + curSel.value.docName = null + + roomVO.docId = curUser.id + roomVO.docName = curUser.nickname + curSel.value = roomVO + + haveSeatConfirm() + }).catch(() => { + console.log('鍙栨秷'); + }); +} + +const leaveSeat = (roomVO: RoomVO) => { + ElMessageBox.confirm( + '绂诲骇, 鏄惁缁х画?', + '鎻愮ず', + { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + } + ).then(() => { + console.log('纭'); + curSel.value.docId = null + curSel.value.docName = null + + curSel.value = { + id: null, + roomId: null, + roomName: null, + bedNo: null, + status: null, + docId: null, + docName: null + } + + leaveSeatConfirm() + }).catch(() => { + console.log('鍙栨秷'); + }); +} + +const confirmCurSel = () => { + if (curSel.value.docId === null ) { + ElMessage({ + message: '璇峰厛閫夋嫨宸ヤ綔鐨勪綅缃�!', + type: 'info', + duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms + }); + return } userStore.setRoomInfoAction(curSel.value) if (isStringEmpty(route.redirectedFrom?.fullPath)) push({ path: "/"}) - else if(route.redirectedFrom?.fullPath === "/login-room-select" ) - push({ path: "/"}) + else if(route.redirectedFrom?.fullPath === "/roomselect" ) + push({ path: "/"}) else push({ path: route.redirectedFrom?.fullPath}) -} - -const test = () => { - userStore.getRoom; - console.info(userStore.getRoom); - - const userInfo = wsCache.get(CACHE_KEY.USER) - console.info(userInfo); } /** 鍒濆鍖� **/ -- Gitblit v1.9.3