| | |
| | | <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" :curUser='curUser' @event-haveseat="haveSeat" @event-leaveseat="leaveSeat" @event-setcurseat="setCurSeat"/> |
| | | </div> |
| | | <el-empty v-if="isEmptyOpeningBed" description="工位没有开放"/> |
| | | </div> |
| | | <el-button @click="confirmCurSel">确认</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, ElMessageBox} from "element-plus"; |
| | | import {isStringEmpty} from "@/utils/stringUtil"; |
| | | import {cloneDeep} from "lodash-es"; |
| | | import {DoctorApi} from "@/api/ecg/doctor"; |
| | | import {useRoomStore} from "@/store/modules/room"; |
| | | const { push } = useRouter() |
| | | |
| | | defineOptions({ name: 'RoomLoginSelect' }) |
| | |
| | | const route = useRoute(); |
| | | |
| | | const userStore = useUserStore() |
| | | const roomStore = useRoomStore() |
| | | 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, |
| | | bedNo: null, |
| | | status: null, |
| | | docId: null, |
| | | docName: null |
| | | }); |
| | | docName: null, |
| | | ip: "", |
| | | checkTypes: [], |
| | | opType: 0 |
| | | }) |
| | | |
| | | /** 初始化 **/ |
| | | onMounted(() => { |
| | | console.info( curUser.id + " onMounted") |
| | | getList() |
| | | }) |
| | | |
| | | onActivated(() => { |
| | | console.info( curUser.id + " onActivated") |
| | | getList() |
| | | }) |
| | | |
| | | const resetPage = () => { |
| | | getList() |
| | | } |
| | | |
| | | /** 查询列表 */ |
| | | const getList = async () => { |
| | | const data = await RoomApi.getOnstageBedMap() |
| | | bedMap.value = data; |
| | | resetCurSel() |
| | | |
| | | 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 |
| | | } |
| | | } ) |
| | | 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 haveSeatConfirm = async () => { |
| | | if (curSel.value.roomId === null) { |
| | | const confirmCurSel = () => { |
| | | if (curSel.value.docId === null ) { |
| | | ElMessage({ |
| | | message: '请先选择工作的位置!', |
| | | type: 'info', |
| | |
| | | return |
| | | } |
| | | |
| | | if (curSel.value !== originalSel.value) { |
| | | console.info(originalSel.value) |
| | | // 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 (originalSel.value !== undefined) { |
| | | data = await queueApi.bedDoctorOff(originalSel.value) |
| | | /* 保留这块逻辑 |
| | | if (curSel.value.docId !== null) { |
| | | data = await DoctorApi.bedDoctorOff(curSel.value) |
| | | if (data !== 0) { |
| | | ElMessage({ |
| | | message: '内部错误!' + data, |
| | |
| | | return |
| | | } |
| | | } |
| | | data = await queueApi.bedDoctorOn(curSel.value) |
| | | */ |
| | | |
| | | 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, |
| | |
| | | }); |
| | | return |
| | | } |
| | | originalSel.value = curSel.value |
| | | |
| | | await roomStore.setRoomInfoAction(tempRoomVO) |
| | | 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}) |
| | | // 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 () => { |
| | | if (curSel.value.roomId !== null) { |
| | | ElMessage({ |
| | | message: '请先离开工位, 再确认离座!', |
| | | type: 'info', |
| | | duration: 3000 // 自动关闭时间,默认为3000ms |
| | | }); |
| | | return |
| | | } |
| | | |
| | | if (originalSel.value !== undefined) { |
| | | let data = await queueApi.bedDoctorOff(originalSel.value) |
| | | const leaveSeatConfirm = async (roomVO: RoomVO) => { |
| | | if (roomVO.docId !== null) { |
| | | let data = await DoctorApi.bedDoctorOff(roomVO) |
| | | if (data !== 0) { |
| | | ElMessage({ |
| | | message: '内部错误!' + data, |
| | |
| | | }); |
| | | return |
| | | } |
| | | originalSel.value = undefined |
| | | } |
| | | |
| | | userStore.clearRoomInfoAction() |
| | | resetCurSel() |
| | | await roomStore.clearRoomInfoAction() |
| | | getList() |
| | | } |
| | | |
| | | const haveSeat = (roomVO: RoomVO) => { |
| | | const haveSeat = async (newRoomVO: RoomVO) => { |
| | | ElMessageBox.confirm( |
| | | '入座, 是否继续?', |
| | | '提示', |
| | |
| | | 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() |
| | | ).then(async () => { |
| | | haveSeatConfirm(newRoomVO) |
| | | }).catch(() => { |
| | | console.log('取消'); |
| | | }); |
| | | } |
| | | |
| | |
| | | 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() |
| | | leaveSeatConfirm(roomVO) |
| | | }).catch(() => { |
| | | console.log('取消'); |
| | | }); |
| | | } |
| | | |
| | | const confirmCurSel = () => { |
| | | if (curSel.value.docId === null ) { |
| | | ElMessage({ |
| | | message: '请先选择工作的位置!', |
| | | type: 'info', |
| | | duration: 3000 // 自动关闭时间,默认为3000ms |
| | | }); |
| | | return |
| | | } |
| | | // 同时坐了多个工位时,设定当前会话的工位 |
| | | const setCurSeat = (roomVO: RoomVO) => { |
| | | roomStore.setRoomInfoAction( roomVO ) |
| | | curSel.value = roomVO |
| | | |
| | | 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}) |
| | | // 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}) |
| | | } |
| | | } |
| | | |
| | | /** 初始化 **/ |
| | | onMounted(() => { |
| | | getList() |
| | | }) |
| | | 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> |
| | | |