From 7edd03904ad2a95490cea206776dd8850fecf721 Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期四, 17 十月 2024 16:39:05 +0800 Subject: [PATCH] 大屏 支持排队状态 背景色 --- src/views/ecg/callingscreen/bigscreen.vue | 30 ++++++++++++++++-------------- 1 files changed, 16 insertions(+), 14 deletions(-) diff --git a/src/views/ecg/callingscreen/bigscreen.vue b/src/views/ecg/callingscreen/bigscreen.vue index 5134411..bff4720 100644 --- a/src/views/ecg/callingscreen/bigscreen.vue +++ b/src/views/ecg/callingscreen/bigscreen.vue @@ -90,15 +90,13 @@ // const listWaiting = ref<ScreenQueueVO[]>([]) // 鍒楄〃鐨勬暟鎹� // const listPassed = ref<ScreenQueueVO[]>([]) // -const getListReady = (col: number) : ScreenQueueVO[] => { - console.info(list[col*1000]) - return list[col*1000] -} -const getListWaiting = (col: number) : ScreenQueueVO[] => { - return list[col*1000 + 1] -} -const getListPassed = (col: number) : ScreenQueueVO[] => { - return list[col*1000 + 2] +const getItemCssClass = (item: ScreenQueueVO) => { + if (item.status === 5) + return "warning-row"; + else if (item.status === 7) + return "warning-row"; + else + return ""; } </script> @@ -109,15 +107,15 @@ <img height="40px" src="@/assets/imgs/jinhua.png"/> 閲戝崕浜烘皯鍖婚櫌 </div> - <div style="display:flex; justify-content:space-around; align-items: flex-start;"> - <div v-for="[disColId, disNames] of Object.entries(displayColInfo)" :key="disColId"> + <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> </div> - <div style="display:flex; justify-content:space-around; align-items: flex-start; flex-grow: 1"> - <div v-for="[disColId2, mapSlot] of Object.entries(list)" :key="disColId2"> + <div style="display:flex; justify-content:space-around; align-items: flex-start; flex-grow: 1; "> + <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"> + <div v-for="(item, index) in slotQueue" :key="index" :class="getItemCssClass(item)"> {{item.seqNum}} {{ nameDesensitize(item.patName) }} {{queueStatusConvert(item.status)}} {{item.roomName}} </div> </div> @@ -166,4 +164,8 @@ margin-bottom: 40px; } +.warning-row { + background-color: var(--el-color-warning-light-9); +} + </style> -- Gitblit v1.9.3