| | |
| | | * @Author: lzhe lzhe@example.com |
| | | * @Date: 2024-03-26 10:28:33 |
| | | * @LastEditors: lzhe lzhe@example.com |
| | | * @LastEditTime: 2024-03-28 11:44:15 |
| | | * @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 |
| | | --> |
| | |
| | | <div class="person-main"> |
| | | <el-tabs v-model="activeName" type="card" @tab-click="handleClick"> |
| | | <el-tab-pane label="员工" name="first"> |
| | | <person-person></person-person> |
| | | <person-person v-if="activeName == 'first'"></person-person> |
| | | </el-tab-pane> |
| | | <el-tab-pane label="岗位" name="second">岗位</el-tab-pane> |
| | | <el-tab-pane label="部门" name="third">部门</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(){ |
| | |
| | | activeName: 'first' |
| | | } |
| | | }, |
| | | components: {personPerson}, |
| | | components: {personPerson,personPost,personDepartment}, |
| | | created(){ |
| | | |
| | | }, |
| | |
| | | }, |
| | | methods: { |
| | | handleClick(tab, event) { |
| | | console.log(tab, event); |
| | | console.log(tab.props.label, this.activeName); |
| | | } |
| | | } |
| | | } |