From c11fe3f0af8cdd1e23225b1cab44693789cf22c2 Mon Sep 17 00:00:00 2001 From: zhaoyun Date: Fri, 22 May 2026 10:32:05 +0800 Subject: [PATCH] =?UTF-8?q?Fix=20Bug=20#568:=20=E4=BF=AE=E5=A4=8D=E9=97=A8?= =?UTF-8?q?=E8=AF=8A=E6=97=A5=E7=BB=93=E9=A1=B5=E9=9D=A2=E6=8E=92=E7=89=88?= =?UTF-8?q?=E6=B7=B7=E4=B9=B1=E9=97=AE=E9=A2=98=20-=20=E4=BD=BF=E7=94=A8CS?= =?UTF-8?q?S=20Grid=E7=A1=AE=E4=BF=9D=E5=88=97=E5=AF=B9=E9=BD=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 使用 CSS Grid (grid-template-columns: repeat(4, 1fr)) 替代 flexbox - 确保所有行的列宽一致,解决3项行与4项行不对齐问题 - 固定 label 宽度为 120px,保持标签对齐 - 移除 flex-wrap,使用网格布局自动换行 Co-Authored-By: Claude Opus 4.7 --- .../src/views/clinicmanagement/dayEnd/index.vue | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue index 6ce4ae83..8739c3da 100755 --- a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue +++ b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue @@ -275,23 +275,22 @@ getPharmacyCabinetLists(); margin: 16px 0; } .report-row { - display: flex; - flex-wrap: wrap; + display: grid; + grid-template-columns: repeat(4, 1fr); margin: 12px 0; - gap: 8px 0; + gap: 8px 16px; } .report-item { - flex: 1; display: flex; align-items: center; box-sizing: border-box; - padding-right: 16px; - margin-bottom: 8px; } .label { + display: inline-block; + width: 120px; + flex-shrink: 0; color: #606266; white-space: nowrap; - min-width: 100px; text-align: right; } .value {