两个Flex容器，给子组件设定相同宽度 , 就可以格式对齐

eight

2024-10-17 466ce7cc7038a5294bf0583e14aafdca809fda70

 src/views/ecg/callingscreen/bigscreen.vue

@@ -90,17 +90,6 @@
// 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]
}

</script>

<template>
@@ -110,12 +99,12 @@
      金华人民医院
    </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 v-for="[disColId, disNames] of Object.entries(displayColInfo)" :key="disColId" style="width: 300px">
        {{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 v-for="[disColId2, mapSlot] of Object.entries(list)" :key="disColId2" style="width: 300px">
        <div v-for="[slotId, slotQueue] of Object.entries(mapSlot)" :key="slotId">
          <div v-for="(item, index) in slotQueue" :key="index">
            {{item.seqNum}} &nbsp; {{ nameDesensitize(item.patName) }} {{queueStatusConvert(item.status)}} {{item.roomName}}