update

eight

2024-08-27 2d093a888b13f7a020b5923da571733edea7affa

 src/components/RoomStatus/src/RoomStatus.vue

@@ -1,47 +1,57 @@
<script lang="ts" setup>
import {BedStatusVO} from "@/views/ecg/room/index";
import { RoomApi, RoomVO } from '@/api/ecg/room'
import { queueApi } from '@/api/ecg/queue'
import {PropType} from "vue";
const emit = defineEmits(['refresh'])

defineComponent({
  name: 'RoomStatus'
})

defineProps({
const  props = defineProps({
  title: {
    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 openBed = async (item) => {
  await queueApi.bedOpen(item)
  emit('refresh')
}

const closeBed = async (item) => {
  await queueApi.bedClose(item)
  emit('refresh')
}

</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"
        src="@/assets/room/doctor.png"
        style="width: 100%"
         @click = onclick(bedItem)
    />
    <img v-if="!bedItem.opStatus"
        src="@/assets/room/doctor-off.jpeg"
        style="width: 100%"
         @click = onclick(bedItem)
    />
    <div v-for="(bedItem, index) in bedList" :key="index">
      <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>
@@ -65,4 +75,11 @@
    transform: translateY(-50%);
  }
}

.deskwarp {
  display: flex;
  flex-direction: column;
  align-items: center;
}

</style>