kpi_vue_pc/src/views/basicCont/targetTabsLayout.vue

<template>
    <div class="tabs_box">
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="部门指标" name="departmentpage">
                <departmentpage v-if="activeName=='departmentpage'"></departmentpage>   <!--部门指标引用页面-->
            </el-tab-pane>
            <el-tab-pane label="岗位指标" name="postpage">
                <!--postpage v-if="activeName=='postpage'"></postpage--> <!--岗位指标引用页面-->
                <postlistpage v-if="activeName=='postpage'"></postlistpage>
            </el-tab-pane>
        </el-tabs>
    </div>
    
</template>
<script>
import departmentpage from "@/views/basicCont/targettabslayout/departmentpage.vue";
import postpage from "@/views/basicCont/targettabslayout/postpage.vue";
import postlistpage from "@/views/basicCont/post/postlistpage.vue";
export default {
    components: {
        departmentpage,
        postpage,
        postlistpage
    },
    data() {
        return {
            activeName: 'departmentpage',
        }
    },
    created(){
        
    },
    methods:{
        handleClick(tab, event,name) {
            // console.log(tab,"------------------->" ,event,"------------------->" ,this.activeName);
        }
    }
}
</script>
<style>
    .tabs_box{
        padding: 10px 25px;
    }
    
</style>