From f319a2d5dee213763cf1e8e926b52b825866e7d0 Mon Sep 17 00:00:00 2001
From: zhaoyun <zhaoyun@gentronhealth.com>
Date: Fri, 22 May 2026 12:21:24 +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=E7=A7=BB=E9=99=A4=E5=86=B2=E7=AA=81?=
 =?UTF-8?q?=E7=9A=84display:grid=E5=B9=B6=E4=BC=98=E5=8C=96el-col=E5=AF=B9?=
 =?UTF-8?q?=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

根因：CSS .report-row设置display:grid与el-row原生flex布局冲突，
导致el-col的span比例失效、标签值错位。
修复：移除grid相关CSS(cols-4/span-2/report-item)，
让el-row/el-col原生flex生效，el-col内用flex对齐label和value。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
---
 .../views/clinicmanagement/dayEnd/index.vue   | 46 +++++--------------
 1 file changed, 11 insertions(+), 35 deletions(-)

diff --git a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue
index e538d488..6a51e071 100755
--- a/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue
+++ b/openhis-ui-vue3/src/views/clinicmanagement/dayEnd/index.vue
@@ -292,59 +292,35 @@ getPharmacyCabinetLists();
   border-left: 3px solid #409eff;
 }
 .report-row {
-  display: grid;
   margin: 12px 0;
-  gap: 10px 16px;
-  align-items: baseline;
-}
-.cols-4 {
-  grid-template-columns: repeat(4, 1fr);
-}
-.span-2 {
-  grid-column: span 2;
-}
-.report-item {
   display: flex;
   align-items: center;
-  box-sizing: border-box;
-  min-width: 0;
+  flex-wrap: wrap;
+}
+.el-col {
+  display: flex;
+  align-items: center;
+  padding: 6px 0;
 }
 .label {
   display: inline-block;
-  width: 140px;
+  min-width: 100px;
   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;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .divider {
   height: 1px;
   background-color: #dcdfe6;
-  margin: 16px 0;
-}
-@media screen and (max-width: 1200px) {
-  .cols-4 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-  .span-2 {
-    grid-column: span 2;
-  }
-}
-@media screen and (max-width: 768px) {
-  .cols-4 {
-    grid-template-columns: 1fr;
-  }
-  .span-2 {
-    grid-column: span 1;
-  }
-  .label {
-    width: 100px;
-  }
+  margin: 12px 0;
 }
 </style>