From b10d61337f207fbdbea2c44f4f270d83c845cbf9 Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期五, 29 十一月 2024 13:28:06 +0800 Subject: [PATCH] 检查类型 条码显示控制 --- src/views/ecg/callingscreen/bigscreen.vue | 112 ++++++++++++++++++++++++++----------------------------- 1 files changed, 53 insertions(+), 59 deletions(-) diff --git a/src/views/ecg/callingscreen/bigscreen.vue b/src/views/ecg/callingscreen/bigscreen.vue index 5ed7ccb..d58a158 100644 --- a/src/views/ecg/callingscreen/bigscreen.vue +++ b/src/views/ecg/callingscreen/bigscreen.vue @@ -2,22 +2,24 @@ import {ScreenApi, ScreenQueueVO} from "@/api/ecg/screen"; import {CallApi, CallVO} from "@/api/ecg/call"; -import {DICT_TYPE} from "@/utils/dict"; import {queueStatusConvert} from "@/utils/statusFormatter"; defineOptions({ name: 'bigscreen' }) -const listReady = ref<ScreenQueueVO[]>([]) // 鍒楄〃鐨勬暟鎹� -const listWaiting = ref<ScreenQueueVO[]>([]) // 鍒楄〃鐨勬暟鎹� -const listPassed = ref<ScreenQueueVO[]>([]) // +const displayColInfo = ref({}) + +const list = ref({}); let curSpeakPat : CallVO | null = null; +const getDisplayColInfo = async () => { + const data = await ScreenApi.getDisplayColInfo() + displayColInfo.value = data +} + const getList = async () => { const data = await ScreenApi.getBigScreenData() - listReady.value = data[1] - listWaiting.value = data[2] - listPassed.value = data[3] + list.value = data; } const startScrolling = () => { @@ -30,6 +32,7 @@ } onMounted( () => { + getDisplayColInfo() startScrolling() }) @@ -42,8 +45,8 @@ const initiateSpeak = async () => { curSpeakPat = await CallApi.getNextCall() - console.info( curSpeakPat ) if (curSpeakPat !== null) { + console.info( curSpeakPat ) speak("璇枫��" + curSpeakPat.patName + "鍒�" + curSpeakPat.roomName + "灏辫瘖"); } } @@ -76,61 +79,48 @@ } } +// const listReady = ref<ScreenQueueVO[]>([]) // 鍒楄〃鐨勬暟鎹� +// 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> - <el-container style="height: 100%;"> - <el-header> - <img - height="40px" - src="@/assets/imgs/jinhua.png" - /> + <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); font-size: 22px; "> + <img height="40px" src="@/assets/imgs/jinhua.png"/> 閲戝崕浜烘皯鍖婚櫌 - </el-header> - <el-container> - <el-aside width="500px"> - <el-table - :data="listReady" - stripe - :show-header="false" - style="width: 100%; height: 100%; border: solid var(--el-color-primary-light-7); font-size: 18px;"> - <el-table-column - prop="patName" - label="鎮h�呭鍚�" - width="80"> - <template #default="scope"> - {{scope.row.seqNum}} {{ nameDesensitize(scope.row.patName) }} - </template> - </el-table-column> - <el-table-column label="鐘舵��" align="center" prop="status" width="100"> - <template #default="scope"> -<!-- <dict-tag :type="DICT_TYPE.ECG_QUEUE_STATUS" :value="scope.row.status" />--> - {{queueStatusConvert(scope.row.status)}} - </template> - </el-table-column> - <el-table-column - prop="roomName" - label="璇婂" - width="120"/> - </el-table> - </el-aside> - <el-container> - <el-main style="padding: 0 0 "> - <el-header height="30px" style="background-color: #98b8e5; line-height: 30px;">绛夊�欏尯</el-header> - <span v-for="(waitingItem, index) in listWaiting" :key="index"> - {{nameDesensitize(waitingItem.patName) + " "}} - </span> - </el-main> - <el-footer height="100px" style="padding: 0 0"> - <el-header height="30px" style="background-color: #98b8e5; line-height: 30px;">杩囧彿鍖�</el-header> - <span v-for="(passedItem, index) in listPassed" :key="index"> - {{nameDesensitize(passedItem.patName) + " " + passedItem.roomName + " "}} - </span> - </el-footer> - </el-container> - </el-container> - <el-button @click="speak('娆㈣繋浣跨敤')" >娆㈣繋浣跨敤</el-button> - </el-container> + </div> + <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; 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)"> + {{item.bookSeqNum}} {{ nameDesensitize(item.patName) }} {{queueStatusConvert(item.status)}} {{item.roomName}} + </div> + </div> + </div> + </div> + <div style="display:flex; justify-content: center; align-items: center; background: var(--el-color-primary-light-7);"> + <el-button @click="speak('娆㈣繋浣跨敤')" >娆㈣繋浣跨敤</el-button> + </div> + </div> </template> <style scoped lang="scss"> @@ -170,4 +160,8 @@ margin-bottom: 40px; } +.warning-row { + background-color: var(--el-color-warning-light-9); +} + </style> -- Gitblit v1.9.3