| | |
| | | }) |
| | | |
| | | const onclick = async (item) => { |
| | | item.onstage = !item.onstage; |
| | | item.status = !item.status; |
| | | await RoomApi.updateRoom(item) |
| | | } |
| | | |
| | |
| | | <el-card style="width: 200px" shadow="hover" > |
| | | <template #header>{{title}}</template> |
| | | <div v-for="(bedItem, index) in bedList" :key="index"> |
| | | <img v-if="bedItem.onstage" |
| | | <img v-if="bedItem.status === 0" |
| | | src="@/assets/room/close.jpg" |
| | | style="width: 100%" |
| | | @click = onclick(bedItem) |
| | | /> |
| | | <img v-else-if="bedItem.status === 10" |
| | | src="@/assets/room/doctor.png" |
| | | style="width: 100%" |
| | | @click = onclick(bedItem) |
| | | /> |
| | | <img v-if="!bedItem.onstage" |
| | | <img v-else-if="bedItem.status === 20" |
| | | src="@/assets/room/doctor-off.jpeg" |
| | | style="width: 100%" |
| | | @click = onclick(bedItem) |
| | | /> |
| | | {{bedItem.bedNo}} - {{bedItem.doctor_name}} |
| | | </div> |
| | | </el-card> |
| | | </template> |