社会保障接口对接

zhangxiaoxu123456

2022-04-22 ee658b8ab1dd3b76b8c3fa3f2006b4fa8e8af0cf

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

@@ -1,33 +1,84 @@
<template>
  <div class="shebaoZhengjiShouru-wrap">
    <h1>各县（市、区）2021年就业情况统计表</h1>
    <el-tabs v-model="activeName">
      <el-tab-pane label="城镇新增就业" name="first">
        <baoxianForm></baoxianForm>
    <el-tabs v-model="activeName" @tab-click="tabHandleClick">
<!--      <el-tab-pane-->
<!--        v-for="item in tabMenuList"-->
<!--        :key="item.id"-->
<!--        :label="item.name"-->
<!--        :name="item.id + ''">-->
<!--        <shebaoZhengjiShouruForm :tableData="tableData"></shebaoZhengjiShouruForm>-->
<!--      </el-tab-pane>-->
      <el-tab-pane label="总览" name="1">
        <shebaoZhengjiShouruTotal :totalTableData="totalTableData"></shebaoZhengjiShouruTotal>
      </el-tab-pane>
      <el-tab-pane label="失业再就业" name="second">
        <baoxianForm></baoxianForm>
      <el-tab-pane label="失业再就业" name="2">
        <shebaoZhengjiShouruForm :tableData="tableData"></shebaoZhengjiShouruForm>
      </el-tab-pane>
      <el-tab-pane label="就业困难人员再就业" name="third">
        <baoxianForm></baoxianForm>
      <el-tab-pane label="就业困难人员再就业" name="3">
        <shebaoZhengjiShouruForm :tableData="tableData"></shebaoZhengjiShouruForm>
      </el-tab-pane>
      <el-tab-pane label="登记失业率" name="fourth">
        <baoxianForm></baoxianForm>
      <el-tab-pane label="登记失业率" name="4">
        <shebaoZhengjiShouruForm :tableData="tableData"></shebaoZhengjiShouruForm>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import baoxianForm from "../../../components/juminYanglaoBaoxian/baoxianForm";
  import {getFundincomeTable, getAverageTable} from '@/api/shehuiBaozhang'
  import shebaoZhengjiShouruTotal from "../../../components/shebaoZhengjiShouru/shebaoZhengjiShouruTotal";
  import shebaoZhengjiShouruForm from "../../../components/shebaoZhengjiShouru/shebaoZhengjiShouruForm";
    export default {
        name: "jiuyeQingkuang",
        components: {
            baoxianForm,
            shebaoZhengjiShouruTotal,
            shebaoZhengjiShouruForm
        },
        data() {
            return {
                activeName: 'first'
                totalTableData: [],
                tableData: [],
                activeName: '1',
                tabMenuList: [{
                    name: '总览',
                    id: 1
                },{
                    name: '企业职工养老保险',
                    id: 2
                },{
                    name: '城乡居民养老保险',
                    id: 3
                },{
                    name: '工伤保险',
                    id: 4
                },{
                    name: '失业保险',
                    id: 5
                }]
            }
        },
        mounted() {
          this.getFundincomeTable()
          this.getAverageTable()
        },
        methods: {
            getFundincomeTable() {
                getFundincomeTable().then(res => {
                   if(res.code == 1000) {
                      this.totalTableData = res.list
                   }
                })
            },
            getAverageTable() {
                getAverageTable().then(res => {
                    if(res.code == 1000) {
                        this.tableData = res.list
                    }
                })
            },
            tabHandleClick(tab) {

            }
        }
    }