| | |
| | | |
| | | const checkTypeStore = useCheckTypeStore() |
| | | |
| | | const displayColInfo = ref({}) |
| | | const displayColInfo = ref<Map<number, String[]>>(new Map()) |
| | | |
| | | const list = ref({}); |
| | | const mapColumnVsPatients = ref<Map<number, ScreenQueueVO[]>>(new Map()); |
| | | |
| | | let curSpeakPat : CallVO | null = null; |
| | | |
| | |
| | | |
| | | const getList = async () => { |
| | | const data = await ScreenApi.getBigScreenData() |
| | | list.value = data; |
| | | mapColumnVsPatients.value = data; |
| | | } |
| | | |
| | | const startScrolling = () => { |
| | |
| | | </div> |
| | | </div> |
| | | <div style="display:flex; justify-content:space-around; align-items: flex-start; flex-grow: 1; font-size: 20px"> |
| | | <div v-for="[disColId2, mapSlot] of Object.entries(list)" :key="disColId2" style="width: 300px; height: 100%; border-left: solid 2px var(--el-color-primary-light-7) "> |
| | | <div v-for="[slotId, slotQueue] of Object.entries(mapSlot)" :key="slotId"> |
| | | <div v-for="(item, index) in slotQueue" :key="index" :class="getItemCssClass(item)"> |
| | | <div v-for="[disColId2, columnPatientList] of Object.entries(mapColumnVsPatients)" :key="disColId2" style="width: 300px; height: 100%; border-left: solid 2px var(--el-color-primary-light-7) "> |
| | | <div v-for="(item, index) in columnPatientList" :key="index" :class="getItemCssClass(item)"> |
| | | <span style="display:inline-block; width:60px;">{{checkTypeStore.getCheckTypeSeqPrefix(item.bookCheckType)}}{{item.bookSeqNum}}</span> |
| | | <span style="display:inline-block; width:80px;">{{ nameDesensitize(item.patName) }} </span> |
| | | <span style="display:inline-block; width:80px;">{{queueStatusConvert(item.status)}} </span> |
| | | {{item.roomName}} |
| | | </div> |
| | | {{item.roomName}} {{item.bedNo}} |
| | | </div> |
| | | </div> |
| | | </div> |