From bb7ba231a13758d2b07132b649ea20e887494d94 Mon Sep 17 00:00:00 2001
From: eight <641137800@qq.com>
Date: 星期五, 11 四月 2025 08:56:14 +0800
Subject: [PATCH] 大屏 允许上下滚动
---
src/views/ecg/callingscreen/bigscreen.vue | 26 ++++++++++++--------------
1 files changed, 12 insertions(+), 14 deletions(-)
diff --git a/src/views/ecg/callingscreen/bigscreen.vue b/src/views/ecg/callingscreen/bigscreen.vue
index 8411ae9..f6f8576 100644
--- a/src/views/ecg/callingscreen/bigscreen.vue
+++ b/src/views/ecg/callingscreen/bigscreen.vue
@@ -9,9 +9,9 @@
const checkTypeStore = useCheckTypeStore()
-const displayColInfo = ref({})
+const displayColInfo = ref<Map<number, String[]>>(new Map())
-const list = ref({});
+const mapColumnVsPatients = ref<Map<number, ScreenQueueVO[]>>(new Map());
let curSpeakPat : CallVO | null = null;
@@ -22,7 +22,7 @@
const getList = async () => {
const data = await ScreenApi.getBigScreenData()
- list.value = data;
+ mapColumnVsPatients.value = data;
}
const startScrolling = () => {
@@ -98,28 +98,26 @@
</script>
<template>
- <div style="height: 100%; display:flex; flex-direction: column">
+ <div style="height: 100%; display:flex; flex-direction: column; height: 100vh; overflow-y: auto; padding-left: 5px; padding-right: 5px">
<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: 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) ">
+ <div v-for="[disColId, disNameList] of Object.entries(displayColInfo)" :key="disColId" style="flex: 1; flex-basis: 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)">
- <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 style="display:flex; justify-content:space-around; align-items: flex-start; flex-grow: 1; border: solid 2px var(--el-color-primary-light-7); font-size: 20px">
+ <div v-for="[disColId2, columnPatientList] of Object.entries(mapColumnVsPatients)" :key="disColId2" style="flex: 1; flex-basis: 300px; height: 100%; border-left: solid 2px var(--el-color-primary-light-7) ">
+ <div v-for="(item, index) in columnPatientList" :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}} {{item.bedNo}}
</div>
</div>
</div>
--
Gitblit v1.9.3