From 8ffac32b79fd777cd1a83ab2c57a577606af6e33 Mon Sep 17 00:00:00 2001
From: tinyu <tinyu@inscode.cn>
Date: Thu, 28 Mar 2024 09:56:00 +0800
Subject: [PATCH] Thu Mar 28 09:56:00 CST 2024 inscode

---
 src/App.vue                                   |  2 +-
 src/components/layout/dynamicRoute.vue        | 27 +++++++++++++++++++
 .../{layout.vue => layout/index.vue}          | 22 ++++++++-------
 src/router/routes.js                          | 23 ++++++++++++----
 src/utils/index.js                            |  0
 src/utils/modules/routeUtils.js               |  0
 6 files changed, 58 insertions(+), 16 deletions(-)
 create mode 100644 src/components/layout/dynamicRoute.vue
 rename src/components/{layout.vue => layout/index.vue} (68%)
 create mode 100644 src/utils/index.js
 create mode 100644 src/utils/modules/routeUtils.js

diff --git a/src/App.vue b/src/App.vue
index 9023b05..e1b7925 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script>
-import Layout from '@/components/layout.vue'
+import Layout from '@/components/layout/index.vue'
 export default {
   name: 'App',
   components: {
diff --git a/src/components/layout/dynamicRoute.vue b/src/components/layout/dynamicRoute.vue
new file mode 100644
index 0000000..74dc783
--- /dev/null
+++ b/src/components/layout/dynamicRoute.vue
@@ -0,0 +1,27 @@
+<template>
+    <div>
+        <router-view></router-view>
+    </div>
+</template>
+<script>
+    export default{
+        name:'DynamicRoute',
+        data(){
+            return {
+
+            }
+        },
+
+        mounted(){
+
+        },
+
+        methods:{
+
+        },
+
+    }
+</script>
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/components/layout.vue b/src/components/layout/index.vue
similarity index 68%
rename from src/components/layout.vue
rename to src/components/layout/index.vue
index 2762639..7a7a06b 100644
--- a/src/components/layout.vue
+++ b/src/components/layout/index.vue
@@ -3,37 +3,39 @@
         <el-header>
             <el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect"
                 background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
-                <el-menu-item index="1"><i class="el-icon-s-home"></i>主页</el-menu-item>
+                <template>
+                 <el-menu-item index="1"><i class="el-icon-s-pie"></i>主页</el-menu-item>
+                </template>
                 <el-submenu index="2">
                     <template slot="title">我的工作台</template>
                     <el-menu-item index="2-1">选项1</el-menu-item>
                     <el-menu-item index="2-2">选项2</el-menu-item>
                     <el-menu-item index="2-3">选项3</el-menu-item>
-                    <el-submenu index="2-4">
-                        <template slot="title">选项4</template>
-                        <el-menu-item index="2-4-1">选项1</el-menu-item>
-                        <el-menu-item index="2-4-2">选项2</el-menu-item>
-                        <el-menu-item index="2-4-3">选项3</el-menu-item>
-                    </el-submenu>
                 </el-submenu>
                 <el-menu-item index="3" disabled>消息中心</el-menu-item>
                 <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
             </el-menu>
         </el-header>
         <el-main>
-            <router-view></router-view>
+            <DynamicRoute/>
         </el-main>
     </el-container>
 </template>
 <script>
+import DynamicRoute from './dynamicRoute.vue';
+import routes from '@/router/routes'
+function  converRouteData(arr){
+        
+};
 export default {
     name: 'layout',
+    components:{DynamicRoute},
     data() {
         return {
-            activeIndex: '1',
-            activeIndex2: '1'
+            menuList:[]
         }
     },
+   
     methods: {
         handleSelect(key, keyPath) {
             console.log(key, keyPath);
diff --git a/src/router/routes.js b/src/router/routes.js
index 23e2c43..eec74ce 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -1,19 +1,32 @@
 import Home from '@/views/Home/index.vue'
+import DynamicRoute from '@/components/layout/dynamicRoute.vue'
 export default [
     {
         path:'/',
+        meta:{title:'主页',icon:'el-icon-s-home'},
         name:'home',
-        meta:{},
         component:Home
     },
     {
-        path:'echarts',
-        redirect:'gantt',
+        path:'/element-ui',
+        meta:{title:'Element-Ui',icon:''},
+        component:DynamicRoute,
+    },
+    {
+        path:'/antdv',
+        meta:{title:'Ant-Design-Vue',icon:''},
+        component:DynamicRoute,
+    },
+    {
+        path:'/echarts',
+        meta:{title:'Echarts',icon:''},
+        component:DynamicRoute,
+        redirect:'/echarts/gantt',
         children:[
             {
-                path:'/echarts/gantt',
+                path:'gantt',
                 name:'Gantt',
-                meta:{},
+                meta:{title:'甘特图'},
                 component:() => import('@/views/Echarts/GanttChart.vue')
             }
         ]
diff --git a/src/utils/index.js b/src/utils/index.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/utils/modules/routeUtils.js b/src/utils/modules/routeUtils.js
new file mode 100644
index 0000000..e69de29
-- 
GitLab