zhaoyun
c9122d58be
根因： - Bug #请修复 Bug #568 存在的问题 修复： - ### 变更摘要 - 文件**: `src/views/clinicmanagement/dayEnd/index.vue` - 1. **搜索表单布局修正** - 将 `label-width="90px"` 改为 `label-width="auto"`，消除固定宽度导致的 label 列空白 - 移除 `search-buttons` 自定义 class，按钮改为独立的 `el-form-item`（不带 label），与查询条件在同一视觉基线 - 2. **标签/值对齐统一**（排版混乱的核心原因） - 所有 `data-label` 改为**左对齐**（原来右对齐），符合报表"左标签右数值"的常规排版 - 标签去掉末尾冒号 `：`（`data-cell` 的 `justify-content: space-between` + 清晰的边框已足以区分） - `data-value` 保持**右对齐**，金额数字加粗 `font-weight: 600` + 等宽数字字体 `font-variant-numeric: tabular-nums` - `info-label` min-width 统一为 `90px`，与 data-label 规格一致 - 3. **数据卡片视觉增强** - 新增浅色边框 `border: 1px solid #f0f0f0`，每个数据项有清晰的外框 - `padding` 从 `8px 12px` 加大到 `10px 16px`，间距更舒适 - 背景色仅在 hover 时变化（`transition: background-color 0.2s`） - 圆角从 `4px` 提升到 `6px` - 4. **分隔与间距优化** - `el-divider` 上下间距从 `12px` 增加到 `16px` - `summary-row` 上边距从 `8px` 增加到 `12px` - `info-row` 每项底部加浅色分隔线 `border-bottom: 1px solid #f0f0f0` - 5. **响应式适配** - 小屏幕下 `data-cell` 缩小内边距，`data-label` 取消固定 min-width - ### 验证结果 - `eslint` 检查通过 ✅（无错误） - `vite build` 构建通过 ✅
his-repo
@ 515ed84118
his-source
@ 7827e58aac