index.js 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228
  1. import Vue from 'vue'
  2. import Router from 'vue-router'
  3. /* Layout */
  4. import Layout from '@/layout'
  5. Vue.use(Router)
  6. /**
  7. * Note: 路由配置项
  8. *
  9. * hidden: true // 【重要】当设置 true 的时候该路由不会再侧边栏出现 如 401,login 等页面,或者如一些编辑页面 /edit/1
  10. * alwaysShow: true // 当你一个路由下面的 children 声明的路由大于1个时,自动会变成嵌套的模式--如组件页面
  11. * // 只有一个时,会将那个子路由当做根路由显示在侧边栏--如引导页面
  12. * // 若你想不管路由下面的 children 声明的个数都显示你的根路由
  13. * // 你可以设置 alwaysShow: true,这样它就会忽略之前定义的规则,一直显示根路由
  14. * path: '/login', // 【重要】访问的 URL 路径
  15. * component: Layout, // 【重要】对应的组件;也可以是 (resolve) => require(['@/views/login'], resolve),
  16. * redirect: noRedirect // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
  17. * name:'router-name' // 【重要】设定路由的名字,一定要填写不然使用 <keep-alive> 时会出现各种问题
  18. * meta : {
  19. noCache: true // 【重要】如果设置为 true,则不会被 <keep-alive> 缓存(默认 false)
  20. title: 'title' // 【重要】设置该路由在侧边栏和面包屑中展示的名字
  21. icon: 'svg-name' // 【重要】设置该路由的图标,对应路径 src/assets/icons/svg
  22. breadcrumb: false // 如果设置为 false,则不会在 breadcrumb 面包屑中显示
  23. activeMenu: '/system/user' // 当路由设置了该属性,则会高亮相对应的侧边栏。
  24. }
  25. */
  26. // 公共路由
  27. export const constantRoutes = [
  28. {
  29. path: '/redirect',
  30. component: Layout,
  31. hidden: true,
  32. children: [
  33. {
  34. path: '/redirect/:path(.*)',
  35. component: (resolve) => require(['@/views/redirect'], resolve)
  36. }
  37. ]
  38. },
  39. {
  40. path: '/login',
  41. component: (resolve) => require(['@/views/login'], resolve),
  42. hidden: true
  43. },
  44. {
  45. path: '/sso',
  46. component: (resolve) => require(['@/views/sso'], resolve),
  47. hidden: true
  48. },
  49. {
  50. path: '/social-login',
  51. component: (resolve) => require(['@/views/socialLogin'], resolve),
  52. hidden: true
  53. },
  54. {
  55. path: '/404',
  56. component: (resolve) => require(['@/views/error/404'], resolve),
  57. hidden: true
  58. },
  59. {
  60. path: '/401',
  61. component: (resolve) => require(['@/views/error/401'], resolve),
  62. hidden: true
  63. },
  64. {
  65. path: '',
  66. component: Layout,
  67. redirect: 'index',
  68. children: [{
  69. path: 'index',
  70. component: (resolve) => require(['@/views/index'], resolve),
  71. name: '首页',
  72. meta: {title: '首页', icon: 'dashboard', affix: true}
  73. }
  74. ]
  75. }, {
  76. path: '/user',
  77. component: Layout,
  78. hidden: true,
  79. redirect: 'noredirect',
  80. children: [{
  81. path: 'profile',
  82. component: (resolve) => require(['@/views/system/user/profile/index'], resolve),
  83. name: 'Profile',
  84. meta: {title: '个人中心', icon: 'user'}
  85. }
  86. ]
  87. }, {
  88. path: '/dict',
  89. component: Layout,
  90. hidden: true,
  91. children: [{
  92. path: 'type/data/:dictId(\\d+)',
  93. component: (resolve) => require(['@/views/system/dict/data'], resolve),
  94. name: 'Data',
  95. meta: {title: '字典数据', icon: '', activeMenu: '/system/dict'}
  96. }
  97. ]
  98. }, {
  99. path: '/property',
  100. component: Layout,
  101. hidden: true,
  102. children: [{
  103. path: 'value/:propertyId(\\d+)',
  104. component: (resolve) => require(['@/views/mall/product/property/value'], resolve),
  105. name: 'PropertyValue',
  106. meta: {title: '规格数据', icon: '', activeMenu: '/product/property'}
  107. }
  108. ]
  109. }, {
  110. path: '/job',
  111. component: Layout,
  112. hidden: true,
  113. children: [{
  114. path: 'log',
  115. component: (resolve) => require(['@/views/infra/job/log'], resolve),
  116. name: 'JobLog',
  117. meta: {title: '调度日志', activeMenu: '/infra/job'}
  118. }
  119. ]
  120. }, {
  121. path: '/codegen',
  122. component: Layout,
  123. hidden: true,
  124. children: [{
  125. path: 'edit/:tableId(\\d+)',
  126. component: (resolve) => require(['@/views/infra/codegen/editTable'], resolve),
  127. name: 'GenEdit',
  128. meta: {title: '修改生成配置', activeMenu: '/infra/codegen'}
  129. }
  130. ]
  131. }, {
  132. path: '/spu',
  133. component: Layout,
  134. hidden: true,
  135. children: [{
  136. path: 'edit/:spuId(\\d+)',
  137. component: (resolve) => require(['@/views/mall/product/spu/save'], resolve),
  138. name: 'SpuEdit',
  139. meta: {title: '修改商品', activeMenu: '/product/spu'}
  140. },
  141. {
  142. path: 'add',
  143. component: (resolve) => require(['@/views/mall/product/spu/save'], resolve),
  144. name: 'SpuAdd',
  145. meta: {title: '添加商品', activeMenu: '/product/spu'}
  146. }
  147. ]
  148. }, {
  149. path: '/bpm',
  150. component: Layout,
  151. hidden: true,
  152. redirect: 'noredirect',
  153. children: [{
  154. path: 'oa/leave/create',
  155. component: (resolve) => require(['@/views/bpm/oa/leave/create'], resolve),
  156. name: '发起 OA 请假',
  157. meta: {title: '发起 OA 请假', icon: 'form', activeMenu: '/bpm/oa/leave'}
  158. }, {
  159. path: 'oa/leave/detail',
  160. component: (resolve) => require(['@/views/bpm/oa/leave/detail'], resolve),
  161. name: '查看 OA 请假',
  162. meta: {title: '查看 OA 请假', icon: 'view', activeMenu: '/bpm/oa/leave'}
  163. }
  164. ]
  165. }, {
  166. path: '/bpm',
  167. component: Layout,
  168. hidden: true,
  169. children: [{
  170. path: 'manager/form/edit',
  171. component: (resolve) => require(['@/views/bpm/form/formEditor'], resolve),
  172. name: '流程表单-编辑',
  173. meta: {title: '流程表单-编辑', activeMenu: '/bpm/manager/form'}
  174. }, {
  175. path: 'manager/definition',
  176. component: (resolve) => require(['@/views/bpm/definition/index'], resolve),
  177. name: '流程定义',
  178. meta: {title: '流程定义', activeMenu: '/bpm/manager/model'}
  179. }, {
  180. path: 'manager/model/design',
  181. component: (resolve) => require(['@/views/bpm/model/modelEditor'], resolve),
  182. name: '设计流程',
  183. meta: {title: '设计流程', activeMenu: '/bpm/manager/model'}
  184. }, {
  185. path: 'process-instance/create',
  186. component: (resolve) => require(['@/views/bpm/processInstance/create'], resolve),
  187. name: '发起流程',
  188. meta: {title: '发起流程', activeMenu: '/bpm/task/my'}
  189. }, {
  190. path: 'process-instance/detail',
  191. component: (resolve) => require(['@/views/bpm/processInstance/detail'], resolve),
  192. name: '流程详情',
  193. meta: {title: '流程详情', activeMenu: '/bpm/task/my'}
  194. }
  195. ]
  196. },
  197. {
  198. path: '/order',
  199. component: Layout,
  200. name: '订单管理',
  201. meta: { title: '订单管理' },
  202. alwaysShow: true,
  203. children: [
  204. {
  205. path: '/order/goods-order',
  206. name: '商品订单',
  207. meta: { title: '商品订单' },
  208. component: (resolve) => require(['@/views/order/goodsOrder'], resolve)
  209. }
  210. ]
  211. }
  212. ]
  213. // 防止连续点击多次路由报错
  214. let routerPush = Router.prototype.push;
  215. Router.prototype.push = function push(location) {
  216. return routerPush.call(this, location).catch(err => err)
  217. }
  218. export default new Router({
  219. base: process.env.VUE_APP_APP_NAME ? process.env.VUE_APP_APP_NAME : "/",
  220. mode: 'history', // 去掉url中的#
  221. scrollBehavior: () => ({y: 0}),
  222. routes: constantRoutes
  223. })