路由fixed

src/router/follow.js

-const planList = r => require.ensure([], () => r(require('../views/followup/plan-list')), 'plan-list')
-const appointList = r => require.ensure([], () => r(require('../views/followup/appoint-list')), 'appoint-list')
-const recordList = r => require.ensure([], () => r(require('../views/followup/record-list')), 'record-list')
-
-export default [
-  {
-    path: '/',
-    component: planList,
-  },
-  {
-    path: '/followup/planList',
-    component: planList,
-  },
-  {
-    path: '/followup/appointList',
-    component: appointList,
-  },
-  {
-    path: '/followup/recordList',
-    component: recordList,
-  },
-]
+const followUp = r => require.ensure([], () => r(require('../views/followup/layout.vue')), 'followUp');
+
+const plan = r => require.ensure([], () => r(require('../views/followup/planManage/layout.vue')), 'plan');
+const planList = r => require.ensure([], () => r(require('../views/followup/planManage/plan-list.vue')), 'planList');
+
+const reservationManage = r => require.ensure([], () => r(require('../views/followup/reservationManage/layout.vue')), 'reservationManage');
+const reservationList = r => require.ensure([], () => r(require('../views/followup/reservationManage/reservation-list.vue')), 'reservationList');
+
+
+const recordManage = r => require.ensure([], () => r(require('../views/followup/recordManage/layout.vue')), 'recordManage');
+const recordList = r => require.ensure([], () => r(require('../views/followup/recordManage/record-list.vue')), 'recordList');
+
+
+
+const followRouters = {
+    path: '/followUp',
+    name: 'followUp',
+    component: followUp,
+    redirect: 'followUp/plan/plan-list',
+    children: [
+      {
+        path: 'plan',
+        component: plan,
+        name: 'plan',
+        redirect: 'plan/planList',
+        children: [
+          {
+            path: 'planList',
+            component: planList,
+            name: 'planList',
+            meta: {
+              title: '计划列表',
+            },
+          },
+        ],
+        meta: {
+          title: '计划管理',
+        },
+      },
+      {
+        path: 'reservationManage',
+        component: reservationManage,
+        name: 'reservationManage',
+        redirect: 'reservationManage/reservationList',
+        children: [
+          {
+            path: 'reservationList',
+            component: reservationList,
+            name: 'reservationList',
+            meta: {
+              title: '预约列表',
+            },
+          },
+        ],
+        meta: {
+          title: '预约管理',
+        },
+      },
+      {
+        path: 'recordManage',
+        component: recordManage,
+        name: 'recordManage',
+        redirect: 'recordManage/recordList',
+        children: [
+          {
+            path: 'recordList',
+            component: recordList,
+            name: 'recordList',
+            meta: {
+              title: '录入列表',
+            },
+          },
+        ],
+        meta: {
+          title: '录入管理',
+        },
+      },
+
+    ],
+  };
+
+export default followRouters

src/router/router.js

@@ -9,7 +9,7 @@ const roleManager = r => require.ensure([], () => r(require('../views/system/rol
 const addManager = r => require.ensure([], () => r(require('../views/education/add-manager.vue')), 'add-manager')
 const itemRole = r => require.ensure([], () => r(require('../views/system/item-role.vue')), 'item-role')
 
-import follow from './follow'
+import followRouters from './follow'
 
 export default [{
     path: '/',
@@ -45,12 +45,7 @@ export default [{
         },{
             path: '/item-role',
             component: itemRole
-        }
-    ]
-  },{
-    path: '/followup',
-    component: App,
-    children: [
-      ...follow
+        },
+        followRouters,
     ]
   }]

src/views/followup/layout.vue

+<template>
+  <router-view></router-view>
+</template>
+
+<script>
+  export default {
+    name: "layout"
+  }
+</script>
+
+<style scoped>
+
+</style>

src/views/followup/planManage/layout.vue

+<template>
+  <router-view></router-view>
+</template>
+
+<script>
+  export default {
+    name: "layout"
+  }
+</script>
+
+<style scoped>
+
+</style>

src/views/followup/recordManage/layout.vue

+<template>
+  <router-view></router-view>
+</template>
+
+<script>
+  export default {
+    name: "layout"
+  }
+</script>
+
+<style scoped>
+
+</style>

src/views/followup/reservationManage/layout.vue

+<template>
+  <router-view></router-view>
+</template>
+
+<script>
+  export default {
+    name: "layout"
+  }
+</script>
+
+<style scoped>
+
+</style>

src/views/layout/slidebar.vue

@@ -5,10 +5,17 @@
                 <template v-if="item.subs">
                     <el-submenu :index=" 'index_' + _index" :key="item.index">
                         <template slot="title"><i :class="item.icon"></i>{{item.title}}</template>
-                            <el-menu-item v-for="(subItem,i) in item.subs" :key="i" :index="subItem.index">
-                                <i class="sub-icon" :class="subItem.icon"></i>
-                                {{subItem.title}}
+                        <template v-for="(subItem,i) in item.subs" >
+                          <router-link :to="{path: '/'+subItem.index}" :key="subItem.title">
+                            <el-menu-item
+                              :key="i"
+                              :index="subItem.index">
+                              <i class="sub-icon" :class="subItem.icon"></i>
+                              {{subItem.title}}
                             </el-menu-item>
+                          </router-link>
+                        </template>
+
                     </el-submenu>
                 </template>
                 <template v-else>
@@ -28,7 +35,8 @@ export default {
                 {
                     title: '数据总览',
                     icon: 'el-icon-menu',
-                    index: 'home'
+                    index: '/',
+
                 },{
                     title: '教培项目',
                     icon: 'el-icon-message',
@@ -56,29 +64,28 @@ export default {
                             index: 'role'
                         }
                     ]
-                },
-              {
-                title: '随访管理',
-                icon: 'el-icon-message',
-                index: 'followup',
-                subs: [
-                  {
-                    title: '计划管理',
-                    icon: 'el-icon-setting',
-                    index: '/followup/planList'
-                  },
-                  {
-                    title: '预约管理',
-                    icon: 'el-icon-setting',
-                    index: '/followup/appointList'
-                  },
-                  {
-                    title: '录入管理',
-                    icon: 'el-icon-setting',
-                    index: '/followup/recordList'
-                  }
-                ]
-              }
+                }, {
+                  title: '随访管理',
+                  icon: 'el-icon-message',
+                  index: 'followup',
+                  subs: [
+                    {
+                      title: '计划管理',
+                      icon: 'el-icon-setting',
+                      index: 'followup/plan'
+                    },
+                    {
+                      title: '预约管理',
+                      icon: 'el-icon-setting',
+                      index: 'followup/reservationManage'
+                    },
+                    {
+                      title: '录入管理',
+                      icon: 'el-icon-setting',
+                      index: 'followup/recordManage'
+                    }
+                  ]
+                }
             ]
         }
     },