Fix Bug #568: 修复门诊日结页面排版混乱 - 替换冲突CSS为表格布局样式

根因:模板使用<table>布局但CSS仍定义旧的.report-row/.el-col/.label/.value样式,
且CSS中存在未解决的git合并冲突标记,导致表格元素无样式、排版混乱。

修复:将CSS替换为匹配模板的.report-table/.label-cell/.value-cell样式。

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
2026-05-22 12:27:08 +08:00
parent 7df2a01b32
commit 18ab662047

View File

@@ -320,28 +320,29 @@ getPharmacyCabinetLists();
padding-left: 8px;
border-left: 3px solid #409eff;
}
.report-row {
margin: 12px 0;
.report-table {
width: 100%;
border-collapse: collapse;
margin: 8px 0;
}
.report-row .el-col {
display: flex;
align-items: center;
}
.label {
min-width: 130px;
flex-shrink: 0;
color: #606266;
.report-table td {
padding: 8px 4px;
vertical-align: middle;
white-space: nowrap;
text-align: right;
}
.value {
.label-cell {
width: 120px;
color: #606266;
text-align: right;
padding-right: 4px;
}
.value-cell {
color: #303133;
font-weight: 500;
white-space: nowrap;
}
.divider {
height: 1px;
background-color: #dcdfe6;
margin: 16px 0;
margin: 12px 0;
}
</style>