1

lzhe

2024-06-05 dcf9c9e0410fe1186239e3f8d6f7bdc789c08010

 src/views/master/person/main/index.vue

@@ -2,7 +2,7 @@
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-03-26 10:28:33
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-03-27 18:27:48
 * @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
-->
@@ -10,16 +10,23 @@
   <div class="person-main">
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
         <el-tab-pane label="员工" name="first">
            <person-left></person-left>
            <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 personLeft from './personLeft'
   import personPerson from './personPerson'
   import personPost from './personPost'
   import personDepartment from './personDepartment'
	
   export default {
      name: "bakalaka",
      data(){
@@ -27,7 +34,7 @@
            activeName: 'first'
         }
      },
      components: {personLeft},
      components: {personPerson,personPost,personDepartment},
      created(){
         
      },
@@ -36,7 +43,7 @@
      },
      methods: {
         handleClick(tab, event) {
            console.log(tab, event);
            console.log(tab.props.label, this.activeName);
         }
      }
   }
@@ -44,7 +51,10 @@

<style>
.person-main {
   padding: 8px;
   padding: 8px 8px 0px 8px;
    overflow: hidden auto;
}
.person-main .el-tabs__header {
   margin-bottom: 0px;
}
</style>