| | |
| | | <script lang="ts" setup> |
| | | import { RoomVO } from '@/api/ecg/room' |
| | | import {PropType} from "vue"; |
| | | import {useCheckTypeStore} from "@/store/modules/checkType"; |
| | | import {UserVO} from "@/store/modules/user"; |
| | | import {getCheckTypeName} from "../../../utils/checkTypeFormatter"; |
| | | import { PropType } from "vue"; |
| | | import { useCheckTypeStore } from "@/store/modules/checkType"; |
| | | import { UserVO } from "@/store/modules/user"; |
| | | import { getCheckTypeName } from "../../../utils/checkTypeFormatter"; |
| | | |
| | | const emit = defineEmits(['event-haveseat', 'event-leaveseat', 'event-setcurseat']) |
| | | |
| | |
| | | name: 'RoomBedSelect' |
| | | }) |
| | | |
| | | const props = defineProps({ |
| | | // defineProps({ |
| | | const props = defineProps({ |
| | | // defineProps({ |
| | | title: { |
| | | type: Number, |
| | | required: true |
| | |
| | | |
| | | /** 初始化 **/ |
| | | onMounted(() => { |
| | | console.info(props.bedList) |
| | | console.info(props.bedList) |
| | | }) |
| | | |
| | | </script> |
| | | |
| | | <template> |
| | | <el-card style="width: 200px" shadow="hover" > |
| | | <template #header>{{bedList[0].roomName}}</template> |
| | | <el-card style="width: 200px" shadow="hover"> |
| | | <template #header>{{ bedList[0].roomName }}</template> |
| | | <div v-for="(bedItem, index) in bedList" :key="index"> |
| | | <div class="deskwarp"> |
| | | |
| | | <div v-for="(checkType, subIndex) in bedItem.checkTypes" :key="subIndex"> |
| | | {{getCheckTypeName(checkType)}} |
| | | {{ getCheckTypeName(checkType) }} |
| | | </div> |
| | | <div> |
| | | {{bedItem.opType === 1?"领用":""}} |
| | | {{bedItem.opType === 2?"安装":""}} |
| | | {{ bedItem.opType === 1 ? "领用" : "" }} |
| | | {{ bedItem.opType === 2 ? "安装" : "" }} |
| | | </div> |
| | | |
| | | <img |
| | | v-if="bedItem.docId === null" |
| | | src="@/assets/room/open.jpg" |
| | | style="width: 100%" |
| | | alt="无医生" |
| | | /> |
| | | <img |
| | | v-else |
| | | src="@/assets/room/desk-doctor.jpeg" |
| | | style="width: 100%" |
| | | alt="有医生" |
| | | /> |
| | | <div>{{bedItem.bedNo}} {{bedItem.docName}} {{bedItem.status === 30?"-暂停":""}}</div> |
| | | <el-button v-if="bedItem.docId === null" @click = onHaveSeatclick(bedItem)> |
| | | 入座 |
| | | <img v-if="bedItem.docId === null" src="@/assets/room/open.jpg" style="width: 100%" alt="无医生" /> |
| | | <img v-else src="@/assets/room/desk-doctor.jpg" style="width: 100%" alt="有医生" /> |
| | | <div>{{ bedItem.bedNo }} {{ bedItem.docName }} {{ bedItem.status === 30 ? "-暂停" : "" }}</div> |
| | | <el-button v-if="bedItem.docId == null || bedItem.docId != curUser.id" @click="onHaveSeatclick(bedItem)"> |
| | | 入座 |
| | | </el-button> |
| | | <div v-if="bedItem.docId === curUser.id"> |
| | | <el-button @click = onLeaveSeatclick(bedItem)> |
| | | 离座 |
| | | <el-button @click=onLeaveSeatclick(bedItem)> |
| | | 离座 |
| | | </el-button> |
| | | <span v-if="bedItem.roomId === curBed.roomId && bedItem.bedNo === curBed.bedNo" > |
| | | 当前 |
| | | <span v-if="bedItem.roomId === curBed.roomId && bedItem.bedNo === curBed.bedNo"> |
| | | 当前 |
| | | </span> |
| | | <el-button v-else @click = onSetCurSeatclick(bedItem)> |
| | | 设为当前 |
| | | <el-button v-else @click=onSetCurSeatclick(bedItem)> |
| | | 设为当前 |
| | | </el-button> |
| | | </div> |
| | | <el-divider/> |
| | | <el-divider /> |
| | | </div> |
| | | </div> |
| | | </el-card> |
| | |
| | | align-items: center; |
| | | /*height: 260px;*/ |
| | | } |
| | | |
| | | </style> |