From 2d3cfdfff09e9e748d198a30dccd95a1005749f1 Mon Sep 17 00:00:00 2001
From: chenghx <chenghx@nfex.com>
Date: Fri, 31 Aug 2018 16:57:05 +0800
Subject: [PATCH] feat: lazy loading routes

---
 src/main.js        |   2 +-
 src/router/lazy.js | 214 +++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 215 insertions(+), 1 deletion(-)
 create mode 100644 src/router/lazy.js

diff --git a/src/main.js b/src/main.js
index 3a4370f..8163ca0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,7 +2,7 @@
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
 import Vue from 'vue'
 import App from './App'
-import router from './router'
+import router from './router/lazy'
 import 'ant-design-vue/dist/antd.css'
 import Viser from 'viser-vue'
 import axios from 'axios'
diff --git a/src/router/lazy.js b/src/router/lazy.js
new file mode 100644
index 0000000..778dd40
--- /dev/null
+++ b/src/router/lazy.js
@@ -0,0 +1,214 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+import PageView from '@/components/layout/PageView'
+import RouteView from '@/components/layout/RouteView'
+import MenuView from '@/components/layout/MenuView'
+import Login from '@/components/login/Login'
+
+Vue.use(Router)
+
+export default new Router({
+  routes: [
+    {
+      path: '/login',
+      name: '登录页',
+      component: Login,
+      invisible: true
+    },
+    {
+      path: '/',
+      name: '首页',
+      component: MenuView,
+      redirect: '/login',
+      icon: 'none',
+      invisible: true,
+      children: [
+        {
+          path: '/dashboard',
+          name: 'dashboard',
+          component: RouteView,
+          icon: 'dashboard',
+          children: [
+            {
+              path: '/dashboard/workplace',
+              name: '工作台',
+              component: () => import('@/components/dashboard/WorkPlace'),
+              icon: 'none'
+            },
+            {
+              path: '/dashboard/analysis',
+              name: '分析页',
+              component: () => import('@/components/dashboard/Dashboard'),
+              icon: 'none'
+            }
+          ]
+        },
+        {
+          path: '/form',
+          name: '表单页',
+          component: PageView,
+          icon: 'form',
+          children: [
+            {
+              path: '/form/basic',
+              name: '基础表单',
+              component: () => import('@/components/form/BasicForm'),
+              icon: 'none'
+            },
+            {
+              path: '/form/step',
+              name: '分步表单',
+              component: () => import('@/components/form/stepForm/StepForm'),
+              icon: 'none'
+            },
+            {
+              path: '/form/advanced',
+              name: '高级表单',
+              component: () => import('@/components/form/advancedForm/AdvancedForm'),
+              icon: 'none'
+            }
+          ]
+        },
+        {
+          path: '/list',
+          name: '列表页',
+          component: PageView,
+          icon: 'table',
+          children: [
+            {
+              path: '/list/query',
+              name: '查询表格',
+              component: () => import('@/components/list/QueryList'),
+              icon: 'none'
+            },
+            {
+              path: '/list/primary',
+              name: '标准列表',
+              component: () => import('@/components/list/StandardList'),
+              icon: 'none'
+            },
+            {
+              path: '/list/card',
+              name: '卡片列表',
+              component: () => import('@/components/list/CardList'),
+              icon: 'none'
+            },
+            {
+              path: '/list/search',
+              name: '搜索列表',
+              component: () => import('@/components/list/search/SearchLayout'),
+              icon: 'none',
+              children: [
+                {
+                  path: '/list/search/article',
+                  name: '文章',
+                  component: () => import('@/components/list/search/ArticleList'),
+                  icon: 'none'
+                },
+                {
+                  path: '/list/search/application',
+                  name: '应用',
+                  component: () => import('@/components/list/search/ApplicationList'),
+                  icon: 'none'
+                },
+                {
+                  path: '/list/search/project',
+                  name: '项目',
+                  component: () => import('@/components/list/search/ProjectList'),
+                  icon: 'none'
+                }
+              ]
+            }
+          ]
+        },
+        {
+          path: '/detail',
+          name: '详情页',
+          icon: 'profile',
+          component: RouteView,
+          children: [
+            {
+              path: '/detail/basic',
+              name: '基础详情页',
+              icon: 'none',
+              component: () => import('@/components/detail/BasicDetail')
+            },
+            {
+              path: '/detail/advanced',
+              name: '高级详情页',
+              icon: 'none',
+              component: () => import('@/components/detail/AdvancedDetail')
+            }
+          ]
+        },
+        {
+          path: '/result',
+          name: '结果页',
+          icon: 'check-circle-o',
+          component: PageView,
+          children: [
+            {
+              path: '/result/success',
+              name: '成功',
+              icon: 'none',
+              component: () => import('@/components/result/Success')
+            },
+            {
+              path: '/result/error',
+              name: '失败',
+              icon: 'none',
+              component: () => import('@/components/result/Error')
+            }
+          ]
+        },
+        {
+          path: '/exception',
+          name: '异常页',
+          icon: 'warning',
+          component: RouteView,
+          children: [
+            {
+              path: '/exception/404',
+              name: '404',
+              icon: 'none',
+              component: () => import('@/components/exception/404')
+            },
+            {
+              path: '/exception/403',
+              name: '403',
+              icon: 'none',
+              component: () => import('@/components/exception/403')
+            },
+            {
+              path: '/exception/500',
+              name: '500',
+              icon: 'none',
+              component: () => import('@/components/exception/500')
+            }
+          ]
+        },
+        {
+          path: '/components',
+          redirect: '/components/taskcard',
+          name: '小组件',
+          icon: 'appstore-o',
+          component: PageView,
+          children: [
+            {
+              path: '/components/taskcard',
+              name: '任务卡片',
+              icon: 'none',
+              component: () => import('@/components/task/Index')
+            },
+            {
+              path: '/components/palette',
+              name: '颜色复选框',
+              icon: 'none',
+              component: () => import('@/components/check/Index')
+            }
+          ]
+        }
+      ]
+    }
+  ]
+})