添加菜单路由

src/router/index.js

@@ -9,6 +9,8 @@ import Layout from '@/layout'
 /* Router Modules */
 import sysRouter from './modules/sys'
 import wechatRouter from './modules/wechat'
+import webPageRouter from './modules/webPage'
+import productRouter from './modules/product'
 // import tableRouter from './modules/table'
 // import nestedRouter from './modules/nested'
 
@@ -90,6 +92,8 @@ export const constantRoutes = [
  */
 export const asyncRoutes = [
   sysRouter,
+  webPageRouter,
+  productRouter,
   wechatRouter
   /** when your routing map is too long, you can split it into small modules **/
   // componentsRouter,

src/router/modules/product.js

@@ -0,0 +1,73 @@
+import Layout from '@/layout'
+
+const productRouter = {
+  path: '/product',
+  component: Layout,
+  redirect: '/product/product',
+  alwaysShow: true, // will always show the root menu
+  name: 'ProductSetting', // name必须和后台配置一致，不然匹配不到
+  meta: { title: '商品设置', icon: 'component' },
+  children: [
+    {
+      path: 'product',
+      component: () => import('@/views/product/index'),
+      redirect: '/product/product/list',
+      name: 'ProductManage',
+      meta: { title: '商品管理', icon: 'documentation' },
+      children: [
+        {
+          path: 'list',
+          hidden: true,
+          component: () => import('@/views/product/product/list.vue'),
+          name: 'ProductList',
+          meta: { title: '商品列表' }
+        },
+        {
+          path: 'edit',
+          hidden: true,
+          component: () => import('@/views/product/product/form.vue'),
+          name: 'ProductEdit',
+          meta: { title: '编辑商品', noCache: true }
+        },
+        {
+          path: 'add',
+          hidden: true,
+          component: () => import('@/views/product/product/form.vue'),
+          name: 'ProductEdit',
+          meta: { title: '添加商品', noCache: true }
+        }
+      ]
+    },
+    {
+      path: 'classify',
+      component: () => import('@/views/product/index'),
+      redirect: '/product/classify/list',
+      name: 'ClassifyManage',
+      meta: { title: '分类管理', icon: 'documentation' },
+      children: [
+        {
+          path: 'list',
+          hidden: true,
+          component: () => import('@/views/product/classify/list.vue'),
+          name: 'ClassifyList',
+          meta: { title: '分类列表' }
+        },
+        {
+          path: 'edit',
+          hidden: true,
+          component: () => import('@/views/product/classify/form.vue'),
+          name: 'ClassifyEdit',
+          meta: { title: '编辑分类', noCache: true }
+        },
+        {
+          path: 'add',
+          hidden: true,
+          component: () => import('@/views/product/classify/form.vue'),
+          name: 'ClassifyEdit',
+          meta: { title: '添加分类', noCache: true }
+        }
+      ]
+    }
+  ]
+}
+export default productRouter

src/router/modules/webPage.js

@@ -0,0 +1,73 @@
+import Layout from '@/layout'
+
+const webPageRouter = {
+  path: '/web',
+  component: Layout,
+  redirect: '/web/page',
+  alwaysShow: true, // will always show the root menu
+  name: 'WebSetting', // name必须和后台配置一致，不然匹配不到
+  meta: { title: '网页设置', icon: 'component' },
+  children: [
+    {
+      path: 'page',
+      component: () => import('@/views/web/index'),
+      redirect: '/web/page/list',
+      name: 'WebPages',
+      meta: { title: '页面管理', icon: 'documentation' },
+      children: [
+        {
+          path: 'list',
+          hidden: true,
+          component: () => import('@/views/web/page/list.vue'),
+          name: 'WebPageList',
+          meta: { title: '页面列表' }
+        },
+        {
+          path: 'edit',
+          hidden: true,
+          component: () => import('@/views/web/page/form.vue'),
+          name: 'WebPageEdit',
+          meta: { title: '编辑页面', noCache: true }
+        },
+        {
+          path: 'add',
+          hidden: true,
+          component: () => import('@/views/web/page/form.vue'),
+          name: 'WebPageEdit',
+          meta: { title: '添加页面', noCache: true }
+        }
+      ]
+    },
+    {
+      path: 'help',
+      component: () => import('@/views/web/index'),
+      redirect: '/web/help/list',
+      name: 'HelpPages',
+      meta: { title: '帮助页设置', icon: 'documentation' },
+      children: [
+        {
+          path: 'list',
+          hidden: true,
+          component: () => import('@/views/web/help/list.vue'),
+          name: 'HelpPageList',
+          meta: { title: '帮助页' }
+        },
+        {
+          path: 'edit',
+          hidden: true,
+          component: () => import('@/views/web/help/form.vue'),
+          name: 'HelpPageEdit',
+          meta: { title: '编辑帮助页', noCache: true }
+        },
+        {
+          path: 'add',
+          hidden: true,
+          component: () => import('@/views/web/help/form.vue'),
+          name: 'HelpPageEdit',
+          meta: { title: '添加帮助页', noCache: true }
+        }
+      ]
+    }
+  ]
+}
+export default webPageRouter

src/views/product/classify/form.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="app-container">
+    分类编辑
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WebPageEdit',
+  data() {
+    return {
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

src/views/product/classify/list.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="app-container">
+    分类列表
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WebPageList',
+  data() {
+    return {
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

src/views/product/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>

src/views/product/product/form.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="app-container">
+    商品编辑
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WebPageEdit',
+  data() {
+    return {
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

src/views/product/product/list.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="app-container">
+    商品列表
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WebPageList',
+  data() {
+    return {
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

src/views/web/help/form.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="app-container">
+    帮助页编辑
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HelpPageEdit',
+  data() {
+    return {
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

src/views/web/help/list.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="app-container">
+    帮助页列表
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'HelpPageList',
+  data() {
+    return {
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

src/views/web/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <router-view />
+</template>

src/views/web/page/form.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="app-container">
+    页面编辑
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WebPageEdit',
+  data() {
+    return {
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>

src/views/web/page/list.vue

@@ -0,0 +1,18 @@
+<template>
+  <div class="app-container">
+    页面列表
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'WebPageList',
+  data() {
+    return {
+    }
+  }
+}
+</script>
+
+<style scoped>
+</style>