<!--
|
* @Author: lzhe lzhe@example.com
|
* @Date: 2024-03-26 10:28:33
|
* @LastEditors: lzhe lzhe@example.com
|
* @LastEditTime: 2024-04-09 20:12:59
|
* @FilePath: /smart-web/src/views/master/person/main/index.vue
|
* @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
|
-->
|
<template>
|
<div class="person-main">
|
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
<el-tab-pane label="员工" name="first">
|
<person-person v-if="activeName == 'first'"></person-person>
|
</el-tab-pane>
|
<el-tab-pane label="岗位" name="second">
|
<person-post v-if="activeName == 'second'"></person-post>
|
</el-tab-pane>
|
<el-tab-pane label="部门" name="third">
|
<person-department v-if="activeName == 'third'"></person-department>
|
</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
|
<script>
|
import personPerson from './personPerson'
|
import personPost from './personPost'
|
import personDepartment from './personDepartment'
|
|
export default {
|
name: "bakalaka",
|
data(){
|
return {
|
activeName: 'first'
|
}
|
},
|
components: {personPerson,personPost,personDepartment},
|
created(){
|
|
},
|
mounted(){
|
|
},
|
methods: {
|
handleClick(tab, event) {
|
console.log(tab.props.label, this.activeName);
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.person-main {
|
padding: 8px 8px 0px 8px;
|
overflow: hidden auto;
|
}
|
.person-main .el-tabs__header {
|
margin-bottom: 0px;
|
}
|
</style>
|
