<template>
    <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="论文情况" name="first">
            <paperSituation></paperSituation>
        </el-tab-pane>
        <el-tab-pane label="培训情况" name="second">
            <traiNing></traiNing>
        </el-tab-pane>
        <el-tab-pane label="材料编写情况" name="third">
            <materialPreparation></materialPreparation>
        </el-tab-pane>
        <el-tab-pane label="业务获奖" name="four">
            <businessAwards></businessAwards>
        </el-tab-pane>
    </el-tabs>
</template>
<script>
import businessAwards from './businessAwards/index.vue'
import materialPreparation from './materialPreparation/index.vue'
import traiNing from './traiNing/index.vue'
import paperSituation from './paperSituation/index.vue'
export default {
    name: 'cross',
    components: { businessAwards, materialPreparation, traiNing, paperSituation },
    data() {
        return {
            activeName: 'first'
        };
    },
    methods: {
        handleClick(tab, event) {
            console.log(tab, event);
        }
    }
};
</script>
<style>
.el-tabs {
    margin-left: 20px;
    margin-top: 10px;
}
</style>
