| | |
| | | import {ScreenApi, ScreenQueueVO} from "@/api/ecg/screen"; |
| | | import {CallApi, CallVO} from "@/api/ecg/call"; |
| | | import {queueStatusConvert} from "@/utils/statusFormatter"; |
| | | import {useCheckTypeStore} from "@/store/modules/checkType"; |
| | | |
| | | defineOptions({ name: 'bigscreen' }) |
| | | |
| | | const checkTypeStore = useCheckTypeStore() |
| | | |
| | | const displayColInfo = ref({}) |
| | | |
| | | const list = ref({}); |
| | | // const listReady = ref<ScreenQueueVO[]>([]) // 列表的数据 |
| | | // const listWaiting = ref<ScreenQueueVO[]>([]) // 列表的数据 |
| | | // const listPassed = ref<ScreenQueueVO[]>([]) // |
| | | |
| | | let curSpeakPat : CallVO | null = null; |
| | | |
| | |
| | | |
| | | const getList = async () => { |
| | | const data = await ScreenApi.getBigScreenData() |
| | | console.info(data) |
| | | list.value = data; |
| | | // listReady.value = data[1] |
| | | // listWaiting.value = data[2] |
| | | // listPassed.value = data[3] |
| | | } |
| | | |
| | | const startScrolling = () => { |
| | |
| | | |
| | | const initiateSpeak = async () => { |
| | | curSpeakPat = await CallApi.getNextCall() |
| | | console.info( curSpeakPat ) |
| | | if (curSpeakPat !== null) { |
| | | console.info( curSpeakPat ) |
| | | speak("请、" + curSpeakPat.patName + "到" + curSpeakPat.roomName + "就诊"); |
| | | } |
| | | } |
| | |
| | | // const listPassed = ref<ScreenQueueVO[]>([]) // |
| | | |
| | | const getItemCssClass = (item: ScreenQueueVO) => { |
| | | if (item.status === 5) |
| | | if (item.status === 5) //已过号 |
| | | return "warning-row"; |
| | | else if (item.status === 7) |
| | | else if (item.status === 7) //已过号-安装 |
| | | return "warning-row"; |
| | | else |
| | | return ""; |
| | |
| | | |
| | | <template> |
| | | <div style="height: 100%; display:flex; flex-direction: column"> |
| | | <div style="display:flex; justify-content: center; align-items: center; background: var(--el-color-primary-light-7);"> |
| | | <div style="display:flex; justify-content: center; align-items: center; background: var(--el-color-primary-light-7); font-size: 22px; "> |
| | | <img height="40px" src="@/assets/imgs/jinhua.png"/> |
| | | 金华人民医院 |
| | | </div> |
| | | <div style="display:flex; justify-content:space-around; align-items: flex-start; border: solid 2px var(--el-color-primary-light-7); font-size: 25px; "> |
| | | <div style="display:flex; justify-content:space-around; align-items: flex-start; border: solid 2px var(--el-color-primary-light-7); font-size: 23px; "> |
| | | <div v-for="[disColId, disNameList] of Object.entries(displayColInfo)" :key="disColId" style="width: 300px; height: 100%; border-left: solid 2px var(--el-color-primary-light-7) "> |
| | | <!--{{disColId}}--> |
| | | <div v-for="(dispName, dispName_index) in disNameList" :key="dispName_index"> |
| | |
| | | <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)"> |
| | | {{item.seqNum}} {{ nameDesensitize(item.patName) }} {{queueStatusConvert(item.status)}} {{item.roomName}} |
| | | <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> |
| | | </div> |
| | | </div> |