社会保障

zhangxiaoxu123456

2022-04-24 6e352fc609a77935c55e21e9b71d3c1be8a5accd

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

@@ -2,18 +2,23 @@
  <div class="shebaoChikaRenshu-wrap">
    <h1>各县（市、区）2021年就业情况统计表</h1>
    <el-table
      :max-height="tableHeight"
      :data="tableData"
      stripe
      border
      style="width: 100%">
      <el-table-column
        align="center"
        prop="dataName"
        label="指标名称"
        fixed="left"
        width="220">
      </el-table-column>
      <el-table-column
      <template v-for="item in headerArry">
        <el-table-column
          align="center"
          :prop="item.val"
          :label="item.time">
          <template slot-scope="scope">
            <spn>{{item}}</spn>
          </template>
        </el-table-column>
      </template>

      <!--<el-table-column
        prop="yearFinish"
        align="center"
        label="去年完成"
@@ -78,13 +83,15 @@
        prop="december"
        align="center"
        label="12月">
      </el-table-column>
      </el-table-column>-->
    </el-table>
  </div>
</template>

<script>
    import baoxianForm from "../../../components/juminYanglaoBaoxian/baoxianForm";
  import {getCardNumsTable} from '@/api/shehuiBaozhang'
  import baoxianForm from "../../../components/juminYanglaoBaoxian/baoxianForm";
  import nowSize from "../../../../libs/nowSize";
    export default {
        name: "shebaoChikaRenshu",
        components: {
@@ -93,7 +100,47 @@
        data() {
            return {
                tableData: [],
                headerArry: [],
                tableHeight: window.innerHeight - nowSize(250)
            }
        },
        mounted() {
          this.getCardNumsTable()
        },
        methods: {
            getCardNumsTable(){
                getCardNumsTable().then(res => {
                    if(res.code == 1000) {
                       let result = res.list
                        let data = []
                        console.log('result---',result)
                        result.forEach((item,index) => {
                            let row = item.dataList
                            row.unshift({
                                time: '指标',
                                val: item.name
                            })
                            data.push(row)
                            if(index == 0) {
                                this.headerArry = row
                            }

                        })
                        this.tableData = data
                        console.log('this.headerArry------',this.headerArry)
                        console.log('this.tableData------',this.tableData)
                    }
                })
            },
            getHeight() {
                this.tableHeight = window.innerHeight - nowSize(250)
            }
        },
        created() {
            window.addEventListener('resize', this.getHeight)
        },
        destroy() {
            window.addEventListener('resize', this.getHeight)
        }
    }
</script>