routerConfig.ts 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. /**头部路由一级菜单点击逻辑 */
  2. function headrRouter(initialState: any, history: any) {
  3. let ok = true
  4. let u = navigator?.userAgent
  5. let isPhone = !!u.match(/AppleWebKit.*Mobile.*/) || u?.indexOf('iPad') > -1
  6. //登录时指向/辅助处理看当前用户的一级菜单有哪些,找到第一个符合的跳转
  7. initialState?.menu?.data.forEach((item: { roles: string[], path: string, routes: { path: string, routes: any[] }[] }) => {
  8. if (ok) {
  9. ok = false
  10. let path = item?.routes?.length > 0 ? item?.routes[0]?.routes?.length > 0 ? item?.routes[0]?.routes[0]?.path ? item?.routes[0]?.routes[0]?.path : item?.routes[0].path : item?.routes[0].path : item?.routes[0].path
  11. if (history?.location?.pathname === '/') {
  12. history.push(path)
  13. }
  14. }
  15. })
  16. if (history?.location?.pathname === '/launchSystemNew') { //当切换一级菜单的辅助跳转
  17. history?.goBack()
  18. initialState?.menu?.data.forEach((item: { roles: string[], path: string, routes: { path: string, routes: any[] }[] }) => {
  19. if (item?.routes?.some((i: { path: string }) => i.path?.includes('/launchSystemNew'))) {
  20. let path = item?.routes?.length > 0 ? (item?.routes[0]?.routes?.length > 0 && item?.routes[0]?.routes[0]?.path) ? item?.routes[0]?.routes[0]?.path : item?.routes[0].path : item?.routes[0].path
  21. // history.push(path)
  22. // window.open(location.origin+'/#'+path)
  23. isPhone ? history.push(path) : window.open(location.origin+'/#'+path)
  24. }
  25. })
  26. // localStorage.setItem('bg', 'dark')
  27. }
  28. }
  29. //返回按钮路由
  30. function btnFun(items: any) {
  31. return items?.childrenBtn?.map((btn: any,) => {
  32. return { name: btn.meta.title, key: btn?.menuId }
  33. })
  34. }
  35. //返回子路由
  36. function routeFun(items: any) {
  37. return items.children.map((route: any) => {//循环重组
  38. if (route?.children?.length > 0) {
  39. let arr = routeFun(route)
  40. return { path: route.path, name: route.meta.title, component: route.component, routes: arr, icon: route.meta.icon, key: route?.menuId }
  41. }
  42. if (route?.childrenBtn?.length > 0) {
  43. let arr = btnFun(route)
  44. return { path: route.path, name: route.meta.title, component: route.component, routes: arr, icon: route.meta.icon, key: route?.menuId }
  45. }
  46. return { path: route.path, name: route.meta.title, component: route.component, icon: items.meta.icon, key: route?.menuId }
  47. })
  48. }
  49. /**获取线上菜单并重组路由格式和权限*/
  50. function getMyMenu(code: any, data: any,) {
  51. let newData: any = []
  52. // let roles = userInfo?.roles.map((role: any) => role.roleKey)//权限从个人信息中取,以防路由列表中有错误
  53. if (code === 200) {
  54. let new_data: any[] = []
  55. // 循环判断不为空的主菜单加入
  56. Object.keys(data)?.reverse()?.map((key) => {
  57. if (Array.isArray(data[key]) && data[key]?.length > 0) {
  58. new_data.push(data[key][0])
  59. }
  60. })
  61. // 处理顺序
  62. new_data = new_data?.sort((a, b) => {
  63. let v1 = a.orderNum
  64. let v2 = b.orderNum
  65. return v1 - v2
  66. })
  67. new_data?.forEach((items: any) => {
  68. if (items?.children?.length === 0) {//假如路由的子路由只有一个代表当前组件没有子路由,将children中的component组件路径给外层component
  69. newData.push({ path: items.children[0].path, name: items.meta.title, icon: items.meta.icon, component: items.children[0].component, key: items.menuId }) // roles: roles
  70. }
  71. if (items?.children?.length >= 0) {//假如路由的子路由个数大于1代表有子路由
  72. let arr: any[] = routeFun(items)
  73. newData.push({ path: items.path, name: items.meta.title, icon: items.meta.icon, routes: arr, key: items.menuId })//最后添加进routes , roles: roles
  74. }
  75. })
  76. }
  77. return newData
  78. }
  79. /** 投放系统 */
  80. const launchSystem = {
  81. path: '/launchSystemNew',
  82. routes: [
  83. {
  84. path: '/launchSystemNew/adq',
  85. name: '广点通',
  86. component: './launchSystemNew/adq',
  87. access: 'adq',
  88. },
  89. {
  90. path: '/launchSystemNew/launchManage',
  91. name: '广告投放',
  92. access: 'launchManage',
  93. routes: [
  94. {
  95. path: '/launchSystemNew/launchManage/adAuthorize',
  96. name: '授权',
  97. access: 'adAuthorize',
  98. component: './launchSystemNew/launchManage/adAuthorize',
  99. },
  100. {
  101. path: '/launchSystemNew/launchManage/localAd',
  102. name: '广告模板',
  103. access: 'localAd',
  104. component: './launchSystemNew/launchManage/localAd',
  105. },
  106. {
  107. path: '/launchSystemNew/launchManage/createAd',
  108. name: '创建广告',
  109. access: 'createAd',
  110. component: './launchSystemNew/launchManage/createAd',
  111. },
  112. {
  113. path: '/launchSystemNew/launchManage/taskList',
  114. name: '任务列表',
  115. access: 'taskList',
  116. component: './launchSystemNew/launchManage/taskList',
  117. }
  118. ]
  119. },
  120. {
  121. path: '/launchSystemNew/material',
  122. name: '素材管理',
  123. access: 'material',
  124. icon: 'DatabaseOutlined',
  125. routes: [
  126. {
  127. name: '本地素材',
  128. path: '/launchSystemNew/material/cloud',
  129. access: 'cloud',
  130. component: './launchSystemNew/material/cloud',
  131. },
  132. ],
  133. },
  134. ]
  135. }
  136. export {
  137. headrRouter,
  138. getMyMenu,
  139. launchSystem,
  140. }