From 4138fa77375ab7e1750fd7de7d2627306a7959bc Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期一, 26 八月 2024 09:33:15 +0800
Subject: [PATCH] update
---
src/components/RoomStatus/src/RoomStatus.vue | 33 ++++++++++++++++++---------------
1 files changed, 18 insertions(+), 15 deletions(-)
diff --git a/src/components/RoomStatus/src/RoomStatus.vue b/src/components/RoomStatus/src/RoomStatus.vue
index 471bf9f..a240b8c 100644
--- a/src/components/RoomStatus/src/RoomStatus.vue
+++ b/src/components/RoomStatus/src/RoomStatus.vue
@@ -1,47 +1,50 @@
<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'
})
-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 onclick = async (item) => {
+ item.status = !item.status;
+ 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.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.opStatus"
+ <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>
--
Gitblit v1.9.3