人事人才

付延余

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="国民人均可支配收入">
@@ -230,7 +232,7 @@
        },
        series: [
          {
            name:'居民人均可支配收入',
            name: '居民人均可支配收入',
            type: 'line',
            smooth: false,  //设置折线为圆滑曲线,false则有转折点
            // symbol:'none', //默认显示折点，为none时不显示
@@ -249,7 +251,7 @@
            data: [120, 132, 101, 134, 90, 230]
          },
          {
            name:'城镇居民',
            name: '城镇居民',
            type: 'line',
            smooth: false,  //设置折线为圆滑曲线,false则有转折点
            // symbol:'none', //默认显示折点，为none时不显示
@@ -268,7 +270,7 @@
            data: [220, 182, 191, 234, 290, 330]
          },
          {
            name:'农村居民',
            name: '农村居民',
            type: 'line',
            smooth: false,  //设置折线为圆滑曲线,false则有转折点
            // symbol:'none', //默认显示折点，为none时不显示
@@ -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'}
      }
    }
  }
}
@@ -307,20 +317,14 @@
@import "../../../../assets/css/base";

.OtherB-PeopleJunShouRu__table {
  .el-table--enable-row-hover .el-table__body tr:hover>td.el-table__cell{
    background:transparent;
  .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 {
@@ -387,7 +391,7 @@
  //);

  .OtherB-PeopleJunShouRu__table {
    width:100%;
    width: 100%;
    margin-top: 0.078125rem /* 20/256 */
  ;