人事人才

付延余

2022-04-15 be59c27d2a611c2268c90c3f5b09dccaa755e535

 src/pages/show/otherBusiness/otherBusinessChild/OtherB_PeopleJunShouRu.vue

@@ -4,10 +4,12 @@
      <h1>全市居民人均可支配收入情况</h1>
      <el-table
        :data="tableData"
        style="width: 100%">
        style="width: 100%" :cell-style="updataCellStyle">
        <el-table-column
          prop="year"
          label="年份" min-width="80">
          label="年份" min-width="80"
          fied="left"
        >
        </el-table-column>
        <el-table-column
          label="国民人均可支配收入">
@@ -298,6 +300,14 @@
      const option = this.option
      const myChart = this.$echarts.init(document.querySelector('.OtherB-PeopleJunShouRu__echart'));
      option && myChart.setOption(this.option)
    },
    // 给单独单元格添加样式
    updataCellStyle({rowIndex, columnIndex}) {
      if (rowIndex ===0 && columnIndex === 0) {
        return {background:'#51D2FF'}
      }else if(rowIndex===1 && columnIndex ===0){
        return {background:'#51D2FF'}
      }
    }
  }
}
@@ -310,17 +320,11 @@
  .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
    background:transparent;
  }
  width: 100%;
  height: calc(100% - 0.078125rem /* 20/256 */
  );
  margin-top: 0.078125rem /* 20/256 */
;

  .el-table th.el-table__cell {
    background-color: $color-blue;
    height: 0.3125rem /* 80/256 */
  ;

  }

  .el-table tr {