From 877bc44463bdf1ce01b93d6c98f82fd9506d34fe Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期一, 31 三月 2025 10:38:27 +0800 Subject: [PATCH] just comment --- src/views/ecg/callingscreen/bigscreen.vue | 45 ++++++++++++++++++++++++++++++--------------- 1 files changed, 30 insertions(+), 15 deletions(-) diff --git a/src/views/ecg/callingscreen/bigscreen.vue b/src/views/ecg/callingscreen/bigscreen.vue index e2aed7b..8411ae9 100644 --- a/src/views/ecg/callingscreen/bigscreen.vue +++ b/src/views/ecg/callingscreen/bigscreen.vue @@ -3,15 +3,15 @@ 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; @@ -22,11 +22,7 @@ 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 = () => { @@ -52,8 +48,8 @@ const initiateSpeak = async () => { curSpeakPat = await CallApi.getNextCall() - console.info( curSpeakPat ) if (curSpeakPat !== null) { + console.info( curSpeakPat ) speak("璇枫��" + curSpeakPat.patName + "鍒�" + curSpeakPat.roomName + "灏辫瘖"); } } @@ -90,24 +86,39 @@ // const listWaiting = ref<ScreenQueueVO[]>([]) // 鍒楄〃鐨勬暟鎹� // const listPassed = ref<ScreenQueueVO[]>([]) // +const getItemCssClass = (item: ScreenQueueVO) => { + if (item.status === 5) //宸茶繃鍙� + return "warning-row"; + else if (item.status === 7) //宸茶繃鍙�-瀹夎 + return "warning-row"; + else + return ""; +} + </script> <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) "> - <div v-for="[disColId, disNames] of Object.entries(displayColInfo)" :key="disColId" style="width: 300px; border-left: solid 2px var(--el-color-primary-light-7) "> - {{disColId}} {{ disNames }} + <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"> + {{dispName}} + </div> </div> </div> - <div style="display:flex; justify-content:space-around; align-items: flex-start; flex-grow: 1; "> + <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"> - {{item.seqNum}} {{ nameDesensitize(item.patName) }} {{queueStatusConvert(item.status)}} {{item.roomName}} + <div v-for="(item, index) in slotQueue" :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> </div> </div> @@ -155,4 +166,8 @@ margin-bottom: 40px; } +.warning-row { + background-color: var(--el-color-warning-light-9); +} + </style> -- Gitblit v1.9.3