From d9e041b1020bebbfdaaa66141d94399340f88a17 Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期二, 27 八月 2024 09:11:24 +0800
Subject: [PATCH] update
---
src/components/RoomStatus/src/RoomStatus.vue | 33 +++++++++++++++++++++------------
1 files changed, 21 insertions(+), 12 deletions(-)
diff --git a/src/components/RoomStatus/src/RoomStatus.vue b/src/components/RoomStatus/src/RoomStatus.vue
index 8d18057..9344db1 100644
--- a/src/components/RoomStatus/src/RoomStatus.vue
+++ b/src/components/RoomStatus/src/RoomStatus.vue
@@ -1,5 +1,6 @@
<script lang="ts" setup>
import { RoomApi, RoomVO } from '@/api/ecg/room'
+import { queueApi } from '@/api/ecg/queue'
import {PropType} from "vue";
@@ -9,7 +10,7 @@
const props = defineProps({
title: {
- type: Number,
+ type: String,
required: true
},
bedList: {
@@ -18,27 +19,35 @@
}
})
-const onclick = (item) => {
- console.error(item);
- item.onstage = !item.onstage;
+const openBed = async (item) => {
+ await queueApi.bedOpen(item)
+}
+
+const closeBed = async (item) => {
+ await queueApi.bedClose(item)
}
</script>
<template>
- <el-card style="width: 180px" shadow="hover" >
+ <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 || bedItem.status === 1"
+ src="@/assets/room/close.jpg"
+ style="width: 100%"
+ @click = openBed(bedItem)
+ />
+ <img v-else-if="bedItem.status === 10"
+ src="@/assets/room/open.jpg"
+ style="width: 100%"
+ @click = closeBed(bedItem)
+ />
+ <img v-else-if="bedItem.status === 20 || bedItem.status === 30"
src="@/assets/room/doctor.png"
style="width: 100%"
- @click = onclick(bedItem)
/>
- <img v-if="!bedItem.onstage"
- src="@/assets/room/doctor-off.jpeg"
- style="width: 100%"
- @click = onclick(bedItem)
- />
+ {{bedItem.bedNo}} - {{bedItem.docName}} - {{bedItem.status === 30?"鏆傚仠":""}}
</div>
</el-card>
</template>
--
Gitblit v1.9.3