11

WXL

2 天以前 a986a8d6fb5e44f7044469f5f420ce0d7b5bf235

 src/views/ecg/doctor/Routine.vue

@@ -1,43 +1,59 @@
<!--常规检查界面-->
<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 {useUserStore} from "@/store/modules/user";
import {QueueVO} from "@/api/ecg/queue";
import {ElNotification} from "element-plus";
import DevReadyPanel from "@/views/ecg/doctor/components/DevReadyPanel.vue";
import RoutinePanel from "@/views/ecg/doctor/components/RoutinePanel.vue";
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 userStore = useUserStore();
const roomStore = useRoomStore()

const roomBedVO: RoomBedVO = {
    roomId: null,
    roomName: null,
    bedNo: null,
    checkTypes: null,
    opType: null
  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 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,
    readyNum: 0,
    passedNum: 0,
    queuingNum: 0
  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);
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
@@ -47,7 +63,8 @@
    getOnstagePatient()

    // 用于解决 左侧重置后 获取当前【就诊中】患者
    setOnStagePatient(onStagePatient.value)
    setOnStagePatient(onStagePatient)
    console.log(onStagePatient, '998')
  } finally {
    finishFlag.value = false
  }
@@ -69,12 +86,12 @@
}

const getOnstagePatient = () => {
  const tempPatient : QueueVO | undefined = patientList.value.find(item => item.status === 30)
  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(onStagePatient.value)
  } else if (tempPatient.patId !== onStagePatient.patId) {
    onStagePatient = tempPatient
    setOnStagePatient(onStagePatient)
  }
}

@@ -92,10 +109,8 @@
  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
  if (queueVO2.status === 20) state.value = true
  else if (queueVO2.status === 30) state.value = false
}

const bedControl = async () => {
@@ -116,8 +131,7 @@
const doctorTimer = () => {
  console.log('doctorTimer ...')
  initLoad()
  if (timerRunFlag)
    setTimeout(doctorTimer, 5000) // five seconds
  if (timerRunFlag) setTimeout(doctorTimer, 5000) // five seconds
}

/** 初始化 **/
@@ -127,12 +141,12 @@
  finishFlag.value = true
  passFlag.value = true

  if (userStore.isSetRoom) {
    roomBedVO.roomId = userStore.room!.roomId
    roomBedVO.roomName = userStore.room!.roomName
    roomBedVO.bedNo = userStore.room!.bedNo
    roomBedVO.checkTypes = userStore.room!.checkTypes
    roomBedVO.opType = userStore.room!.opType
  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()
@@ -146,14 +160,36 @@
  passFlag.value = false
})

onUnmounted( () =>{
onUnmounted(() => {
  timerRunFlag = false
})

const onEventRoutine = () => {
   //console.info("onDevRentPanelEvent...")
  onStagePatient.value.patId = ""
  initLoad()
  //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 = () => {
@@ -163,29 +199,47 @@
/** 患者变更操作 */
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" />
      <TitlePanel :titleType="0" :room="roomBedVO" :patientStatistic="patientStat" />
    </el-header>
    <el-container style="height: 100%;">
    <el-container style="height: 100%">
      <el-main style="border: solid var(--el-color-primary-light-7)">
        <RoutinePanel :room="roomBedVO" ref="routimePanelRef" @event_routine="onEventRoutine"/>
        <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 :queue="patientList" @event_RecallFinish="onEventRecallFinish"/>
        <QueuePanel
          :room="roomBedVO"
          :queue="patientList"
          @event_RecallFinish="onEventRecallFinish"
        />
      </el-aside>
    </el-container>
    <el-container class="right-bottom">
      <el-checkbox label="自动&nbsp;" 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-button type="primary" @click="callAgain">重叫</el-button>
      <el-button :disabled="bedControlFlag" type="primary" @click="bedControl">{{
        state ? '暂停' : '恢复'
      }}</el-button>
    </el-container>
  </el-container>
</template>
@@ -194,7 +248,7 @@
.right-bottom {
  position: absolute;
  bottom: 50px;
  right: 100px;
  right: 80px;
  //background-color: #f00;
  //color: #fff;
  //padding: 10px;