eight
2024-10-23 83bc7f6d33934f56fd1df80c7e8975e7c887d606
src/components/RoomStatus/src/RoomStatus.vue
@@ -1,7 +1,10 @@
<script lang="ts" setup>
import { RoomApi, RoomVO } from '@/api/ecg/room'
import { QueueApi } from '@/api/ecg/queue'
import {PropType} from "vue";
import {DICT_TYPE, getIntDictOptions} from "@/utils/dict";
import {useCheckTypeStore} from "@/store/modules/checkType";
const emit = defineEmits(['refresh'])
defineComponent({
  name: 'RoomStatus'
@@ -18,10 +21,21 @@
  }
})
const onclick = async (item) => {
  item.status = !item.status;
  await RoomApi.updateRoom(item)
const checkTypeStore = useCheckTypeStore();
const openBed = async (item) => {
    await QueueApi.bedOpen(item)
    emit('refresh')
}
const closeBed = async (item) => {
    await QueueApi.bedClose(item)
    emit('refresh')
}
/** 初始化 **/
onMounted(() => {
})
</script>
@@ -29,22 +43,34 @@
  <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"
        src="@/assets/room/close.jpg"
        style="width: 100%"
         @click = onclick(bedItem)
    />
    <img v-else-if="bedItem.status === 10"
        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}}
      <div class="deskwarp">
        <img
            v-if="bedItem.status === 0"
            src="@/assets/room/close.jpg"
            style="width: 100%"
             @click = openBed(bedItem)
            alt="工位已关闭"
        />
        <img
            v-else-if="bedItem.status === 10"
            src="@/assets/room/open.jpg"
            style="width: 100%"
             @click = closeBed(bedItem)
            alt="工位开放中"
        />
        <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 v-for="(checkType, subIndex) in bedItem.checkTypes" :key="subIndex">
          {{checkTypeStore.getCheckTypeName(checkType)}}
        </div>
        <div>
          {{bedItem.opType === 1?"领用":""}}
        </div>
        <el-divider/>
      </div>
    </div>
  </el-card>
</template>
@@ -68,4 +94,11 @@
    transform: translateY(-50%);
  }
}
.deskwarp {
  display: flex;
  flex-direction: column;
  align-items: center;
}
</style>