From 2d80f06e58dde0c16ac5271ec0af270a3c562611 Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期二, 24 九月 2024 18:03:23 +0800 Subject: [PATCH] 改名 --- src/components/RoomBedSelect/src/RoomBedSelect.vue | 48 ++++++++++++++++++++++++++++++------------------ 1 files changed, 30 insertions(+), 18 deletions(-) diff --git a/src/components/RoomBedSelect/src/RoomBedSelect.vue b/src/components/RoomBedSelect/src/RoomBedSelect.vue index 040ed22..d798eaf 100644 --- a/src/components/RoomBedSelect/src/RoomBedSelect.vue +++ b/src/components/RoomBedSelect/src/RoomBedSelect.vue @@ -1,13 +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(['event-haveseat', 'event-leaveseat']) defineComponent({ name: 'RoomBedSelect' }) -const props = defineProps({ +//const props = defineProps({ +defineProps({ title: { type: String, required: true @@ -16,7 +18,7 @@ type: Array as PropType<RoomVO[]>, required: true }, - modelValue: { + curBed: { type: Object as PropType<RoomVO>, required: true } @@ -25,15 +27,17 @@ const userStore = useUserStore() const curUser = userStore.getUser -const emit = defineEmits<{ - (e: 'update:modelValue', message: string): void; -}>(); - -const onclick = (item) => { - item.docId = curUser.id - item.docName = curUser.nickname - emit('update:modelValue', item); +const onHaveSeatclick = (newItem: RoomVO) => { + emit('event-haveseat', newItem) } +const onLeaveSeatclick = (curItem: RoomVO) => { + emit('event-leaveseat', curItem) +} + +/** 鍒濆鍖� **/ +onMounted(() => { + //console.info(props.bedList) +}) </script> @@ -42,17 +46,24 @@ <template #header>{{title}}</template> <div v-for="(bedItem, index) in bedList" :key="index"> <div class="deskwarp"> - <img v-if="modelValue.roomId !== bedItem.roomId || modelValue.bedNo !== bedItem.bedNo" - src="@/assets/room/desk.png" - style="width: 100%" + <img + v-if="bedItem.docId === null" + src="@/assets/room/open.jpg" + style="width: 100%" + alt="鏃犲尰鐢�" /> - <img v-else + <img + v-else src="@/assets/room/desk-doctor.jpeg" - style="width: 100%" + style="width: 100%" + alt="鏈夊尰鐢�" /> - <div>{{bedItem.bedNo}} - {{bedItem.docName}}</div> - <el-button v-if="modelValue.docId === 0" @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> @@ -83,6 +94,7 @@ display: flex; flex-direction: column; align-items: center; + height: 190px; } </style> -- Gitblit v1.9.3