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; /* 字体大小 */
+}