diff --git a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue index f18687ec..fd78dcca 100755 --- a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue +++ b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue @@ -298,30 +298,31 @@ getPharmacyCabinetLists(); align-items: baseline; } .cols-4 { - grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); + grid-template-columns: repeat(4, 1fr); } .span-2 { grid-column: span 2; } .report-item { - display: flex; - align-items: center; + display: grid; + grid-template-columns: 120px 1fr; + align-items: baseline; box-sizing: border-box; min-width: 0; } .label { - display: inline-block; - width: 140px; - flex-shrink: 0; color: #606266; white-space: nowrap; text-align: right; + padding-right: 4px; } .value { color: #303133; font-weight: 500; white-space: nowrap; - flex: 1; + min-width: 0; + overflow: hidden; + text-overflow: ellipsis; } .divider { height: 1px; @@ -343,8 +344,8 @@ getPharmacyCabinetLists(); .span-2 { grid-column: span 1; } - .label { - width: 100px; + .report-item { + grid-template-columns: 100px 1fr; } }