装机界面 显示设备详情

eight

2024-09-20 ca0fdc71abca0635a7ba0bc905fa93a05384cb5d

 src/views/ecg/doctor/components/TitlePanel.vue

@@ -1,20 +1,16 @@
<script setup lang="ts">
import {defineComponent, PropType} from "vue";
import {useUserStore} from "@/store/modules/user";
import {PatientStatisticVO, RoomBedVO} from "@/api/ecg/doctor";

const userStore = useUserStore();

defineComponent({
  name: 'TitlePanel'
})

const roomBedVO: RoomBedVO = {
  roomId: userStore.room.roomId,
  bedNo: userStore.room.bedNo
}

const  props = defineProps({
  room: {
    type: Object as PropType<RoomBedVO>,
    required: true
  },
  patientStatistic: {
    type: Object as PropType<PatientStatisticVO>,
    required: true
@@ -24,11 +20,23 @@
</script>

<template>
已就诊{{patientStatistic.finishedNum}}  准备中{{patientStatistic.readyNum}}
  过号{{patientStatistic.passedNum}} 排队中{{patientStatistic.queuingNum}}
  诊室{{roomBedVO.roomId}} 工位{{roomBedVO.bedNo}}
<div class="mytitle">
    <div>
      {{room.roomName || ''}} {{room.bedNo || ''}}
    </div>
    <div>
    已就诊{{patientStatistic.finishedNum==undefined ? 0 : patientStatistic.finishedNum}}
    准备中{{patientStatistic.readyNum==undefined ? 0 : patientStatistic.readyNum}}
    过号{{patientStatistic.passedNum==undefined ? 0 : patientStatistic.passedNum}}
    排队中{{patientStatistic.queuingNum==undefined ? 0 : patientStatistic.queuingNum}}
    </div>
</div>

</template>

<style scoped lang="scss">

.mytitle {
  display: flex;
  justify-content: space-between;
}
</style>