eight
2025-04-09 68c0eea12059db1e02789b5995964a33e9b41519
src/views/ecg/callingscreen/bigscreen.vue
@@ -3,12 +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 displayColInfo = ref({})
const checkTypeStore = useCheckTypeStore()
const list = ref({});
const displayColInfo = ref<Map<number, String[]>>(new Map())
const mapColumnVsPatients = ref<Map<number, ScreenQueueVO[]>>(new Map());
let curSpeakPat : CallVO | null = null;
@@ -19,7 +22,7 @@
const getList = async () => {
  const data = await ScreenApi.getBigScreenData()
  list.value = data;
  mapColumnVsPatients.value = data;
}
const startScrolling = () => {
@@ -84,9 +87,9 @@
// const listPassed = ref<ScreenQueueVO[]>([]) //
const getItemCssClass = (item: ScreenQueueVO) => {
  if (item.status === 5)
  if (item.status === 5)  //已过号
    return "warning-row";
  else if (item.status === 7)
  else if (item.status === 7)  //已过号-安装
    return "warning-row";
  else
    return "";
@@ -109,11 +112,12 @@
      </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.seqNum}} &nbsp; {{ nameDesensitize(item.patName) }} {{queueStatusConvert(item.status)}} {{item.roomName}}
          </div>
      <div v-for="[disColId2, columnPatientList] of Object.entries(mapColumnVsPatients)" :key="disColId2" style="width: 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>