<!--常规检查界面-->
|
<script setup lang="ts">
|
import TitlePanel from '@/views/ecg/doctor/components/TitlePanel.vue'
|
import QueuePanel from '@/views/ecg/doctor/components/QueuePanel.vue'
|
import { DoctorApi, PatientStatisticVO, RoomBedVO, } from '@/api/ecg/doctor'
|
import { QueueVO } from '@/api/ecg/queue'
|
import { ElNotification } from 'element-plus'
|
import RoutinePanel from '@/views/ecg/doctor/components/RoutinePanel.vue'
|
import { useRoomStore } from '@/store/modules/room'
|
|
const roomStore = useRoomStore()
|
|
const roomBedVO: RoomBedVO = {
|
roomId: null,
|
roomName: null,
|
bedNo: null,
|
checkTypes: null,
|
opType: null
|
}
|
const setappointmentId = ref<string>('');
|
let onStagePatient: QueueVO = {
|
id: 0,
|
patId: '',
|
patName: '',
|
patGender: 0,
|
bookTimeslot: 0,
|
bookCheckType: 0,
|
isVip: 0,
|
seqNum: 0,
|
bookSeqNum: 0,
|
passed: 0,
|
expired: 0,
|
jumpFlag: 0,
|
roomId: 0,
|
roomName: '',
|
bedNo: '',
|
status: 0
|
}
|
|
const patientStat = ref<PatientStatisticVO>({
|
finishedNum: 0,
|
readyNum: 0,
|
receivedNum: 0,
|
passedNum: 0,
|
queuingNum: 0
|
})
|
|
const autoCall = ref<boolean>(false)
|
const state = ref<boolean>()
|
|
const patientList = ref<QueueVO[]>([])
|
|
let timerRunFlag: boolean = false
|
const bedControlFlag = ref<boolean>(true)
|
const finishFlag = ref<boolean>(true)
|
const passFlag = ref<boolean>(true)
|
|
const finishNextPatient = async () => {
|
finishFlag.value = true
|
try {
|
patientList.value = await DoctorApi.finishNextPatient(roomBedVO)
|
patientStat.value = await DoctorApi.getPatientStatistic(roomBedVO)
|
getOnstagePatient()
|
|
// 用于解决 左侧重置后 获取当前【就诊中】患者
|
setOnStagePatient(onStagePatient)
|
console.log(onStagePatient, '998')
|
} finally {
|
finishFlag.value = false
|
}
|
}
|
|
const passNextPatient = async () => {
|
passFlag.value = true
|
try {
|
patientList.value = await DoctorApi.passNextPatient(roomBedVO)
|
patientStat.value = await DoctorApi.getPatientStatistic(roomBedVO)
|
getOnstagePatient()
|
} finally {
|
passFlag.value = false
|
}
|
}
|
|
const callAgain = async () => {
|
await DoctorApi.callPatientAgain(roomBedVO)
|
}
|
|
const getOnstagePatient = () => {
|
const tempPatient: QueueVO | undefined = patientList.value.find((item) => item.status === 30)
|
if (undefined === tempPatient) {
|
// setOnStagePatient(undefined)
|
} else if (tempPatient.patId !== onStagePatient.patId) {
|
onStagePatient = tempPatient
|
setOnStagePatient(onStagePatient)
|
}
|
}
|
|
const initLoad = async () => {
|
if (roomBedVO.roomId == null) {
|
ElNotification.error({
|
message: '请重新就座!',
|
type: 'info',
|
duration: 3000 // 自动关闭时间，默认为3000ms
|
})
|
return
|
}
|
|
patientList.value = await DoctorApi.getToBeCheckedPatientList(roomBedVO)
|
getOnstagePatient()
|
patientStat.value = await DoctorApi.getPatientStatistic(roomBedVO)
|
const queueVO2 = await DoctorApi.bedDoctorGet(roomBedVO)
|
if (queueVO2.status === 20) state.value = true
|
else if (queueVO2.status === 30) state.value = false
|
}
|
|
const bedControl = async () => {
|
bedControlFlag.value = true
|
try {
|
if (state.value) {
|
await DoctorApi.bedDoctorPause(roomBedVO)
|
state.value = false
|
} else {
|
await DoctorApi.bedDoctorResume(roomBedVO)
|
state.value = true
|
}
|
} finally {
|
bedControlFlag.value = false
|
}
|
}
|
|
const doctorTimer = () => {
|
console.log('doctorTimer ...')
|
initLoad()
|
if (timerRunFlag) setTimeout(doctorTimer, 5000) // five seconds
|
}
|
|
/** 初始化 **/
|
onMounted(() => {
|
timerRunFlag = false
|
bedControlFlag.value = true
|
finishFlag.value = true
|
passFlag.value = true
|
|
if (roomStore.isSetRoom) {
|
roomBedVO.roomId = roomStore.room!.roomId
|
roomBedVO.roomName = roomStore.room!.roomName
|
roomBedVO.bedNo = roomStore.room!.bedNo
|
roomBedVO.checkTypes = roomStore.room!.checkTypes
|
roomBedVO.opType = roomStore.room!.opType
|
|
timerRunFlag = true
|
doctorTimer()
|
} else {
|
roomBedVO.roomId = null
|
roomBedVO.bedNo = null
|
}
|
|
bedControlFlag.value = false
|
finishFlag.value = false
|
passFlag.value = false
|
})
|
|
onUnmounted(() => {
|
timerRunFlag = false
|
})
|
|
const onEventRoutine = () => {
|
//console.info("onDevRentPanelEvent...")
|
onStagePatient = {
|
id: 0,
|
patId: '',
|
patName: '',
|
patGender: 0,
|
bookTimeslot: 0,
|
bookCheckType: 0,
|
isVip: 0,
|
seqNum: 0,
|
bookSeqNum: 0,
|
passed: 0,
|
expired: 0,
|
jumpFlag: 0,
|
roomId: 0,
|
roomName: '',
|
bedNo: '',
|
status: 0
|
}
|
|
if (autoCall.value) {
|
finishNextPatient()
|
} else {
|
initLoad()
|
}
|
}
|
|
const onEventRecallFinish = () => {
|
initLoad()
|
}
|
|
/** 患者变更操作 */
|
const routimePanelRef = ref()
|
const setOnStagePatient = (tempPatient: QueueVO | undefined) => {
|
// 安全的空值检查
|
if (!tempPatient) {
|
console.warn('Received undefined or null patient data');
|
setappointmentId.value = '';
|
return;
|
}
|
|
// 使用可选链避免 patDetails 为 undefined 的情况
|
const appointmentId = tempPatient.patDetails?.appointmentId;
|
console.log(appointmentId, '9987');
|
|
setappointmentId.value = appointmentId || '';
|
routimePanelRef.value.setPatient(tempPatient)
|
}
|
</script>
|
|
<template>
|
<el-container>
|
<el-header style="background-color: var(--el-color-primary-light-7); font-size: 24px">
|
<TitlePanel :titleType="0" :room="roomBedVO" :patientStatistic="patientStat" />
|
</el-header>
|
<el-container style="height: 100%">
|
<el-main style="border: solid var(--el-color-primary-light-7)">
|
<RoutinePanel :room="roomBedVO" :setappointmentId="setappointmentId" ref="routimePanelRef" @event_routine="onEventRoutine" />
|
</el-main>
|
<el-aside width="400px" style="border: solid var(--el-color-primary-light-7)">
|
<QueuePanel
|
:room="roomBedVO"
|
:queue="patientList"
|
@event_RecallFinish="onEventRecallFinish"
|
/>
|
</el-aside>
|
</el-container>
|
<el-container class="right-bottom">
|
<el-checkbox label="自动 " v-model="autoCall" />
|
<el-button :disabled="finishFlag" type="primary" @click="finishNextPatient">叫号</el-button>
|
<el-button :disabled="passFlag" type="primary" @click="passNextPatient">过号</el-button>
|
<el-button type="primary" @click="callAgain">重叫</el-button>
|
<el-button :disabled="bedControlFlag" type="primary" @click="bedControl">{{
|
state ? '暂停' : '恢复'
|
}}</el-button>
|
</el-container>
|
</el-container>
|
</template>
|
|
<style scoped lang="scss">
|
.right-bottom {
|
position: absolute;
|
bottom: 50px;
|
right: 80px;
|
//background-color: #f00;
|
//color: #fff;
|
//padding: 10px;
|
}
|
</style>
|
