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 |   46 ++++++++++++++++++++++++++--------------------
 1 files changed, 26 insertions(+), 20 deletions(-)

diff --git a/src/components/RoomStatus/src/RoomStatus.vue b/src/components/RoomStatus/src/RoomStatus.vue
index 471bf9f..9344db1 100644
--- a/src/components/RoomStatus/src/RoomStatus.vue
+++ b/src/components/RoomStatus/src/RoomStatus.vue
@@ -1,47 +1,53 @@
 <script lang="ts" setup>
-import {BedStatusVO} from "@/views/ecg/room/index";
+import { RoomApi, RoomVO } from '@/api/ecg/room'
+import { queueApi } from '@/api/ecg/queue'
 import {PropType} from "vue";
+
 
 defineComponent({
   name: 'RoomStatus'
 })
 
-defineProps({
+const  props = defineProps({
   title: {
     type: String,
     required: true
   },
-  doctorNum: {
-    type: Number,
-    required: true
-  },
-  modelValue: {
-    type: Array as PropType<BedStatusVO[]>,
+  bedList: {
+    type: Array as PropType<RoomVO[]>,
     required: true
   }
 })
 
-const onclick = (item) => {
-  console.error(item);
-  item.opStatus = !item.opStatus;
+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 modelValue" :key="index">
-    <img v-if="bedItem.opStatus"
+    <div v-for="(bedItem, index) in bedList" :key="index">
+    <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.opStatus"
-        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