From c128e15788cc157d5239350015f4b8bd9b11c26a Mon Sep 17 00:00:00 2001 From: eight <641137800@qq.com> Date: 星期四, 17 十月 2024 16:46:18 +0800 Subject: [PATCH] 大屏 检查项目名显示 调整 --- src/views/ecg/callingscreen/bigscreen.vue | 22 +++++++++++++++++++--- 1 files changed, 19 insertions(+), 3 deletions(-) diff --git a/src/views/ecg/callingscreen/bigscreen.vue b/src/views/ecg/callingscreen/bigscreen.vue index e2aed7b..342e4b9 100644 --- a/src/views/ecg/callingscreen/bigscreen.vue +++ b/src/views/ecg/callingscreen/bigscreen.vue @@ -90,6 +90,15 @@ // 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> @@ -99,14 +108,17 @@ 閲戝崕浜烘皯鍖婚櫌 </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 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 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> @@ -155,4 +167,8 @@ margin-bottom: 40px; } +.warning-row { + background-color: var(--el-color-warning-light-9); +} + </style> -- Gitblit v1.9.3