Fix Bug #568: 修复门诊日结页面排版混乱问题 - 使用CSS Grid确保列对齐
根因:页面使用CSS Grid 4列布局,但部分行只有3个数据项,导致列不对齐。 修复:为3个数据项的行添加空占位div,确保所有行都有4个元素与grid列数匹配。
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user