1

lzhe

2024-03-27 8496472edfde95c527346633346f48ae832c3219

1

 src/views/login/components/passwordForm.vue

@@ -102,11 +102,12 @@
                                clonedItem.children = addComponentToLastLevel(clonedItem.children);  
                            } else {  
                                // å¦‚果没有 children å±žæ€§ï¼Œè¯´æ˜Žæ˜¯æœ€åŽä¸€çº§ï¼Œæ·»åŠ  component å¯¹è±¡  
                                clonedItem.component = clonedItem.path.split("/")[1];    
                                var len = clonedItem.path.length;
                                clonedItem.component = clonedItem.path.substring(1,len); 
                            } 
                            //console.log(clonedItem.source)
                            clonedItem.meta = {title: clonedItem.name,icon: "el-icon-takeaway-box", type: "menu"}
                            return clonedItem;  
                            return clonedItem;
                        });  
                    }   
                    var transformedArray = addComponentToLastLevel(res.data); 

 src/views/master/index.vue

ÎļþÒÑɾ³ý

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

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,50 @@
<!--
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-03-26 10:28:33
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-03-27 18:27:48
 * @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-left></person-left>
            </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>
    import personLeft from './personLeft'
    export default {
        name: "bakalaka",
        data(){
            return {
                activeName: 'first'
            }
        },
        components: {personLeft},
        created(){
			
        },
        mounted(){
			
        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    }
</script>

<style>
.person-main {
    padding: 8px;
    overflow: hidden auto;
}
</style>

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

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,47 @@
<!--
 * @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>