index.js 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307
  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. path: '/',
  30. redirect: 'forest',
  31. },
  32. {
  33. //林业中心
  34. path: '/forest',
  35. name: 'forest',
  36. component: () => import('@/views/forest'),
  37. meta: {
  38. title: '林业分中心'
  39. }
  40. },
  41. {
  42. //数据中心
  43. path: '/datacenter',
  44. name: 'datacenter',
  45. component: () => import('@/views/datacenter'),
  46. meta: {
  47. title: '数据中心'
  48. }
  49. },
  50. {
  51. //事件中心
  52. path: '/event',
  53. name: 'event',
  54. component: () => import('@/views/event'),
  55. meta: {
  56. title: '事件中心'
  57. }
  58. },
  59. {
  60. //监控中心
  61. path: '/monitor',
  62. name: 'monitor',
  63. component: () => import('@/views/monitor'),
  64. meta: {
  65. title: '监控中心'
  66. }
  67. }, {
  68. path: '/disaster',
  69. name: 'disaster',
  70. component: () => import('@/views/disaster'),
  71. meta: {
  72. title: '灾后评估'
  73. }
  74. }, {
  75. path: '/animal',
  76. name: 'animal',
  77. component: () => import('@/views/animal'),
  78. meta: {
  79. title: '动物保护'
  80. }
  81. }, {
  82. path: '/leader',
  83. name: 'leader',
  84. component: () => import('@/views/leader'),
  85. meta: {
  86. title: '林长制'
  87. }
  88. }, {
  89. path: '/afforestation',
  90. name: 'afforestation',
  91. component: () => import('@/views/afforestation'),
  92. meta: {
  93. title: '植树造林'
  94. }
  95. },
  96. {
  97. path: '/date',
  98. name: 'date',
  99. component: () => import('@/views/date'),
  100. meta: {
  101. title: '日历组件'
  102. }
  103. },
  104. ]
  105. // 公共路由
  106. export const constantRoutesNew = [{
  107. path: '/',
  108. redirect: 'forest',
  109. },
  110. {
  111. //林业中心
  112. path: '/forest',
  113. name: 'forest',
  114. component: () => import('@/views/forest'),
  115. meta: {
  116. title: '林业分中心'
  117. }
  118. },
  119. {
  120. //数据中心
  121. path: '/datacenter',
  122. name: 'datacenter',
  123. component: () => import('@/views/datacenter'),
  124. meta: {
  125. title: '数据中心'
  126. }
  127. },
  128. {
  129. //事件中心
  130. path: '/event',
  131. name: 'event',
  132. component: () => import('@/views/event'),
  133. meta: {
  134. title: '事件中心'
  135. }
  136. },
  137. {
  138. //监控中心
  139. path: '/monitor',
  140. name: 'monitor',
  141. component: () => import('@/views/monitor'),
  142. meta: {
  143. title: '监控中心'
  144. }
  145. },
  146. {
  147. path: '/disaster',
  148. name: 'disaster',
  149. component: () => import('@/views/disaster'),
  150. meta: {
  151. title: '灾后评估'
  152. }
  153. },
  154. {
  155. path: '/animal',
  156. name: 'animal',
  157. component: () => import('@/views/animal'),
  158. meta: {
  159. title: '动物保护'
  160. }
  161. },
  162. {
  163. path: '/leader',
  164. name: 'leader',
  165. component: () => import('@/views/leader'),
  166. meta: {
  167. title: '林长制'
  168. }
  169. },
  170. {
  171. path: '/afforestation',
  172. name: 'afforestation',
  173. component: () => import('@/views/afforestation'),
  174. meta: {
  175. title: '植树造林'
  176. }
  177. },
  178. {
  179. path: '/date',
  180. name: 'date',
  181. component: () => import('@/views/date'),
  182. meta: {
  183. title: '日历组件'
  184. }
  185. },
  186. {
  187. path: '/login',
  188. component: () => import('@/views/system/login'),
  189. hidden: true
  190. },
  191. {
  192. path: '/register',
  193. component: () => import('@/views/system/register'),
  194. hidden: true
  195. },
  196. {
  197. path: '/404',
  198. component: () => import('@/views/error/404'),
  199. hidden: true
  200. },
  201. {
  202. path: '/401',
  203. component: () => import('@/views/error/401'),
  204. hidden: true
  205. },
  206. {
  207. path: '',
  208. component: Layout,
  209. redirect: 'index',
  210. children: [{
  211. path: 'forest',
  212. component: () => import('@/views/forest'),
  213. name: 'forest',
  214. meta: {
  215. title: '首页',
  216. icon: 'dashboard',
  217. affix: true
  218. }
  219. }]
  220. },
  221. {
  222. path: '/user',
  223. component: Layout,
  224. hidden: true,
  225. redirect: 'noredirect',
  226. children: [{
  227. path: 'profile',
  228. component: () => import('@/views/system/user/profile/index'),
  229. name: 'Profile',
  230. meta: {
  231. title: '个人中心',
  232. icon: 'user'
  233. }
  234. }]
  235. },
  236. ]
  237. // 动态路由,基于用户权限动态去加载
  238. export const dynamicRoutes = [{
  239. path: '/system/user-auth',
  240. component: Layout,
  241. hidden: true,
  242. permissions: ['system:user:edit'],
  243. children: [{
  244. path: 'role/:userId(\\d+)',
  245. component: () => import('@/views/system/user/authRole'),
  246. name: 'AuthRole',
  247. meta: {
  248. title: '分配角色',
  249. activeMenu: '/system/user'
  250. }
  251. }]
  252. },
  253. {
  254. path: '/system/role-auth',
  255. component: Layout,
  256. hidden: true,
  257. permissions: ['system:role:edit'],
  258. children: [{
  259. path: 'user/:roleId(\\d+)',
  260. component: () => import('@/views/system/role/authUser'),
  261. name: 'AuthUser',
  262. meta: {
  263. title: '分配用户',
  264. activeMenu: '/system/role'
  265. }
  266. }]
  267. },
  268. {
  269. path: '/system/dict-data',
  270. component: Layout,
  271. hidden: true,
  272. permissions: ['system:dict:list'],
  273. children: [{
  274. path: 'index/:dictId(\\d+)',
  275. component: () => import('@/views/system/dict/data'),
  276. name: 'Data',
  277. meta: {
  278. title: '字典数据',
  279. activeMenu: '/system/dict'
  280. }
  281. }]
  282. },
  283. ]
  284. // 防止连续点击多次路由报错
  285. let routerPush = Router.prototype.push;
  286. Router.prototype.push = function push(location) {
  287. return routerPush.call(this, location).catch(err => err)
  288. }
  289. export default new Router({
  290. mode: 'history', // 去掉url中的#
  291. scrollBehavior: () => ({
  292. y: 0
  293. }),
  294. routes: constantRoutesNew
  295. })