diff --git a/src/views/comprehensive/comprehensiveStatistics.vue b/src/views/comprehensive/comprehensiveStatistics.vue index 56984b3..307a9b5 100644 --- a/src/views/comprehensive/comprehensiveStatistics.vue +++ b/src/views/comprehensive/comprehensiveStatistics.vue @@ -51,10 +51,10 @@ v-loading="loading" :data="cphStatistics" show-summary :summary-method="getSummaries" + class="custom-summary-table" :row-class-name="tableRowClassName" cell-class-name="cell-class-name" :header-cell-style="{'text-align':'center','background':'#5197FF',color:'#fff','fontWeight':'500','border-color':'#8CC3FB'}" - :footer-cell-style="{'text-align':'center','border-color':'#8CC3FB'}" style="width:100%;border:1px solid #8CC3FB" :cell-style="{'text-align':'center'}" > @@ -86,8 +86,7 @@ - + @@ -316,10 +315,33 @@ export default { } } /deep/.bgColor{ - background: #7cb1ff!important; + // background: #7cb1ff!important; } /deep/.cell-class-name{ border-color: #8CC3FB!important; } + +/* 穿透 scoped 样式(Element Plus/UI 合计行类名) */ +.custom-summary-table :deep(.el-table__footer-wrapper) { + /* 合计行整体样式 */ + background-color: #f8f9fa; /* 背景色 */ +} + +.custom-summary-table :deep(.el-table__footer-wrapper td) { + /* 合计行单元格样式 */ + color: #000000; /* 文字颜色 */ + // font-weight: bold; /* 文字加粗 */ + font-size: 14px; /* 字体大小 */ + border-color: #8CC3FB; + // border-top: 2px solid #409eff; /* 上边框 */ + height: 50px; /* 行高 */ + text-align: center; /* 文字居中 */ +} + +/* 单独修改合计行第一列样式 */ +.custom-summary-table :deep(.el-table__footer-wrapper td:first-child) { + color: #000000; /* 文字颜色 */ + font-size: 20px; /* 字体大小 */ +}