index.js 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232
  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: '/',
  31. redirect: 'forest',
  32. },
  33. {
  34. //消防云图
  35. path: '/forest',
  36. name: 'forest',
  37. component: () => import('@/views/forest'),
  38. meta: {
  39. title: '消防云图'
  40. }
  41. },
  42. {
  43. //数据中心
  44. path: '/',
  45. name: '',
  46. component: () => import('@/views/datacenter'),
  47. meta: {
  48. title: '数据中心'
  49. }
  50. },
  51. {
  52. //监控中心
  53. path: '/monitor',
  54. name: 'monitor',
  55. component: () => import('@/views/monitor'),
  56. meta: {
  57. title: '监控中心'
  58. }
  59. },
  60. {
  61. //统计分析
  62. path: '/bigdata',
  63. name: 'bigdata',
  64. component: () => import('@/views/bigdata/bigdata'),
  65. meta: {
  66. title: '统计分析'
  67. }
  68. },
  69. ]
  70. // 公共路由
  71. export const constantRoutesNew = [{
  72. path: '/',
  73. redirect: 'forest',
  74. },
  75. {
  76. //消防云图
  77. path: '/forest',
  78. name: 'forest',
  79. component: () => import('@/views/forest'),
  80. meta: {
  81. title: '消防云图'
  82. }
  83. },
  84. {
  85. //数据中心
  86. path: '/datacenter',
  87. name: 'datacenter',
  88. component: () => import('@/views/datacenter'),
  89. meta: {
  90. title: '数据中心'
  91. }
  92. },
  93. {
  94. //监控中心
  95. path: '/monitor',
  96. name: 'monitor',
  97. component: () => import('@/views/monitor'),
  98. meta: {
  99. title: '监控中心'
  100. }
  101. },
  102. {
  103. //统计分析
  104. path: '/bigdata',
  105. name: 'bigdata',
  106. component: () => import('@/views/bigdata/bigdata'),
  107. meta: {
  108. title: '统计分析'
  109. }
  110. },
  111. {
  112. path: '/login',
  113. component: () => import('@/views/system/login'),
  114. hidden: true
  115. },
  116. {
  117. path: '/register',
  118. component: () => import('@/views/system/register'),
  119. hidden: true
  120. },
  121. {
  122. path: '/404',
  123. component: () => import('@/views/error/404'),
  124. hidden: true
  125. },
  126. {
  127. path: '/401',
  128. component: () => import('@/views/error/401'),
  129. hidden: true
  130. },
  131. {
  132. path: '',
  133. component: Layout,
  134. redirect: 'index',
  135. children: [{
  136. path: 'forest',
  137. component: () => import('@/views/forest'),
  138. name: 'forest',
  139. meta: {
  140. title: '首页',
  141. icon: 'dashboard',
  142. affix: true
  143. }
  144. }]
  145. },
  146. {
  147. path: '/user',
  148. component: Layout,
  149. hidden: true,
  150. redirect: 'noredirect',
  151. children: [{
  152. path: 'profile',
  153. component: () => import('@/views/system/user/profile/index'),
  154. name: 'Profile',
  155. meta: {
  156. title: '个人中心',
  157. icon: 'user'
  158. }
  159. }]
  160. },
  161. ]
  162. // 动态路由,基于用户权限动态去加载
  163. export const dynamicRoutes = [{
  164. path: '/system/user-auth',
  165. component: Layout,
  166. hidden: true,
  167. permissions: ['system:user:edit'],
  168. children: [{
  169. path: 'role/:userId(\\d+)',
  170. component: () => import('@/views/system/user/authRole'),
  171. name: 'AuthRole',
  172. meta: {
  173. title: '分配角色',
  174. activeMenu: '/system/user'
  175. }
  176. }]
  177. },
  178. {
  179. path: '/system/role-auth',
  180. component: Layout,
  181. hidden: true,
  182. permissions: ['system:role:edit'],
  183. children: [{
  184. path: 'user/:roleId(\\d+)',
  185. component: () => import('@/views/system/role/authUser'),
  186. name: 'AuthUser',
  187. meta: {
  188. title: '分配用户',
  189. activeMenu: '/system/role'
  190. }
  191. }]
  192. },
  193. {
  194. path: '/system/dict-data',
  195. component: Layout,
  196. hidden: true,
  197. permissions: ['system:dict:list'],
  198. children: [{
  199. path: 'index/:dictId(\\d+)',
  200. component: () => import('@/views/system/dict/data'),
  201. name: 'Data',
  202. meta: {
  203. title: '字典数据',
  204. activeMenu: '/system/dict'
  205. }
  206. }]
  207. },
  208. ]
  209. // 防止连续点击多次路由报错
  210. let routerPush = Router.prototype.push;
  211. Router.prototype.push = function push(location) {
  212. return routerPush.call(this, location).catch(err => err)
  213. }
  214. export default new Router({
  215. mode: 'history', // 去掉url中的#
  216. scrollBehavior: () => ({
  217. y: 0
  218. }),
  219. routes: constantRoutesNew
  220. })