From 2d093a888b13f7a020b5923da571733edea7affa Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期二, 27 八月 2024 14:20:15 +0800
Subject: [PATCH] update
---
src/components/RoomStatus/src/RoomStatus.vue | 40 ++++++++++++++++++++++++----------------
1 files changed, 24 insertions(+), 16 deletions(-)
diff --git a/src/components/RoomStatus/src/RoomStatus.vue b/src/components/RoomStatus/src/RoomStatus.vue
index c002b6f..2bd0145 100644
--- a/src/components/RoomStatus/src/RoomStatus.vue
+++ b/src/components/RoomStatus/src/RoomStatus.vue
@@ -2,7 +2,6 @@
import { RoomApi, RoomVO } from '@/api/ecg/room'
import { queueApi } from '@/api/ecg/queue'
import {PropType} from "vue";
-import {defineEmits} from 'vue'
const emit = defineEmits(['refresh'])
defineComponent({
@@ -36,21 +35,23 @@
<el-card style="width: 200px" shadow="hover" >
<template #header>{{title}}</template>
<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%"
- />
- {{bedItem.bedNo}} - {{bedItem.docName}} - {{bedItem.status === 30?"鏆傚仠":""}}
+ <div class="deskwarp">
+ <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%"
+ />
+ {{bedItem.bedNo}} {{bedItem.docName}} {{bedItem.status === 30?"-鏆傚仠":""}}
+ </div>
</div>
</el-card>
</template>
@@ -74,4 +75,11 @@
transform: translateY(-50%);
}
}
+
+.deskwarp {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
</style>
--
Gitblit v1.9.3