巩固脱贫成果

zhangxiaoxu123456

2022-04-28 76e28b7140b15261f1d82c2855eb09b49e5902b3

 src/pages/show/shehuiBaozhang/shehuiBaozhangChildren/shehuiBaoxian.vue

@@ -4,9 +4,10 @@
      <h1>社会保险参保人员统计表</h1>
        <div class="danwei-box">单位:万人</div>
      <el-table
        max-height="640"
        :max-height="tableHeight"
        :data="tableData"
        :header-cell-style="handleheader"
        :cell-style="handleCellStyle"
        stripe
        border
        style="width: 100%">
@@ -102,6 +103,7 @@
                juminData: [],  //城乡居民养老保险参保人数
                gongshangData: [],  //工伤保险参保人数
                shiyeData: [],  //失业保险参保人数
                tableHeight: window.innerHeight - nowSize(960)
            }
        },
        mounted() {
@@ -130,6 +132,11 @@
            handleheader(data) {
                return {
                    lineHeight: '0',
                }
            },
            handleCellStyle({rowIndex, columnIndex}) {
                if(columnIndex == 0) {
                    return { background:'#51D2FF' }
                }
            },
            shehuiBaoxianEcharts() {
@@ -237,7 +244,16 @@
                window.addEventListener('resize',function () {
                    myEchart.resize()
                })
            },
            getHeight() {
                this.tableHeight = window.innerHeight - nowSize(960)
            }
        },
        created() {
            window.addEventListener('resize', this.getHeight)
        },
        destroy() {
            window.addEventListener('resize', this.getHeight)
        }
    }
</script>
@@ -305,7 +321,7 @@
    }
    .shehuiBaoxianEcharts{
      width: 100%;
      height: calc(100% - 640px - 0.33203125rem  /* 85/256 */);
      height: calc(100% - 2.5rem  /* 640/256 */ - 0.33203125rem  /* 85/256 */);
    }
  }
</style>