| | |
| | | <div class=roomwrap v-for="(value, key) in bedMap" :key="key"> |
| | | <RoomBedSelect :title="key" :bedList="value" :curBed="curSel" @event-haveseat="haveSeat" @event-leaveseat="leaveSeat"/> |
| | | </div> |
| | | <div v-if="isEmptyOpeningBed">"工位没有开放"</div> |
| | | </div> |
| | | <el-button @click="confirmCurSel">确认</el-button> |
| | | <div> |
| | | <el-button @click="confirmCurSel">确认</el-button> |
| | | <el-button @click="resetPage">重置</el-button> |
| | | </div> |
| | | </div> |
| | | </template> |
| | | |
| | |
| | | import {useUserStore} from "@/store/modules/user"; |
| | | import {ElMessage, ElMessageBox} from "element-plus"; |
| | | import {isStringEmpty} from "@/utils/stringUtil"; |
| | | import {cloneDeep} from "lodash-es"; |
| | | const { push } = useRouter() |
| | | |
| | | defineOptions({ name: 'RoomLoginSelect' }) |
| | |
| | | const userStore = useUserStore() |
| | | 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, |
| | |
| | | status: null, |
| | | docId: null, |
| | | docName: null |
| | | }); |
| | | }) |
| | | |
| | | /** 初始化 **/ |
| | | onMounted(() => { |
| | | getList() |
| | | }) |
| | | |
| | | const resetPage = () => { |
| | | getList() |
| | | } |
| | | |
| | | /** 查询列表 */ |
| | | const getList = async () => { |
| | | const data = await RoomApi.getOnstageBedMap() |
| | | const data = await RoomApi.getOpeningBedMap() |
| | | console.info(data) |
| | | 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 |
| | | } |
| | | } ) |
| | | } |
| | | 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 () => { |
| | | if (curSel.value.roomId === null) { |
| | | ElMessage({ |
| | | message: '请先选择工作的位置!', |
| | | type: 'info', |
| | | duration: 3000 // 自动关闭时间,默认为3000ms |
| | | }); |
| | | return |
| | | } |
| | | const haveSeatConfirm = async (newRoomVO: RoomVO) => { |
| | | const tempRoomVO = cloneDeep(newRoomVO) |
| | | tempRoomVO.docId = curUser.id |
| | | tempRoomVO.docName = curUser.nickname |
| | | |
| | | if (curSel.value !== originalSel.value) { |
| | | console.info(originalSel.value) |
| | | if (newRoomVO !== curSel.value) { |
| | | let data; |
| | | if (originalSel.value !== undefined) { |
| | | data = await queueApi.bedDoctorOff(originalSel.value) |
| | | if (curSel.value.roomId !== null) { |
| | | data = await queueApi.bedDoctorOff(curSel.value) |
| | | if (data !== 0) { |
| | | ElMessage({ |
| | | message: '内部错误!' + data, |
| | |
| | | return |
| | | } |
| | | } |
| | | data = await queueApi.bedDoctorOn(curSel.value) |
| | | data = await queueApi.bedDoctorOn(tempRoomVO) |
| | | if (data !== 0) { |
| | | ElMessage({ |
| | | message: '内部错误!' + data, |
| | |
| | | }); |
| | | return |
| | | } |
| | | originalSel.value = curSel.value |
| | | } |
| | | |
| | | userStore.setRoomInfoAction(curSel.value) |
| | | userStore.setRoomInfoAction(tempRoomVO) |
| | | |
| | | if (curSel.value.roomId !== null) { |
| | | curSel.value.docId = null |
| | | curSel.value.docName = null |
| | | } |
| | | |
| | | newRoomVO.docId = curUser.id |
| | | newRoomVO.docName = curUser.nickname |
| | | curSel.value = newRoomVO |
| | | |
| | | if (isStringEmpty(route.redirectedFrom?.fullPath)) |
| | | push({ path: "/"}) |
| | | else if(route.redirectedFrom?.fullPath === "/roomselect" ) |
| | |
| | | |
| | | 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) |
| | | let data = await queueApi.bedDoctorOff(curSel.value) |
| | | if (data !== 0) { |
| | | ElMessage({ |
| | | message: '内部错误!' + data, |
| | |
| | | }); |
| | | return |
| | | } |
| | | originalSel.value = undefined |
| | | |
| | | curSel.value.docId = null |
| | | curSel.value.docName = null |
| | | curSel.value = { |
| | | id: null, |
| | | roomId: null, |
| | | roomName: null, |
| | | bedNo: null, |
| | | status: null, |
| | | docId: null, |
| | | docName: null |
| | | } |
| | | } |
| | | |
| | | userStore.clearRoomInfoAction() |
| | | } |
| | | |
| | | const haveSeat = (roomVO: RoomVO) => { |
| | | const haveSeat = async (newRoomVO: RoomVO) => { |
| | | ElMessageBox.confirm( |
| | | '入座, 是否继续?', |
| | | '提示', |
| | |
| | | cancelButtonText: '取消', |
| | | type: 'warning' |
| | | } |
| | | ).then(() => { |
| | | ).then(async () => { |
| | | console.log('确认'); |
| | | curSel.value.docId = null |
| | | curSel.value.docName = null |
| | | |
| | | roomVO.docId = curUser.id |
| | | roomVO.docName = curUser.nickname |
| | | curSel.value = roomVO |
| | | |
| | | haveSeatConfirm() |
| | | haveSeatConfirm(newRoomVO) |
| | | }).catch(() => { |
| | | console.log('取消'); |
| | | }); |
| | |
| | | } |
| | | ).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('取消'); |
| | |
| | | else |
| | | push({ path: route.redirectedFrom?.fullPath}) |
| | | } |
| | | |
| | | /** 初始化 **/ |
| | | onMounted(() => { |
| | | getList() |
| | | }) |
| | | |
| | | </script> |
| | | |