From 466ce7cc7038a5294bf0583e14aafdca809fda70 Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期四, 17 十月 2024 16:04:06 +0800
Subject: [PATCH] 两个Flex容器，给子组件设定相同宽度 , 就可以格式对齐
---
src/components/RoomBedSelect/src/RoomBedSelect.vue | 34 ++++++++++++++++++++--------------
1 files changed, 20 insertions(+), 14 deletions(-)
diff --git a/src/components/RoomBedSelect/src/RoomBedSelect.vue b/src/components/RoomBedSelect/src/RoomBedSelect.vue
index 9fc6b2c..d798eaf 100644
--- a/src/components/RoomBedSelect/src/RoomBedSelect.vue
+++ b/src/components/RoomBedSelect/src/RoomBedSelect.vue
@@ -1,14 +1,15 @@
<script lang="ts" setup>
-import { RoomApi, RoomVO } from '@/api/ecg/room'
+import { RoomVO } from '@/api/ecg/room'
import {PropType} from "vue";
import {useUserStore} from "@/store/modules/user";
-const emit = defineEmits(['haveSeat'])
+const emit = defineEmits(['event-haveseat', 'event-leaveseat'])
defineComponent({
name: 'RoomBedSelect'
})
-const props = defineProps({
+//const props = defineProps({
+defineProps({
title: {
type: String,
required: true
@@ -26,17 +27,16 @@
const userStore = useUserStore()
const curUser = userStore.getUser
-// const emit2 = defineEmits<{
-// (e: 'update:curBed', message: string): void;
-// }>();
-
-const onclick = (newItem) => {
- emit('haveSeat', newItem)
+const onHaveSeatclick = (newItem: RoomVO) => {
+ emit('event-haveseat', newItem)
+}
+const onLeaveSeatclick = (curItem: RoomVO) => {
+ emit('event-leaveseat', curItem)
}
/** 鍒濆鍖� **/
onMounted(() => {
- console.info(props.bedList)
+ //console.info(props.bedList)
})
</script>
@@ -47,18 +47,23 @@
<div v-for="(bedItem, index) in bedList" :key="index">
<div class="deskwarp">
<img
- v-if="curBed.roomId !== bedItem.roomId || curBed.bedNo !== bedItem.bedNo"
- src="@/assets/room/desk.png"
+ v-if="bedItem.docId === null"
+ src="@/assets/room/open.jpg"
style="width: 100%"
+ alt="鏃犲尰鐢�"
/>
<img
v-else
src="@/assets/room/desk-doctor.jpeg"
style="width: 100%"
+ alt="鏈夊尰鐢�"
/>
- <div>{{bedItem.bedNo}} {{bedItem.docName}}</div>
- <el-button v-if="bedItem.docId === null" @click = onclick(bedItem)>
+ <div>{{bedItem.bedNo}} {{bedItem.docName}} {{bedItem.status === 30?"-鏆傚仠":""}}</div>
+ <el-button v-if="bedItem.docId === null" @click = onHaveSeatclick(bedItem)>
鍏ュ骇
+ </el-button>
+ <el-button v-if="bedItem.docId === curUser.id" @click = onLeaveSeatclick(bedItem)>
+ 绂诲骇
</el-button>
</div>
</div>
@@ -89,6 +94,7 @@
display: flex;
flex-direction: column;
align-items: center;
+ height: 190px;
}
</style>
--
Gitblit v1.9.3