From ec00c0781c1e61c8cc7b3976cedc248dad7a0697 Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期四, 19 九月 2024 18:32:40 +0800 Subject: [PATCH] update --- src/views/ecg/room/RoomLoginSelect.vue | 227 +++++++++++++++++++++++++++++++++++++++----------------- 1 files changed, 158 insertions(+), 69 deletions(-) diff --git a/src/views/ecg/room/RoomLoginSelect.vue b/src/views/ecg/room/RoomLoginSelect.vue index 84960c6..5b619d9 100644 --- a/src/views/ecg/room/RoomLoginSelect.vue +++ b/src/views/ecg/room/RoomLoginSelect.vue @@ -2,20 +2,25 @@ <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" @event-haveseat="haveSeat" @event-leaveseat="leaveSeat"/> </div> + <el-empty v-if="isEmptyOpeningBed" description="宸ヤ綅娌℃湁寮�鏀�"/> </div> - <el-button type="primary" @click="roomConfirm">纭</el-button> + <div> + <el-button @click="confirmCurSel">纭</el-button> + <el-button @click="resetPage">閲嶇疆</el-button> + </div> </div> </template> <script setup lang="ts"> import {RoomBedSelect} from "@/components/RoomBedSelect" import { RoomApi, RoomVO } from '@/api/ecg/room' -import { queueApi } from '@/api/ecg/queue' import {useUserStore} from "@/store/modules/user"; -import {ElMessage} from "element-plus"; -import {isStringEmpty} from "@/utils/stringUtil" +import {ElMessage, ElMessageBox} from "element-plus"; +import {isStringEmpty} from "@/utils/stringUtil"; +import {cloneDeep} from "lodash-es"; +import {DoctorApi} from "@/api/ecg/doctor"; const { push } = useRouter() defineOptions({ name: 'RoomLoginSelect' }) @@ -25,41 +30,57 @@ const userStore = useUserStore() const curUser = userStore.getUser +const isEmptyOpeningBed = ref<boolean>(true); const bedMap = ref() // 鍒楄〃鐨勬暟鎹� +const curSel = ref<RoomVO>({ + id: null, + roomId: null, + roomName: null, + bedNo: null, + status: null, + docId: null, + docName: null +}) -const originalSel = ref<RoomVO>(); +/** 鍒濆鍖� **/ +onMounted(() => { + console.info( curUser.id + " onMounted") + getList() +}) -let curSel = ref<RoomVO>({ - id: 0, - roomId: 0, - roomName: "", - bedNo: "", - status: 0, - docId: 0, - docName: "" -}); +onActivated(() => { + console.info( curUser.id + " onActivated") + getList() +}) + +const resetPage = () => { + getList() +} /** 鏌ヨ鍒楄〃 */ const getList = async () => { - const data = await RoomApi.getOnstageBedMap() - bedMap.value = data; + resetCurSel() - for (const key in data) { - const roomVOArray = data[key] as RoomVO[]; - roomVOArray.forEach((roomVO) => { - if (roomVO.docId === curUser.id) { - originalSel.value = roomVO - curSel.value = roomVO - return - } - } ) - } + console.info( "getList before" ) + const data = await RoomApi.getOpeningBedMap() + bedMap.value = data; + console.info( "getList after " + data ) + + isEmptyOpeningBed.value = true + for (const key in data) { + isEmptyOpeningBed.value = false + const roomVOArray = data[key] as RoomVO[]; + roomVOArray.forEach((roomVO) => { + if (roomVO.docId === curUser.id) { + curSel.value = roomVO + userStore.setRoomInfoAction(curSel.value) + } + }) + } } -const roomConfirm = async () => { - console.info(curSel.value) - - if (curSel.value.roomId === 0) { +const confirmCurSel = () => { + if (curSel.value.docId === null ) { ElMessage({ message: '璇峰厛閫夋嫨宸ヤ綔鐨勪綅缃�!', type: 'info', @@ -68,21 +89,70 @@ return } - 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 - } + if (isStringEmpty(route.redirectedFrom?.fullPath)) + push({ path: "/ecg/doctor"}) + else if(route.redirectedFrom?.fullPath === "/roomselect" ) + push({ path: "/ecg/doctor"}) + else if(route.redirectedFrom?.fullPath === "/ecg/roomselect" ) + push({ path: "/ecg/doctor"}) + else + push({ path: route.redirectedFrom?.fullPath}) +} + +const haveSeatConfirm = async (newRoomVO: RoomVO) => { + if (newRoomVO !== curSel.value) { + let data; + if (curSel.value.docId !== null) { + data = await DoctorApi.bedDoctorOff(curSel.value) + if (data !== 0) { + ElMessage({ + message: '鍐呴儴閿欒!' + data, + type: 'info', + duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms + }); + return } - data = await queueApi.bedDoctorOn(curSel.value) + } + + resetCurSel() + userStore.clearRoomInfoAction() + + const tempRoomVO = cloneDeep(newRoomVO) + tempRoomVO.docId = curUser.id + tempRoomVO.docName = curUser.nickname + data = await DoctorApi.bedDoctorOn(tempRoomVO) + if (data !== 0) { + ElMessage({ + message: '鍐呴儴閿欒!' + data, + type: 'info', + duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms + }); + return + } + + userStore.setRoomInfoAction(tempRoomVO) + newRoomVO.docId = curUser.id + newRoomVO.docName = curUser.nickname + curSel.value = newRoomVO; + } + + if (isStringEmpty(route.redirectedFrom?.fullPath)) { + push({path: "/ecg/doctor"}) + } + else if(route.redirectedFrom?.fullPath === "/roomselect" ) { + push({path: "/ecg/doctor"}) + } + else if(route.redirectedFrom?.fullPath === "/ecg/roomselect" ) { + push({path: "/ecg/doctor"}) + } + else { + push({path: route.redirectedFrom?.fullPath}) + } +} + +const leaveSeatConfirm = async () => { + if (curSel.value.docId !== null) { + let data = await DoctorApi.bedDoctorOff(curSel.value) if (data !== 0) { ElMessage({ message: '鍐呴儴閿欒!' + data, @@ -91,33 +161,52 @@ }); 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 haveSeat = (roomVO: RoomVO) => { - console.info(roomVO) - - curSel.value.docId = null - curSel.value.docName = '' - - roomVO.docId = curUser.id - roomVO.docName = curUser.nickname - curSel.value = roomVO -} - -/** 鍒濆鍖� **/ -onMounted(() => { + resetCurSel() + userStore.clearRoomInfoAction() getList() -}) +} + +const haveSeat = async (newRoomVO: RoomVO) => { + ElMessageBox.confirm( + '鍏ュ骇, 鏄惁缁х画?', + '鎻愮ず', + { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + } + ).then(async () => { + haveSeatConfirm(newRoomVO) + }).catch(() => { + }); +} + +const leaveSeat = (roomVO: RoomVO) => { + ElMessageBox.confirm( + '绂诲骇, 鏄惁缁х画?', + '鎻愮ず', + { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + } + ).then(() => { + leaveSeatConfirm() + }).catch(() => { + }); +} + +const resetCurSel = () => { + curSel.value.id = null + curSel.value.roomId = null + curSel.value.roomName = null + curSel.value.bedNo = null + curSel.value.status = null + curSel.value.docId = null + curSel.value.docName = null +} </script> -- Gitblit v1.9.3