From 32af4c7211d1bf20a44ba1d96a9c7431f44ecfa8 Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期三, 28 八月 2024 14:45:06 +0800
Subject: [PATCH] update
---
src/views/ecg/room/RoomLoginSelect.vue | 199 +++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 183 insertions(+), 16 deletions(-)
diff --git a/src/views/ecg/room/RoomLoginSelect.vue b/src/views/ecg/room/RoomLoginSelect.vue
index d32c7c0..549d575 100644
--- a/src/views/ecg/room/RoomLoginSelect.vue
+++ b/src/views/ecg/room/RoomLoginSelect.vue
@@ -1,36 +1,203 @@
<template>
- <div style="display: flex; flex-wrap: wrap; margin-bottom: 20px">
- <div class=wrap v-for="(value, key) in bedMap" :key="key">
- <RoomBedSelect :title="key" :bedList="value" v-model="curSel"/>
+ <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"/>
+ </div>
</div>
+ <el-button @click="confirmCurSel">纭</el-button>
</div>
- <el-button type="primary" @click="roomConfirm">纭</el-button>
</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";
+const { push } = useRouter()
defineOptions({ name: 'RoomLoginSelect' })
-const bedMap = ref<Map<String, RoomVO[]>>() // 鍒楄〃鐨勬暟鎹�
+const route = useRoute();
-const curSel = ref<RoomVO>({
- id: 0,
- roomId: 0,
- roomName: "",
- bedNo: "",
- onstage: true
- });
+const userStore = useUserStore()
+const curUser = userStore.getUser
+
+const bedMap = ref() // 鍒楄〃鐨勬暟鎹�
+
+const originalSel = ref<RoomVO>();
+
+let curSel = ref<RoomVO>({
+ id: null,
+ roomId: null,
+ roomName: null,
+ bedNo: null,
+ status: null,
+ docId: null,
+ docName: null
+});
/** 鏌ヨ鍒楄〃 */
const getList = async () => {
const data = await RoomApi.getOnstageBedMap()
- bedMap.value = data as Map<String, RoomVO[]>
+ 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 = () => {
- console.info(curSel.value)
+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)
+ 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,
+ type: 'info',
+ duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms
+ });
+ 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 === "/roomselect" )
+ push({ path: "/"})
+ else
+ push({ path: route.redirectedFrom?.fullPath})
}
/** 鍒濆鍖� **/
@@ -41,7 +208,7 @@
</script>
<style scoped lang="scss">
-.wrap {
+.roomwrap {
margin-right: 20px;
}
</style>
--
Gitblit v1.9.3