From 2aaa318673eb822dd55b007ddf9f0bace5bc748a Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期四, 29 八月 2024 14:57:34 +0800 Subject: [PATCH] update --- src/views/ecg/room/RoomLoginSelect.vue | 171 +++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 106 insertions(+), 65 deletions(-) diff --git a/src/views/ecg/room/RoomLoginSelect.vue b/src/views/ecg/room/RoomLoginSelect.vue index d5180f4..8c33ae0 100644 --- a/src/views/ecg/room/RoomLoginSelect.vue +++ b/src/views/ecg/room/RoomLoginSelect.vue @@ -2,12 +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" @leaveSeat="leaveSeat"/> + <RoomBedSelect :title="key" :bedList="value" :curBed="curSel" @event-haveseat="haveSeat" @event-leaveseat="leaveSeat"/> </div> + <div v-if="isEmptyOpeningBed">"宸ヤ綅娌℃湁寮�鏀�"</div> </div> <div> - <el-button type="primary" @click="haveSeatConfirm">鍏ュ骇纭</el-button> - <el-button type="primary" @click="leaveSeatConfirm">绂诲骇纭</el-button> + <el-button @click="confirmCurSel">纭</el-button> + <el-button @click="resetPage">閲嶇疆</el-button> </div> </div> </template> @@ -17,8 +18,9 @@ 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 {ElMessage, ElMessageBox} from "element-plus"; import {isStringEmpty} from "@/utils/stringUtil"; +import {cloneDeep} from "lodash-es"; const { push } = useRouter() defineOptions({ name: 'RoomLoginSelect' }) @@ -28,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, @@ -40,40 +40,45 @@ status: null, docId: null, docName: null -}); +}) + +/** 鍒濆鍖� **/ +onMounted(() => { + getList() +}) + +const resetPage = () => { + getList() +} /** 鏌ヨ鍒楄〃 */ const getList = async () => { - const data = await RoomApi.getOnstageBedMap() + const data = await RoomApi.getOpeningBedMap() + console.info(data) 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 - } +const haveSeatConfirm = async (newRoomVO: RoomVO) => { + const tempRoomVO = cloneDeep(newRoomVO) + tempRoomVO.docId = curUser.id + tempRoomVO.docName = curUser.nickname - if (curSel.value !== originalSel.value) { - console.info(originalSel.value) + if (newRoomVO !== curSel.value) { let data; - if (originalSel.value !== undefined) { - data = await queueApi.bedDoctorOff(originalSel.value) + if (curSel.value.roomId !== null) { + data = await queueApi.bedDoctorOff(curSel.value) if (data !== 0) { ElMessage({ message: '鍐呴儴閿欒!' + data, @@ -83,7 +88,7 @@ return } } - data = await queueApi.bedDoctorOn(curSel.value) + data = await queueApi.bedDoctorOn(tempRoomVO) if (data !== 0) { ElMessage({ message: '鍐呴儴閿欒!' + data, @@ -92,10 +97,19 @@ }); return } - originalSel.value = curSel.value } - userStore.setRoomInfoAction(curSel.value) + userStore.setRoomInfoAction(tempRoomVO) + + if (curSel.value.roomId !== null) { + curSel.value.docId = null + curSel.value.docName = null + } + + newRoomVO.docId = curUser.id + newRoomVO.docName = curUser.nickname + curSel.value = newRoomVO + if (isStringEmpty(route.redirectedFrom?.fullPath)) push({ path: "/"}) else if(route.redirectedFrom?.fullPath === "/roomselect" ) @@ -106,16 +120,7 @@ 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) + let data = await queueApi.bedDoctorOff(curSel.value) if (data !== 0) { ElMessage({ message: '鍐呴儴閿欒!' + data, @@ -124,24 +129,9 @@ }); return } - originalSel.value = undefined - } - userStore.clearRoomInfoAction() -} - -const haveSeat = (roomVO: RoomVO) => { curSel.value.docId = null curSel.value.docName = null - - roomVO.docId = curUser.id - 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, @@ -151,12 +141,63 @@ docId: null, docName: null } + } + + userStore.clearRoomInfoAction() } -/** 鍒濆鍖� **/ -onMounted(() => { - getList() -}) +const haveSeat = async (newRoomVO: RoomVO) => { + ElMessageBox.confirm( + '鍏ュ骇, 鏄惁缁х画?', + '鎻愮ず', + { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + } + ).then(async () => { + console.log('纭'); + haveSeatConfirm(newRoomVO) + }).catch(() => { + console.log('鍙栨秷'); + }); +} + +const leaveSeat = (roomVO: RoomVO) => { + ElMessageBox.confirm( + '绂诲骇, 鏄惁缁х画?', + '鎻愮ず', + { + confirmButtonText: '纭畾', + cancelButtonText: '鍙栨秷', + type: 'warning' + } + ).then(() => { + console.log('纭'); + 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 === "/roomselect" ) + push({ path: "/"}) + else + push({ path: route.redirectedFrom?.fullPath}) +} </script> -- Gitblit v1.9.3