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