From 877ed620424538258a1ebbed712eecb754d53d5a Mon Sep 17 00:00:00 2001 From: zhaoyun Date: Fri, 22 May 2026 12:02:11 +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=20-=20=E4=BD=BF=E7=94=A8=E5=9B=BA=E5=AE=9A4?= =?UTF-8?q?=E5=88=97=E7=BD=91=E6=A0=BC=E6=9B=BF=E4=BB=A3auto-fit=E8=87=AA?= =?UTF-8?q?=E9=80=82=E5=BA=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 根因:grid-template-columns使用auto-fit+minmax导致列数不确定, 与span-2项组合时布局错乱。改用repeat(4,1fr)固定4列网格, 配合响应式断点处理不同屏幕尺寸。 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 f18687ec..c410f437 100755 --- a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue +++ b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue @@ -294,11 +294,11 @@ getPharmacyCabinetLists(); .report-row { display: grid; margin: 12px 0; - gap: 10px 16px; - align-items: baseline; + gap: 12px 24px; + align-items: center; } .cols-4 { - grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); + grid-template-columns: repeat(4, 1fr); } .span-2 { grid-column: span 2; @@ -307,11 +307,10 @@ getPharmacyCabinetLists(); display: flex; align-items: center; box-sizing: border-box; - min-width: 0; + overflow: hidden; } .label { - display: inline-block; - width: 140px; + min-width: 100px; flex-shrink: 0; color: #606266; white-space: nowrap; @@ -344,7 +343,7 @@ getPharmacyCabinetLists(); grid-column: span 1; } .label { - width: 100px; + min-width: 80px; } }