routerConfig.ts 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  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 === '/iaaData') { //当切换一级菜单的辅助跳转
  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('/iaaData'))) {
  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. isPhone ? history.push(path) : window.open(location.origin + '/#' + path)
  22. }
  23. })
  24. }
  25. if (history?.location?.pathname === '/iaaSystem') { //当切换一级菜单的辅助跳转
  26. history?.goBack()
  27. initialState?.menu?.data.forEach((item: { roles: string[], path: string, routes: { path: string, routes: any[] }[] }) => {
  28. if (item?.routes?.some((i: { path: string }) => i.path?.includes('/iaaSystem'))) {
  29. 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
  30. isPhone ? history.push(path) : window.open(location.origin + '/#' + path)
  31. }
  32. })
  33. }
  34. }
  35. //返回按钮路由
  36. function btnFun(items: any) {
  37. return items?.childrenBtn?.map((btn: any,) => {
  38. return { name: btn.meta.title, key: btn?.menuId }
  39. })
  40. }
  41. //返回子路由
  42. function routeFun(items: any) {
  43. return items.children.map((route: any) => {//循环重组
  44. if (route?.children?.length > 0) {
  45. let arr = routeFun(route)
  46. return { path: route.path, name: route.meta.title, component: route.component, routes: arr, icon: route.meta.icon, key: route?.menuId }
  47. }
  48. if (route?.childrenBtn?.length > 0) {
  49. let arr = btnFun(route)
  50. return { path: route.path, name: route.meta.title, component: route.component, routes: arr, icon: route.meta.icon, key: route?.menuId }
  51. }
  52. return { path: route.path, name: route.meta.title, component: route.component, icon: route.meta.icon, key: route?.menuId }
  53. })
  54. }
  55. /**获取线上菜单并重组路由格式和权限*/
  56. function getMyMenu(code: any, data: any,) {
  57. let newData: any = []
  58. // let roles = userInfo?.roles.map((role: any) => role.roleKey)//权限从个人信息中取,以防路由列表中有错误
  59. if (code === 200) {
  60. let new_data: any[] = []
  61. // 循环判断不为空的主菜单加入
  62. Object.keys(data).reverse().map((key) => {
  63. if (Array.isArray(data[key]) && data[key]?.length > 0) {
  64. new_data.push(data[key][0])
  65. }
  66. })
  67. // 处理顺序
  68. new_data = new_data.sort((a, b) => {
  69. let v1 = a.orderNum
  70. let v2 = b.orderNum
  71. return v1 - v2
  72. })
  73. new_data.forEach((items: any) => {
  74. if (items?.children?.length === 0) {//假如路由的子路由只有一个代表当前组件没有子路由,将children中的component组件路径给外层component
  75. 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
  76. }
  77. if (items?.children?.length >= 0) {//假如路由的子路由个数大于1代表有子路由
  78. let arr: any[] = routeFun(items)
  79. newData.push({ path: items.path, name: items.meta.title, icon: items.meta.icon, routes: arr, key: items.menuId })//最后添加进routes , roles: roles
  80. }
  81. })
  82. }
  83. return newData
  84. }
  85. const iaaSystem = {
  86. path: '/iaaSystem',
  87. routes: [
  88. {
  89. path: '/iaaSystem/manage',
  90. name: 'IAA后台管理',
  91. routes: [
  92. {
  93. path: '/iaaSystem/manage/useApp',
  94. name: '应用管理',
  95. component: './iaaSystem/manage/useApp',
  96. },
  97. {
  98. path: '/iaaSystem/manage/power',
  99. name: '角色分配',
  100. component: './iaaSystem/manage/power',
  101. },
  102. {
  103. path: '/iaaSystem/manage/application',
  104. name: '应用管理',
  105. component: './iaaSystem/manage/application',
  106. },
  107. {
  108. path: '/iaaSystem/manage/channel',
  109. name: '渠道管理',
  110. component: './iaaSystem/manage/channel',
  111. },
  112. {
  113. path: '/iaaSystem/manage/backPolicy',
  114. name: '回传策略管理',
  115. component: './iaaSystem/manage/backPolicy',
  116. }
  117. ]
  118. }
  119. ]
  120. }
  121. const iaaData = {
  122. path: '/iaaData',
  123. routes: [
  124. {
  125. path: '/iaaData/tencentIaa',
  126. name: '腾讯',
  127. routes: [
  128. {
  129. path: '/iaaData/tencentIaa/adList',
  130. name: '广告列表',
  131. component: './iaaData/tencentIaa/adList',
  132. },
  133. {
  134. path: '/iaaData/tencentIaa/dynamic',
  135. name: '创意列表',
  136. component: './iaaData/tencentIaa/dynamic',
  137. },
  138. {
  139. path: '/iaaData/tencentIaa/appEveryDayData',
  140. name: '应用每日数据',
  141. component: './iaaData/tencentIaa/appEveryDayData',
  142. },
  143. {
  144. path: '/iaaData/tencentIaa/appCashTrend',
  145. name: '应用变现趋势',
  146. component: './iaaData/tencentIaa/appCashTrend',
  147. },
  148. {
  149. path: '/iaaData/tencentIaa/appCashRetained',
  150. name: '应用变现留存',
  151. component: './iaaData/tencentIaa/appCashRetained',
  152. },
  153. {
  154. path: '/iaaData/tencentIaa/appCashAssay',
  155. name: '应用变现分析',
  156. component: './iaaData/tencentIaa/appCashAssay',
  157. },
  158. {
  159. path: '/iaaData/tencentIaa/pitcherEveryDay',
  160. name: '投手每日数据',
  161. component: './iaaData/tencentIaa/pitcherEveryDay',
  162. },
  163. ]
  164. },
  165. {
  166. path: '/iaaData/ocenaengineIaa',
  167. name: '头条',
  168. routes: [
  169. {
  170. path: '/iaaData/ocenaengineIaa/adList',
  171. name: '广告列表',
  172. component: './iaaData/ocenaengineIaa/adList',
  173. },
  174. {
  175. path: '/iaaData/ocenaengineIaa/appEveryDayData',
  176. name: '应用每日数据',
  177. component: './iaaData/ocenaengineIaa/appEveryDayData',
  178. }
  179. ]
  180. }
  181. ]
  182. }
  183. export {
  184. headrRouter,
  185. getMyMenu,
  186. iaaSystem,
  187. iaaData
  188. }