Fix Bug #568: 修复门诊日结页面排版混乱问题 - 使用CSS Grid确保列对齐

根因:页面使用CSS Grid 4列布局,但部分行只有3个数据项,导致列不对齐。
修复:为3个数据项的行添加空占位div,确保所有行都有4个元素与grid列数匹配。
This commit is contained in:
2026-05-22 10:35:30 +08:00
parent 80cc0e4fa2
commit 64cfc20bd4

View File

@@ -44,6 +44,7 @@
<div class="report-item"><span class="label">经办人姓名</span><span class="value">{{ userStore.nickName }}</span></div>
<div class="report-item"><span class="label">科室</span><span class="value">{{ userStore.orgName }}</span></div>
<div class="report-item"><span class="label">时间</span><span class="value">{{ queryTime[0] + '~' + queryTime[1] }}</span></div>
<div class="report-item"></div>
</div>
<div class="divider"></div>
<div class="report-row">
@@ -57,6 +58,7 @@
<div class="report-item"><span class="label">统筹支付</span><span class="value">{{ formatValue(reportValue.tcSum) }}</span></div>
<div class="report-item"><span class="label">账户支付</span><span class="value">{{ formatValue(reportValue.zhSum) }}</span></div>
<div class="report-item"><span class="label">基金支付总额</span><span class="value">{{ formatValue(reportValue.fundSum) }}</span></div>
<div class="report-item"></div>
</div>
<div class="divider"></div>
<div class="report-row">
@@ -77,6 +79,7 @@
<div class="report-item"><span class="label">诊疗费</span><span class="value">{{ formatValue(reportValue.GENERAL_CONSULTATION_FEE) }}</span></div>
<div class="report-item"><span class="label">挂号费</span><span class="value">{{ formatValue(reportValue.REGISTRATION_FEE) }}</span></div>
<div class="report-item"><span class="label">其他费用</span><span class="value">{{ formatValue(reportValue.OTHER_FEE) }}</span></div>
<div class="report-item"></div>
</div>
</div>
</div>