From 2bc74ebfec4a30beddc66fd55be4947e5f7cf498 Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期三, 28 八月 2024 15:15:33 +0800
Subject: [PATCH] update
---
src/views/ecg/room/RoomLoginSelect.vue | 186 +++++++++++++++++++++++++++++++++++++++-------
1 files changed, 158 insertions(+), 28 deletions(-)
diff --git a/src/views/ecg/room/RoomLoginSelect.vue b/src/views/ecg/room/RoomLoginSelect.vue
index 8c30904..e3ccc3f 100644
--- a/src/views/ecg/room/RoomLoginSelect.vue
+++ b/src/views/ecg/room/RoomLoginSelect.vue
@@ -2,51 +2,187 @@
<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" v-model="curSel"/>
+ <RoomBedSelect :title="key" :bedList="value" :curBed="curSel" @event-haveseat="haveSeat" @event-leaveseat="leaveSeat"/>
</div>
</div>
- <el-button type="primary" @click="roomConfirm">纭</el-button>
- <el-button type="primary" @click="test">TEST</el-button>
+ <el-button @click="confirmCurSel">纭</el-button>
</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 {CACHE_KEY, useCache} from "@/hooks/web/useCache";
-import {ElMessage} from "element-plus";
-import {isStringEmpty} from "@/utils/stringUtil"
-
+import {ElMessage, ElMessageBox} from "element-plus";
+import {isStringEmpty} from "@/utils/stringUtil";
const { push } = useRouter()
-const { wsCache } = useCache()
defineOptions({ name: 'RoomLoginSelect' })
const route = useRoute();
const userStore = useUserStore()
+const curUser = userStore.getUser
-const bedMap = ref<Map<String, RoomVO[]>>() // 鍒楄〃鐨勬暟鎹�
+const bedMap = ref() // 鍒楄〃鐨勬暟鎹�
-const curSel = ref<RoomVO>({
- id: 0,
- roomId: 0,
- roomName: "",
- bedNo: "",
- onstage: true
- });
+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.roomId === 0) {
+ 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',
@@ -58,16 +194,10 @@
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 test = () => {
- userStore.getRoom;
- console.info(userStore.getRoom);
-
- const userInfo = wsCache.get(CACHE_KEY.USER)
- console.info(userInfo);
}
/** 鍒濆鍖� **/
--
Gitblit v1.9.3