<!--
|
* @Author: lzhe lzhe@example.com
|
* @Date: 2024-03-26 10:28:33
|
* @LastEditors: lzhe lzhe@example.com
|
* @LastEditTime: 2024-03-27 18:23:46
|
* @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">员工</el-tab-pane>
|
<el-tab-pane label="岗位" name="second">岗位</el-tab-pane>
|
<el-tab-pane label="部门" name="third">部门</el-tab-pane>
|
</el-tabs>
|
</div>
|
</template>
|
|
<script>
|
|
export default {
|
name: "bakalaka",
|
data(){
|
return {
|
activeName: 'first'
|
}
|
},
|
created(){
|
|
},
|
mounted(){
|
|
},
|
methods: {
|
handleClick(tab, event) {
|
console.log(tab, event);
|
}
|
}
|
}
|
</script>
|
|
<style>
|
.person-main {
|
padding: 8px;
|
overflow: hidden auto;
|
}
|
</style>
|
