From 124d2d5fb2fe95bf1503eab0389cf8a80458876d Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期五, 16 八月 2024 15:23:22 +0800
Subject: [PATCH] update 诊室选择

---
 src/components/RoomStatus/src/RoomStatus.vue |   25 +++++++++++--------------
 1 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/src/components/RoomStatus/src/RoomStatus.vue b/src/components/RoomStatus/src/RoomStatus.vue
index a65f8d4..503b06b 100644
--- a/src/components/RoomStatus/src/RoomStatus.vue
+++ b/src/components/RoomStatus/src/RoomStatus.vue
@@ -1,6 +1,7 @@
 <script lang="ts" setup>
-import {BedStatusVO} from "@/views/ecg/room/index";
+import { RoomApi, RoomVO } from '@/api/ecg/room'
 import {PropType} from "vue";
+
 
 defineComponent({
   name: 'RoomStatus'
@@ -11,33 +12,29 @@
     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 onclick = async (item) => {
+  item.onstage = !item.onstage;
+  await RoomApi.updateRoom(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.onstage"
         src="@/assets/room/doctor.png"
         style="width: 100%"
          @click = onclick(bedItem)
     />
-    <img v-if="!bedItem.opStatus"
+    <img v-if="!bedItem.onstage"
         src="@/assets/room/doctor-off.jpeg"
         style="width: 100%"
          @click = onclick(bedItem)

--
Gitblit v1.9.3