zhaoyun
c885b672df
Fix Bug #568: 修复门诊日结页面排版混乱 - 使用Grid布局确保标签值对齐
根因：
1. repeat(auto-fit, minmax(220px, 1fr)) 导致列数不可预测（1200px容器可能产生5列）
2. .report-item 使用 flex 布局，不同行的标签宽度不一致导致对不齐
3. .label 固定 width: 140px 无法适配所有中文标签长度
修复：
1. 改用 repeat(4, 1fr) 确保固定4列布局，span-2 正常工作
2. .report-item 改用 display: grid + grid-template-columns: 120px 1fr，
标签列统一120px宽度，所有标签值对齐
3. .label 移除固定宽度，由Grid自动对齐
4. 移动端响应式使用 grid-template-columns: 100px 1fr 适配
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-05-22 12:05:06 +08:00
..
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-22 12:05:06 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-08 09:14:18 +08:00
2026-05-09 10:34:16 +08:00