zpy 8.1

ruoyi-ui/src/views/smartSchool/personWork/awArds/index.vue

+<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: 10px;
+}
+</style>