From e25465c223a2e63422acfb58414597ca8fc4df09 Mon Sep 17 00:00:00 2001
From: WXL <wl_5969728@163.com>
Date: 星期四, 13 十一月 2025 18:01:55 +0800
Subject: [PATCH] 排队异常、小屏适配问题
---
src/views/ecg/room/RoomLoginSelect.vue | 280 +++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 257 insertions(+), 23 deletions(-)
diff --git a/src/views/ecg/room/RoomLoginSelect.vue b/src/views/ecg/room/RoomLoginSelect.vue
index e653ad4..2acaac3 100644
--- a/src/views/ecg/room/RoomLoginSelect.vue
+++ b/src/views/ecg/room/RoomLoginSelect.vue
@@ -1,47 +1,281 @@
<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; height: 100vh; overflow-y: auto;">
+ <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" :curUser='curUser' @event-haveseat="haveSeat" @event-leaveseat="leaveSeat" @event-setcurseat="setCurSeat"/>
+ </div>
+ <el-empty v-if="isEmptyOpeningBed" description="宸ヤ綅娌℃湁寮�鏀�"/>
+ </div>
+ <div>
+ <el-button @click="confirmCurSel">纭</el-button>
+ <el-button @click="resetPage">閲嶇疆</el-button>
</div>
</div>
- <el-button @click="roomConfirm">KKKK</el-button>
-<!--
- <el-button type="primary">Primary Button</el-button>
- <el-button type="success">Success Button</el-button>
- <el-button type="info">Info Button</el-button>
- <el-button type="warning">Warning Button</el-button>
- <el-button type="danger">Danger Button</el-button>
--->
</template>
<script setup lang="ts">
import {RoomBedSelect} from "@/components/RoomBedSelect"
import { RoomApi, RoomVO } from '@/api/ecg/room'
+import {useUserStore} from "@/store/modules/user";
+import {ElMessage, ElMessageBox} from "element-plus";
+import {cloneDeep} from "lodash-es";
+import {DoctorApi} from "@/api/ecg/doctor";
+import {useRoomStore} from "@/store/modules/room";
+const { push } = useRouter()
defineOptions({ name: 'RoomLoginSelect' })
-const bedMap = ref<Map<String, RoomVO[]>>() // 鍒楄〃鐨勬暟鎹�
+const route = useRoute();
-const curSel = ref<String>("B2");
+const userStore = useUserStore()
+const roomStore = useRoomStore()
+const curUser = userStore.getUser
-/** 鏌ヨ鍒楄〃 */
-const getList = async () => {
- const data = await RoomApi.getOnstageBedMap()
- bedMap.value = data as Map<String, RoomVO[]>
-}
-
-const roomConfirm = () => {
-}
+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,
+ ip: "",
+ checkTypes: [],
+ opType: 0
+})
/** 鍒濆鍖� **/
onMounted(() => {
- getList()
+ console.info( curUser.id + " onMounted")
+ getList()
})
+
+onActivated(() => {
+ console.info( curUser.id + " onActivated")
+ getList()
+})
+
+const resetPage = () => {
+ getList()
+}
+
+/** 鏌ヨ鍒楄〃 */
+const getList = async () => {
+ resetCurSel()
+
+ console.info("getList before")
+ const data = await RoomApi.getOpeningBedMap()
+ bedMap.value = data;
+ console.info("getList after " + data)
+
+ isEmptyOpeningBed.value = true
+ for (const key in data) {
+ isEmptyOpeningBed.value = false
+
+ if (roomStore.getIsSetRoom) {
+ const roomVOArray = data[key] as RoomVO[];
+ roomVOArray.forEach((roomVO) => {
+ if (roomVO.docId === curUser.id
+ && roomVO.roomId === roomStore.room!.roomId
+ && roomVO.bedNo === roomStore.room!.bedNo) {
+ curSel.value = roomVO
+ roomStore.setRoomInfoAction(curSel.value)
+ }
+ })
+ }
+ }
+}
+
+const confirmCurSel = () => {
+ if (curSel.value.docId === null ) {
+ ElMessage({
+ message: '璇峰厛閫夋嫨宸ヤ綔鐨勪綅缃�!',
+ type: 'info',
+ duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms
+ });
+ return
+ }
+
+ // curSel.value.opType 0 1 2
+ if (curSel.value.opType === 0) {
+ push({path: "/ecg/doc/routine"})
+ }
+ else if (curSel.value.opType === 1) {
+ push({path: "/ecg/doc/dev-ready"})
+ }
+ else if (curSel.value.opType === 2) {
+ push({path: "/ecg/doc/dev-install"})
+ }
+ else {
+ push({path: route.redirectedFrom?.fullPath})
+ }
+
+/*
+ if (isStringEmpty(route.redirectedFrom?.fullPath))
+ push({ path: "/ecg/doc/dev-ready"})
+ else if(route.redirectedFrom?.fullPath === "/roomselect" )
+ push({ path: "/ecg/doc/dev-ready"})
+ else if(route.redirectedFrom?.fullPath === "/ecg/roomselect" )
+ push({ path: "/ecg/doc/dev-ready"})
+ else
+ push({ path: route.redirectedFrom?.fullPath})
+*/
+}
+
+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
+ }
+ }
+*/
+
+ resetCurSel()
+ await roomStore.clearRoomInfoAction()
+
+ 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
+ }
+
+ await roomStore.setRoomInfoAction(tempRoomVO)
+ newRoomVO.docId = curUser.id
+ newRoomVO.docName = curUser.nickname
+ curSel.value = newRoomVO;
+ }
+
+ // curSel.value.opType 0 1 2
+ if (newRoomVO.opType === 0) {
+ push({path: "/ecg/doc/routine"})
+ }
+ else if (newRoomVO.opType === 1) {
+ push({path: "/ecg/doc/dev-ready"})
+ }
+ else if (newRoomVO.opType === 2) {
+ push({path: "/ecg/doc/dev-install"})
+ }
+ else {
+ push({path: route.redirectedFrom?.fullPath})
+ }
+
+/*
+ // curSel.value.opType 0 1 2
+ if (isStringEmpty(route.redirectedFrom?.fullPath)) {
+ push({path: "/ecg/doc/dev-ready"})
+ }
+ else if(route.redirectedFrom?.fullPath === "/roomselect" ) {
+ push({path: "/ecg/doc/dev-ready"})
+ }
+ else if(route.redirectedFrom?.fullPath === "/ecg/roomselect" ) {
+ push({path: "/ecg/doc/dev-ready"})
+ }
+ else {
+ push({path: route.redirectedFrom?.fullPath})
+ }
+*/
+}
+
+const leaveSeatConfirm = async (roomVO: RoomVO) => {
+ if (roomVO.docId !== null) {
+ let data = await DoctorApi.bedDoctorOff(roomVO)
+ if (data !== 0) {
+ ElMessage({
+ message: '鍐呴儴閿欒!' + data,
+ type: 'info',
+ duration: 3000 // 鑷姩鍏抽棴鏃堕棿锛岄粯璁や负3000ms
+ });
+ return
+ }
+ }
+
+ resetCurSel()
+ await roomStore.clearRoomInfoAction()
+ getList()
+}
+
+const haveSeat = async (newRoomVO: RoomVO) => {
+ ElMessageBox.confirm(
+ '鍏ュ骇, 鏄惁缁х画?',
+ '鎻愮ず',
+ {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }
+ ).then(async () => {
+ haveSeatConfirm(newRoomVO)
+ }).catch(() => {
+ });
+}
+
+const leaveSeat = (roomVO: RoomVO) => {
+ ElMessageBox.confirm(
+ '绂诲骇, 鏄惁缁х画?',
+ '鎻愮ず',
+ {
+ confirmButtonText: '纭畾',
+ cancelButtonText: '鍙栨秷',
+ type: 'warning'
+ }
+ ).then(() => {
+ leaveSeatConfirm(roomVO)
+ }).catch(() => {
+ });
+}
+
+// 鍚屾椂鍧愪簡澶氫釜宸ヤ綅鏃讹紝璁惧畾褰撳墠浼氳瘽鐨勫伐浣�
+const setCurSeat = (roomVO: RoomVO) => {
+ roomStore.setRoomInfoAction( roomVO )
+ curSel.value = roomVO
+
+ // curSel.value.opType 0 1 2
+ if (roomVO.opType === 0) {
+ push({path: "/ecg/doc/routine"})
+ }
+ else if (roomVO.opType === 1) {
+ push({path: "/ecg/doc/dev-ready"})
+ }
+ else if (roomVO.opType === 2) {
+ push({path: "/ecg/doc/dev-install"})
+ }
+ else {
+ push({path: route.redirectedFrom?.fullPath})
+ }
+}
+
+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>
<style scoped lang="scss">
-.wrap {
+.roomwrap {
margin-right: 20px;
}
</style>
--
Gitblit v1.9.3