From 621d9c803e6ed910322e9b6f32aa0377d7033aba Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期五, 30 八月 2024 16:59:32 +0800 Subject: [PATCH] update --- src/views/ecg/room/RoomLoginSelect.vue | 149 ++++++++++++++++++++++++------------------------- 1 files changed, 73 insertions(+), 76 deletions(-) diff --git a/src/views/ecg/room/RoomLoginSelect.vue b/src/views/ecg/room/RoomLoginSelect.vue index 94b624d..75bb07c 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" @leaveSeat="leaveSeat"/> + <RoomBedSelect :title="key" :bedList="value" :curBed="curSel" @event-haveseat="haveSeat" @event-leaveseat="leaveSeat"/> </div> + <div v-if="isEmptyOpeningBed">"宸ヤ綅娌℃湁寮�鏀�"</div> </div> - <el-button @click="confirmCurSel">纭</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, 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,11 +30,9 @@ const userStore = useUserStore() const curUser = userStore.getUser +const isEmptyOpeningBed = ref<boolean>(true); const bedMap = ref() // 鍒楄〃鐨勬暟鎹� - -const originalSel = ref<RoomVO>(); - -let curSel = ref<RoomVO>({ +const curSel = ref<RoomVO>({ id: null, roomId: null, roomName: null, @@ -37,40 +40,46 @@ status: null, docId: null, docName: null -}); +}) + +/** 鍒濆鍖� **/ +onMounted(() => { + getList() +}) + +onActivated(() => { + getList() +}) + +const resetPage = () => { + getList() +} /** 鏌ヨ鍒楄〃 */ const getList = async () => { - const data = await RoomApi.getOnstageBedMap() + resetCurSel() + + const data = await RoomApi.getOpeningBedMap() bedMap.value = data; - 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 - } - } ) - } + 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 + return + } + } ) + } } -const haveSeatConfirm = async () => { - if (curSel.value.roomId === null) { - ElMessage({ - message: '璇峰厛閫夋嫨宸ヤ綔鐨勪綅缃�!', - type: 'info', - duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms - }); - return - } - - if (curSel.value !== originalSel.value) { - console.info(originalSel.value) +const haveSeatConfirm = async (newRoomVO: RoomVO) => { + if (newRoomVO !== curSel.value) { let data; - if (originalSel.value !== undefined) { - data = await queueApi.bedDoctorOff(originalSel.value) + if (curSel.value.docId !== null) { + data = await DoctorApi.bedDoctorOff(curSel.value) if (data !== 0) { ElMessage({ message: '鍐呴儴閿欒!' + data, @@ -80,7 +89,13 @@ return } } - data = await queueApi.bedDoctorOn(curSel.value) + curSel.value.docId = null + curSel.value.docName = null + + const tempRoomVO = cloneDeep(newRoomVO) + tempRoomVO.docId = curUser.id + tempRoomVO.docName = curUser.nickname + data = await DoctorApi.bedDoctorOn(tempRoomVO) if (data !== 0) { ElMessage({ message: '鍐呴儴閿欒!' + data, @@ -89,10 +104,13 @@ }); return } - originalSel.value = curSel.value + + newRoomVO.docId = curUser.id + newRoomVO.docName = curUser.nickname + curSel.value = newRoomVO + userStore.setRoomInfoAction(curSel.value) } - userStore.setRoomInfoAction(curSel.value) if (isStringEmpty(route.redirectedFrom?.fullPath)) push({ path: "/"}) else if(route.redirectedFrom?.fullPath === "/roomselect" ) @@ -102,17 +120,8 @@ } 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 (curSel.value.docId !== null) { + let data = await DoctorApi.bedDoctorOff(curSel.value) if (data !== 0) { ElMessage({ message: '鍐呴儴閿欒!' + data, @@ -121,13 +130,15 @@ }); return } - originalSel.value = undefined + + curSel.value.docId = null + curSel.value.docName = null } userStore.clearRoomInfoAction() } -const haveSeat = (roomVO: RoomVO) => { +const haveSeat = async (newRoomVO: RoomVO) => { ElMessageBox.confirm( '鍏ュ骇, 鏄惁缁х画?', '鎻愮ず', @@ -136,16 +147,9 @@ cancelButtonText: '鍙栨秷', type: 'warning' } - ).then(() => { + ).then(async () => { console.log('纭'); - curSel.value.docId = null - curSel.value.docName = null - - roomVO.docId = curUser.id - roomVO.docName = curUser.nickname - curSel.value = roomVO - - haveSeatConfirm() + haveSeatConfirm(newRoomVO) }).catch(() => { console.log('鍙栨秷'); }); @@ -162,19 +166,6 @@ } ).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('鍙栨秷'); @@ -190,7 +181,8 @@ }); return } - + + userStore.setRoomInfoAction(curSel.value) if (isStringEmpty(route.redirectedFrom?.fullPath)) push({ path: "/"}) else if(route.redirectedFrom?.fullPath === "/roomselect" ) @@ -199,10 +191,15 @@ push({ path: route.redirectedFrom?.fullPath}) } -/** 鍒濆鍖� **/ -onMounted(() => { - getList() -}) +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