配置路由

src/router.js

@@ -4,35 +4,100 @@ import Router from 'vue-router'
 Vue.use(Router)
 
 export default new Router({
-  routes: [
-    {
+  routes: [{
       path: '/login',
       name: 'login',
-      component: ()=> import('./views/Login.vue'),
-      show:0
+      component: () => import('./views/Login.vue'),
+      show: 0
     },
     {
       path: '/',
       name: '概览',
-      icon:'el-icon-menu',
+      icon: 'el-icon-menu',
       component: () => import('./views/Home.vue'),
-      show:1,
-      isLeaf:1,
-      children:[
-        { path: '/', component: () => import('./views/Index.vue'), name: '系统首页' },
-      ]
+      show: 1,
+      isLeaf: 1,
+      children: [{
+        path: '/',
+        component: () => import('./views/Index.vue'),
+        name: '系统首页'
+      }, ]
     },
     {
       path: '/',
       name: '项目管理',
-      icon:'el-icon-menu',
+      icon: 'el-icon-menu',
+      component: () => import('./views/Home.vue'),
+      show: 1,
+      isLeaf: 0,
+      children: [{
+        path: '/subject',
+        component: () => import('./views/project/Index.vue'),
+        name: '培训科目'
+      }, ]
+    },
+    {
+      path: '/online',
+      name: '在线培训',
+      icon: 'el-icon-menu',
+      component: () => import('./views/Home.vue'),
+      show: 1,
+      isLeaf: 0,
+      children: [{
+        path: '/test',
+        component: () => import('./views/online/Test.vue'),
+        name: '试卷管理'
+      }, {
+        path: '/video',
+        component: () => import('./views/online/Video.vue'),
+        name: '视频管理'
+      }, ]
+    },
+    {
+      path: '/user',
+      name: '用户管理',
+      icon: 'el-icon-menu',
+      component: () => import('./views/Home.vue'),
+      show: 1,
+      isLeaf: 0,
+      children: [{
+        path: '/user',
+        component: () => import('./views/user/Index.vue'),
+        name: '用户管理'
+      }, ]
+    },
+    {
+      path: '/content',
+      name: '内容管理',
+      icon: 'el-icon-menu',
       component: () => import('./views/Home.vue'),
-      show:1,
-      isLeaf:0,
-      children:[
-        { path: '/subject', component: () => import('./views/project/Index.vue'), name: '培训科目' },
+      show: 1,
+      isLeaf: 0,
+      children: [{
+          path: '/content',
+          component: () => import('./views/content/Index.vue'),
+          name: '栏目管理'
+        },
+        {
+          path: '/article',
+          component: () => import('./views/content/Article.vue'),
+          name: '文章管理'
+        },
       ]
     },
+    {
+      path: '/system',
+      name: '系统管理',
+      icon: 'el-icon-menu',
+      component: () => import('./views/Home.vue'),
+      show: 1,
+      isLeaf: 0,
+      children: [{
+        path: '/system',
+        component: () => import('./views/system/Index.vue'),
+        name: '账号管理'
+      }, ]
+    },
     // {
     //   path: '/',
     //   name: '文章发布',
@@ -48,4 +113,4 @@ export default new Router({
     //   ]
     // },
   ]
-})
+})

src/views/content/Article.vue

@@ -0,0 +1,15 @@
+<style lang="scss">
+</style>
+<template>
+  <section>文章管理</section>
+</template>
+<script>
+export default {
+  name: "content",
+  data() {
+    return {};
+  },
+  methods: {},
+  created() {}
+};
+</script>

src/views/content/Index.vue

@@ -0,0 +1,15 @@
+<style lang="scss">
+</style>
+<template>
+  <section>栏目管理</section>
+</template>
+<script>
+export default {
+  name: "content",
+  data() {
+    return {};
+  },
+  methods: {},
+  created() {}
+};
+</script>

src/views/online/Test.vue

@@ -0,0 +1,15 @@
+<style lang="scss">
+</style>
+<template>
+  <section>试卷管理</section>
+</template>
+<script>
+export default {
+  name: "test",
+  data() {
+    return {};
+  },
+  methods: {},
+  created() {}
+};
+</script>

src/views/online/Video.vue

@@ -0,0 +1,15 @@
+<style lang="scss">
+</style>
+<template>
+  <section>视频管理</section>
+</template>
+<script>
+export default {
+  name: "video",
+  data() {
+    return {};
+  },
+  methods: {},
+  created() {}
+};
+</script>

src/views/system/Index.vue

@@ -0,0 +1,15 @@
+<style lang="scss">
+</style>
+<template>
+  <section>账号管理</section>
+</template>
+<script>
+export default {
+  name: "account",
+  data() {
+    return {};
+  },
+  methods: {},
+  created() {}
+};
+</script>

src/views/user/Index.vue

@@ -0,0 +1,15 @@
+<style lang="scss">
+</style>
+<template>
+  <section>用户管理</section>
+</template>
+<script>
+export default {
+  name: "user",
+  data() {
+    return {};
+  },
+  methods: {},
+  created() {}
+};
+</script>