eight
2024-08-27 2d093a888b13f7a020b5923da571733edea7affa
src/components/RoomStatus/src/RoomStatus.vue
@@ -2,7 +2,6 @@
import { RoomApi, RoomVO } from '@/api/ecg/room'
import { queueApi } from '@/api/ecg/queue'
import {PropType} from "vue";
import {defineEmits} from 'vue'
const emit = defineEmits(['refresh'])
defineComponent({
@@ -36,21 +35,23 @@
  <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 || 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 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>
@@ -74,4 +75,11 @@
    transform: translateY(-50%);
  }
}
.deskwarp {
  display: flex;
  flex-direction: column;
  align-items: center;
}
</style>