这个项目表格是否配置表头的问题+公共表格是否设置表头文字为红色

haoxuan

2024-03-04 0e8f222d4e932d2288932dc37d7940c1669b5391

这个项目表格是否配置表头的问题+公共表格是否设置表头文字为红色

 src/assets/style/index.scss

@@ -123,6 +123,27 @@
.font_size_40 {
  font-size: 40px !important;
}
.color_333 {
  color: #333;
}
.color_666 {
  color: #666;
}
.color_blue {
  color: #2a78fb;
}
.color_67c23a {
  color: #67c23a;
}
.color_red {
  color: red;
}
.color_FF9900 {
  color: #ff9900;
}
.background_blue{
  background: #2a78fb;
}
.cursor_pointer {
  cursor: pointer;
}

 src/components/makepager/TableCommonView.vue

@@ -2,6 +2,7 @@
  <div class="table-view">
    <el-table
      ref="table"
      :class="tableList.headerColor=='red'?'table-red':''"
      border
      :data="tableList.tableInfomation"
      tooltip-effect="dark"
@@ -102,7 +103,7 @@
    </el-table>
    <div class="overSpread1" v-show="iscolopen" @click="onMaskClick"></div>
    <div class="styleBtn">
      <i @click="checkCol()" class="label">...</i>
      <i @click="checkCol()" v-if="colOpenShow"  class="label">...</i>
      <el-checkbox-group
          v-model="showcol"
          v-show="iscolopen"
@@ -137,6 +138,11 @@
          ]
        }
      }
    },
     // 是否可以配置列表 表头
     colOpenShow: {
      type: Boolean,
      default: true,
    },
    showSummary: {
      type: Object,
@@ -397,7 +403,9 @@
  height: 35px;
  text-align: center;
}

::v-deep  .table-red.el-table th.el-table__cell>.cell{
  color:red;
}
::v-deep{
  .el-table .cell .el-button--text.el-button--small{
    padding: 4px 0;