From 74f8739cec76f5e33a4eda32e259ac92ed9a8ef9 Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期四, 15 八月 2024 14:01:19 +0800 Subject: [PATCH] update --- src/components/RoomStatus/src/RoomStatus.vue | 23 ++++++++++------------- 1 files changed, 10 insertions(+), 13 deletions(-) diff --git a/src/components/RoomStatus/src/RoomStatus.vue b/src/components/RoomStatus/src/RoomStatus.vue index a65f8d4..1023d21 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,19 +12,15 @@ 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> @@ -31,13 +28,13 @@ <template> <el-card style="width: 180px" 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