新装机界面

eight

2024-09-25 0b13963800eadb0a87a68809e8cbfecb6592fde7

 src/views/ecg/doctor/index.vue

@@ -5,7 +5,7 @@
import {useUserStore} from "@/store/modules/user";
import {QueueVO} from "@/api/ecg/queue";
import {ElNotification} from "element-plus";
import DevRentPanel from "@/views/ecg/doctor/components/DevRentPanel.vue";
import DevReadyPanel from "@/views/ecg/doctor/components/DevReadyPanel.vue";

const userStore = useUserStore();

@@ -17,7 +17,7 @@

const onStagePatient = ref<QueueVO>({
  bedNo: "", bookCheckType: 0, bookTimeslot: 0, expired: 0, id: 0, jumpFlag: 0, passed: 0,
  patGender: 0, patId: "1", patName: "OKK", roomId: 0, roomName: "", seqNum: 0, status: 0
  patGender: 0, patId: "", patName: "", roomId: 0, roomName: "", seqNum: 0, status: 0
})

const patientStat = ref<PatientStatisticVO>({
@@ -41,6 +41,7 @@
  try {
    patientList.value = await DoctorApi.finishNextPatient(roomBedVO)
    patientStat.value = await DoctorApi.getPatientStatistic(roomBedVO)
    getOnstagePatient()
  } finally {
    finishFlag.value = false
  }
@@ -51,16 +52,23 @@
  try {
    patientList.value = await DoctorApi.passNextPatient(roomBedVO)
    patientStat.value = await DoctorApi.getPatientStatistic(roomBedVO)
    getOnstagePatient()
  } finally {
    passFlag.value = false
  }
}

const callAgain = async () => {
  await DoctorApi.callAgainPatient(roomBedVO)
}

const getOnstagePatient = () => {
  const tempPatient : QueueVO | undefined = patientList.value.find(item => item.status === 30)
  if (tempPatient !== undefined) {
  if (undefined === tempPatient) {
    setOnStagePatient(undefined)
  } else if (tempPatient.patId !== onStagePatient.value.patId) {
    onStagePatient.value= tempPatient
    //onStagePatient.value.patName = tempPatient.patName
    setOnStagePatient(tempPatient)
  }
}

@@ -135,7 +143,17 @@
})

const onEvent = () => {
  console.info("onDevRentPanelEvent...")
  // console.info("onDevRentPanelEvent...")
}

const onEventRecallFinish = () => {
  initLoad()
}

/** 患者变更操作 */
const devInstallPanelRef = ref()
const setOnStagePatient = (tempPatient: QueueVO | undefined) => {
  devInstallPanelRef.value.setPatient(tempPatient)
}

</script>
@@ -145,22 +163,30 @@
    <el-header style="background-color: var(--el-color-primary-light-7); font-size: 24px">
      <TitlePanel :room="roomBedVO" :patientStatistic="patientStat" />
    </el-header>
    <el-container>
      <el-main>
        <DevRentPanel :patient="onStagePatient"  @success="onEvent"/>
    <el-container style="height: 100%;">
      <el-main style="border: solid var(--el-color-primary-light-7)">
        <DevReadyPanel ref="devInstallPanelRef" @success="onEvent"/>
      </el-main>
      <el-aside width="300px" style="background-color: var(--el-color-primary-light-7);">
        <QueuePanel :queue="patientList"/>
      <el-aside width="400px" style="border: solid var(--el-color-primary-light-7)">
          <QueuePanel :queue="patientList" @event_RecallFinish="onEventRecallFinish"/>
      </el-aside>
    </el-container>
    <el-container style="justify-content: center; margin-top: 30px">
    <el-container class="right-bottom">
      <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: 100px;
  //background-color: #f00;
  //color: #fff;
  //padding: 10px;
}
</style>