新增路由、异常页

src/router/index.js

@@ -1,26 +1,144 @@
 import Vue from 'vue'
 import Router from 'vue-router'
 import Dashboard from '@/components/dashboard/Dashboard'
-import MiniArea from '@/components/chart/MiniArea'
+import Exception from '@/components/exception/Exception'
+import NotFound from '@/components/exception/404'
+import NotPermit from '@/components/exception/403'
+import ServerError from '@/components/exception/500'
 
 Vue.use(Router)
 
 export default new Router({
   routes: [
-    {
-      path: '/',
-      name: 'hello',
-      component: Dashboard
-    },
     {
       path: '/dashboard',
-      name: 'dashboard',
-      component: Dashboard
+      name: 'Dashboard',
+      component: Dashboard,
+      icon: 'dashboard'
     },
     {
-      path: '/chart',
-      name: 'chart',
-      component: MiniArea
+      path: '/form',
+      name: '表单页',
+      component: Exception,
+      icon: 'form',
+      children: [
+        {
+          path: '/form/basic',
+          name: '基础表单',
+          component: NotFound,
+          icon: 'none'
+        },
+        {
+          path: '/form/step',
+          name: '分步表单',
+          component: NotFound,
+          icon: 'none'
+        },
+        {
+          path: '/form/advanced',
+          name: '高级表单',
+          component: NotFound,
+          icon: 'none'
+        }
+      ]
+    },
+    {
+      path: '/list',
+      name: '列表页',
+      component: Exception,
+      icon: 'table',
+      children: [
+        {
+          path: '/form/query',
+          name: '查询表格',
+          component: NotFound,
+          icon: 'none'
+        },
+        {
+          path: '/form/primary',
+          name: '标准表格',
+          component: NotFound,
+          icon: 'none'
+        },
+        {
+          path: '/form/card',
+          name: '卡片表格',
+          component: NotFound,
+          icon: 'none'
+        },
+        {
+          path: '/form/search',
+          name: '搜索表格',
+          component: NotFound,
+          icon: 'none'
+        }
+      ]
+    },
+    {
+      path: '/detail',
+      name: '详情页',
+      icon: 'profile',
+      component: Exception,
+      children: [
+        {
+          path: '/detail/basic',
+          name: '基础详情页',
+          icon: 'none',
+          component: NotFound
+        },
+        {
+          path: '/detail/advanced',
+          name: '高级详情页',
+          icon: 'none',
+          component: NotFound
+        }
+      ]
+    },
+    {
+      path: '/result',
+      name: '详情页',
+      icon: 'check-circle-o',
+      component: Exception,
+      children: [
+        {
+          path: '/result/success',
+          name: '成功',
+          icon: 'none',
+          component: NotFound
+        },
+        {
+          path: '/result/failure',
+          name: '失败',
+          icon: 'none',
+          component: NotFound
+        }
+      ]
+    },
+    {
+      path: '/exception',
+      name: '异常页',
+      icon: 'warning',
+      component: Exception,
+      children: [
+        {
+          path: '/exception/404',
+          name: '404',
+          icon: 'none',
+          component: NotFound
+        },
+        {
+          path: '/exception/403',
+          name: '403',
+          icon: 'none',
+          component: NotPermit
+        },
+        {
+          path: '/exception/500',
+          name: '500',
+          icon: 'none',
+          component: ServerError
+        }
+      ]
     }
   ]
 })