| | |
| | | </script> |
| | | |
| | | <template> |
| | | <div style="height: 100%; display:flex; flex-direction: column"> |
| | | <div style="height: 100%; display:flex; flex-direction: column; 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, columnPatientList] of Object.entries(mapColumnVsPatients)" :key="disColId2" style="width: 300px; height: 100%; border-left: solid 2px var(--el-color-primary-light-7) "> |
| | | <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> |