index.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. import Vue from 'vue'
  2. import Router from 'vue-router'
  3. Vue.use(Router)
  4. /* Layout */
  5. import Layout from '@/layout'
  6. /**
  7. * Note: 路由配置项
  8. *
  9. * hidden: true // 当设置 true 的时候该路由不会再侧边栏出现 如401,login等页面,或者如一些编辑页面/edit/1
  10. * alwaysShow: true // 当你一个路由下面的 children 声明的路由大于1个时,自动会变成嵌套的模式--如组件页面
  11. * // 只有一个时,会将那个子路由当做根路由显示在侧边栏--如引导页面
  12. * // 若你想不管路由下面的 children 声明的个数都显示你的根路由
  13. * // 你可以设置 alwaysShow: true,这样它就会忽略之前定义的规则,一直显示根路由
  14. * redirect: noRedirect // 当设置 noRedirect 的时候该路由在面包屑导航中不可被点击
  15. * name:'router-name' // 设定路由的名字,一定要填写不然使用<keep-alive>时会出现各种问题
  16. * query: '{"id": 1, "name": "ry"}' // 访问路由的默认传递参数
  17. * roles: ['admin', 'common'] // 访问路由的角色权限
  18. * permissions: ['a:a:a', 'b:b:b'] // 访问路由的菜单权限
  19. * meta : {
  20. noCache: true // 如果设置为true,则不会被 <keep-alive> 缓存(默认 false)
  21. title: 'title' // 设置该路由在侧边栏和面包屑中展示的名字
  22. icon: 'svg-name' // 设置该路由的图标,对应路径src/assets/icons/svg
  23. breadcrumb: false // 如果设置为false,则不会在breadcrumb面包屑中显示
  24. activeMenu: '/system/user' // 当路由设置了该属性,则会高亮相对应的侧边栏。
  25. }
  26. */
  27. // 公共路由
  28. export const constantRoutes = [
  29. {
  30. path: '/screen',
  31. component: (resolve) => require(['@/views/screen/main'], resolve),
  32. hidden: true
  33. },
  34. {
  35. path: '/pad',
  36. component: (resolve) => require(['@/views/pad/main'], resolve),
  37. hidden: true
  38. },
  39. {
  40. path: '/redirect',
  41. component: Layout,
  42. hidden: true,
  43. children: [
  44. {
  45. path: '/redirect/:path(.*)',
  46. component: () => import('@/views/redirect')
  47. }
  48. ]
  49. },
  50. {
  51. path: '/login',
  52. component: () => import('@/views/login'),
  53. hidden: true
  54. },
  55. {
  56. path: '/loginPad',
  57. component: () => import('@/views/loginPad'),
  58. hidden: true
  59. },
  60. {
  61. path: '/register',
  62. component: () => import('@/views/register'),
  63. hidden: true
  64. },
  65. {
  66. path: '/404',
  67. component: () => import('@/views/error/404'),
  68. hidden: true
  69. },
  70. {
  71. path: '/401',
  72. component: () => import('@/views/error/401'),
  73. hidden: true
  74. },
  75. {
  76. path: '',
  77. component: Layout,
  78. redirect: 'index',
  79. children: [
  80. {
  81. path: 'index',
  82. component: () => import('@/views/index'),
  83. name: 'Index',
  84. meta: { title: '首页', icon: 'dashboard', affix: true }
  85. }
  86. ]
  87. },
  88. {
  89. path: '/user',
  90. component: Layout,
  91. hidden: true,
  92. redirect: 'noredirect',
  93. children: [
  94. {
  95. path: 'profile',
  96. component: () => import('@/views/system/user/profile/index'),
  97. name: 'Profile',
  98. meta: { title: '个人中心', icon: 'user' }
  99. }
  100. ]
  101. }
  102. ]
  103. // 动态路由,基于用户权限动态去加载
  104. export const dynamicRoutes = [
  105. {
  106. path: '/system/user-auth',
  107. component: Layout,
  108. hidden: true,
  109. permissions: ['system:user:edit'],
  110. children: [
  111. {
  112. path: 'role/:userId(\\d+)',
  113. component: () => import('@/views/system/user/authRole'),
  114. name: 'AuthRole',
  115. meta: { title: '分配角色', activeMenu: '/system/user' }
  116. }
  117. ]
  118. },
  119. {
  120. path: '/system/role-auth',
  121. component: Layout,
  122. hidden: true,
  123. permissions: ['system:role:edit'],
  124. children: [
  125. {
  126. path: 'user/:roleId(\\d+)',
  127. component: () => import('@/views/system/role/authUser'),
  128. name: 'AuthUser',
  129. meta: { title: '分配用户', activeMenu: '/system/role' }
  130. }
  131. ]
  132. },
  133. {
  134. path: '/system/dict-data',
  135. component: Layout,
  136. hidden: true,
  137. permissions: ['system:dict:list'],
  138. children: [
  139. {
  140. path: 'index/:dictId(\\d+)',
  141. component: () => import('@/views/system/dict/data'),
  142. name: 'Data',
  143. meta: { title: '字典数据', activeMenu: '/system/dict' }
  144. }
  145. ]
  146. },
  147. {
  148. path: '/monitor/job-log',
  149. component: Layout,
  150. hidden: true,
  151. permissions: ['monitor:job:list'],
  152. children: [
  153. {
  154. path: 'index',
  155. component: () => import('@/views/monitor/job/log'),
  156. name: 'JobLog',
  157. meta: { title: '调度日志', activeMenu: '/monitor/job' }
  158. }
  159. ]
  160. },
  161. {
  162. path: '/tool/gen-edit',
  163. component: Layout,
  164. hidden: true,
  165. permissions: ['tool:gen:edit'],
  166. children: [
  167. {
  168. path: 'index/:tableId(\\d+)',
  169. component: () => import('@/views/tool/gen/editTable'),
  170. name: 'GenEdit',
  171. meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
  172. }
  173. ]
  174. }
  175. ]
  176. // 防止连续点击多次路由报错
  177. let routerPush = Router.prototype.push;
  178. Router.prototype.push = function push(location) {
  179. return routerPush.call(this, location).catch(err => err)
  180. }
  181. export default new Router({
  182. base: "/screen",
  183. mode: '', // 去掉url中的#
  184. scrollBehavior: () => ({ y: 0 }),
  185. routes: constantRoutes
  186. })