对接口

zhangxiaoxu123456

2022-04-20 ce57a3d25cda427d90e590838c491dd387887b11

 src/pages/show/jiuyeAndChuangye/jiuyeChildren/jiuyeQingkuang.vue

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

<script>
    import {getEmployTable} from '@/api/jiuyeAndChuangye'
  import chengzhenXinzengJiuye from "../../../components/jiuyeQingkuang/chengzhenXinzengJiuye";
    export default {
        name: "jiuyeQingkuang",
@@ -27,7 +31,39 @@
        },
        data() {
            return {
                activeName: 'first'
                activeName: '1',
                type: '1',
                tableData: [],
                //'城镇新增就业','失业再就业','就业困难人员再就业','登记失业率'
                tabMenuList: [{
                    name: '城镇新增就业',
                    id: 1
                },{
                    name: '失业再就业',
                    id: 2
                },{
                    name: '就业困难人员再就业',
                    id: 3
                },{
                    name: '登记失业率',
                    id: 4
                }]
            }
        },
        mounted() {
            this.getEmployTable()
        },
        methods: {
            getEmployTable() {
                getEmployTable({type: this.type}).then(res => {
                    if(res.code == 1000) {
                        this.tableData = res.list
                    }
                })
            },
            tabHandleClick(tab, event) {
                this.type = tab.name
                this.getEmployTable()
            }
        }
    }