eight
2024-08-27 d9e041b1020bebbfdaaa66141d94399340f88a17
src/components/RoomStatus/src/RoomStatus.vue
@@ -1,5 +1,6 @@
<script lang="ts" setup>
import { RoomApi, RoomVO } from '@/api/ecg/room'
import { queueApi } from '@/api/ecg/queue'
import {PropType} from "vue";
@@ -18,9 +19,12 @@
  }
})
const onclick = async (item) => {
  item.status = !item.status;
  await RoomApi.updateRoom(item)
const openBed = async (item) => {
  await queueApi.bedOpen(item)
}
const closeBed = async (item) => {
  await queueApi.bedClose(item)
}
</script>
@@ -29,22 +33,21 @@
  <el-card style="width: 200px" shadow="hover" >
    <template #header>{{title}}</template>
    <div v-for="(bedItem, index) in bedList" :key="index">
    <img v-if="bedItem.status === 0"
    <img v-if="bedItem.status === 0 || bedItem.status === 1"
        src="@/assets/room/close.jpg"
        style="width: 100%"
         @click = onclick(bedItem)
         @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%"
         @click = onclick(bedItem)
    />
    <img v-else-if="bedItem.status === 20"
        src="@/assets/room/doctor-off.jpeg"
        style="width: 100%"
         @click = onclick(bedItem)
    />
      {{bedItem.bedNo}} - {{bedItem.doctor_name}}
      {{bedItem.bedNo}} - {{bedItem.docName}} - {{bedItem.status === 30?"暂停":""}}
    </div>
  </el-card>
</template>