eight
2024-09-12 e6dff096a9e94d1a5323e82f74bc1368ff7a72d6
src/views/ecg/doctor/index.vue
@@ -3,14 +3,22 @@
import QueuePanel from "@/views/ecg/doctor/components/QueuePanel.vue";
import {DoctorApi, PatientStatisticVO, RoomBedVO} from '@/api/ecg/doctor';
import {useUserStore} from "@/store/modules/user";
import {queueVO} from "@/api/ecg/queue";
import {QueueVO} from "@/api/ecg/queue";
import {ElNotification} from "element-plus";
import DevInstallPanel from "@/views/ecg/doctor/components/DevInstallPanel.vue";
const userStore = useUserStore();
const roomBedVO: RoomBedVO = {
    roomId: userStore.room.roomId,
    bedNo: userStore.room.bedNo
    roomId: null,
    roomName: null,
    bedNo: null
}
const onStagePatient = ref<QueueVO>({
  bedNo: "", bookCheckType: 0, bookTimeslot: 0, expired: 0, id: 0, jumpFlag: 0, passed: 0,
  patGender: 0, patId: "", patName: "", roomId: 0, roomName: "", seqNum: 0, status: 0
})
const patientStat = ref<PatientStatisticVO>({
    finishedNum: 0,
@@ -19,55 +27,148 @@
    queuingNum: 0
})
const list = ref<queueVO[]>([])
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 () => {
  const data = await DoctorApi.finishNextPatient(roomBedVO)
  list.value = data
  const data2 = await DoctorApi.getPatientStatistic(roomBedVO)
  patientStat.value = data2
  finishFlag.value = true
  try {
    patientList.value = await DoctorApi.finishNextPatient(roomBedVO)
    patientStat.value = await DoctorApi.getPatientStatistic(roomBedVO)
    getOnstagePatient()
  } finally {
    finishFlag.value = false
  }
}
const passNextPatient = async () => {
    const data = await DoctorApi.passNextPatient(roomBedVO)
    list.value = data
    const data2 = await DoctorApi.getPatientStatistic(roomBedVO)
    patientStat.value = data2
  passFlag.value = true
  try {
    patientList.value = await DoctorApi.passNextPatient(roomBedVO)
    patientStat.value = await DoctorApi.getPatientStatistic(roomBedVO)
    getOnstagePatient()
  } finally {
    passFlag.value = false
  }
}
const getPatientList = async () => {
    const data = await DoctorApi.getPatientList(roomBedVO)
    list.value = data
const getOnstagePatient = () => {
  const tempPatient : QueueVO | undefined = patientList.value.find(item => item.status === 30)
  if (undefined === tempPatient) {
    setOnStagePatient(undefined)
  } else if (tempPatient.patId !== onStagePatient.value.patId) {
    onStagePatient.value= tempPatient
    setOnStagePatient(tempPatient)
  }
}
    const data2 = await DoctorApi.getPatientStatistic(roomBedVO)
    patientStat.value = data2
const initLoad = async () => {
  if (roomBedVO.roomId == null) {
    ElNotification.error({
      message: '请重新就座!',
      type: 'info',
      duration: 3000 // 自动关闭时间,默认为3000ms
    })
    return
  }
  patientList.value = await DoctorApi.getPatientList(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(() => {
    getPatientList()
  timerRunFlag = false
  bedControlFlag.value = true
  finishFlag.value = true
  passFlag.value = true
  if (userStore.isSetRoom) {
    roomBedVO.roomId = userStore.room!.roomId
    roomBedVO.roomName = userStore.room!.roomName
    roomBedVO.bedNo = userStore.room!.bedNo
    timerRunFlag = true
    doctorTimer()
  } else {
    roomBedVO.roomId = null
    roomBedVO.bedNo = null
  }
  bedControlFlag.value = false
  finishFlag.value = false
  passFlag.value = false
})
onUnmounted( () =>{
  timerRunFlag = false
})
const onEvent = () => {
  // console.info("onDevRentPanelEvent...")
}
/** 患者变更操作 */
const devInstallPanelRef = ref()
const setOnStagePatient = (tempPatient: QueueVO | undefined) => {
  devInstallPanelRef.value.setPatient(tempPatient)
}
</script>
<template>
  <el-container>
    <el-header style="background-color: var(--el-color-primary-light-7); font-size: 24px">
      <TitlePanel :patientStatistic="patientStat" />
      <TitlePanel :room="roomBedVO" :patientStatistic="patientStat" />
    </el-header>
    <el-container>
      <el-main>
        装机界面
      </el-main>
      <el-aside width="300px" style="background-color: var(--el-color-primary-light-7);">
        <QueuePanel :queue="list"/>
      <el-aside width="700px">
        <DevInstallPanel ref="devInstallPanelRef" @success="onEvent"/>
      </el-aside>
    </el-container>
    <el-container style="justify-content: center;">
      <el-button type="primary" @click="finishNextPatient">完成下一位</el-button>
      <el-button type="primary" @click="passNextPatient">过号下一位</el-button>
      <el-container style="background-color: var(--el-color-primary-light-7);">
        <el-main >
            <QueuePanel :queue="patientList"/>
        </el-main>
        <el-footer>
          <el-button :disabled="finishFlag" type="primary" @click="finishNextPatient">叫号</el-button>
          <el-button :disabled="passFlag" type="primary" @click="passNextPatient">过号</el-button>
          <el-button :disabled="bedControlFlag" type="primary" @click="bedControl">{{state?'暂停':'恢复'}}</el-button>
        </el-footer>
      </el-container>
    </el-container>
  </el-container>
</template>