Fix Bug #568: 修复门诊日结页面排版混乱 - 移除冲突的display:grid并优化el-col对齐

根因：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>

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>