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 | 214 +++++++++++++++++++++++++++++++++++++----------------
1 files changed, 148 insertions(+), 66 deletions(-)
diff --git a/src/views/ecg/room/RoomLoginSelect.vue b/src/views/ecg/room/RoomLoginSelect.vue
index 8cc83b1..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"/>
+ <RoomBedSelect :title="key" :bedList="value" :curBed="curSel" @event-haveseat="haveSeat" @event-leaveseat="leaveSeat"/>
</div>
+ <div v-if="isEmptyOpeningBed">"宸ヤ綅娌℃湁寮�鏀�"</div>
</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,64 +30,98 @@
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(() => {
+ getList()
+})
-let curSel = ref<RoomVO>({
- id: 0,
- roomId: 0,
- roomName: "",
- bedNo: "",
- status: 0,
- docId: 0,
- docName: ""
-});
+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
- }
- } )
- }
-}
-
-const roomConfirm = async () => {
- console.info(curSel.value)
-
- if (curSel.value.roomId === 0) {
- ElMessage({
- message: '璇峰厛閫夋嫨宸ヤ綔鐨勪綅缃�!',
- type: 'info',
- duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms
- });
- 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
- });
+ 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 (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)
+ }
+ 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,
+ type: 'info',
+ duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms
+ });
+ return
+ }
+
+ newRoomVO.docId = curUser.id
+ newRoomVO.docName = curUser.nickname
+ curSel.value = newRoomVO
+ 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.docId !== null) {
+ let data = await DoctorApi.bedDoctorOff(curSel.value)
if (data !== 0) {
ElMessage({
message: '鍐呴儴閿欒!' + data,
@@ -91,33 +130,76 @@
});
return
}
- originalSel.value = curSel.value
+
+ curSel.value.docId = null
+ curSel.value.docName = null
+ }
+
+ userStore.clearRoomInfoAction()
+}
+
+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: "/"})
+ push({ path: "/"})
else
push({ path: route.redirectedFrom?.fullPath})
}
-const haveSeat = (roomVO: RoomVO) => {
- console.info(roomVO)
-
+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
-
- roomVO.docId = curUser.id
- roomVO.docName = curUser.nickname
- curSel.value = roomVO
}
-
-/** 鍒濆鍖� **/
-onMounted(() => {
- getList()
-})
</script>
--
Gitblit v1.9.3