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