routerConfig.ts 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292
  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 iaaGameData = [
  122. {
  123. path: '/iaaData/game/tencent',
  124. name: '腾讯',
  125. routes: [
  126. {
  127. path: '/iaaData/game/tencent/adList',
  128. name: '广告列表',
  129. component: './iaaData/game/tencent/adList',
  130. },
  131. {
  132. path: '/iaaData/game/tencent/dynamic',
  133. name: '创意列表',
  134. component: './iaaData/game/tencent/dynamic',
  135. },
  136. {
  137. path: '/iaaData/game/tencent/appEveryDayData',
  138. name: '应用每日数据',
  139. component: './iaaData/game/tencent/appEveryDayData',
  140. },
  141. {
  142. path: '/iaaData/game/tencent/appCashTrend',
  143. name: '应用变现趋势',
  144. component: './iaaData/game/tencent/appCashTrend',
  145. },
  146. {
  147. path: '/iaaData/game/tencent/appCashRetained',
  148. name: '应用变现留存',
  149. component: './iaaData/game/tencent/appCashRetained',
  150. },
  151. {
  152. path: '/iaaData/game/tencent/appCashAssay',
  153. name: '应用变现分析',
  154. component: './iaaData/game/tencent/appCashAssay',
  155. },
  156. {
  157. path: '/iaaData/game/tencent/pitcherEveryDay',
  158. name: '投手每日数据',
  159. component: './iaaData/game/tencent/pitcherEveryDay',
  160. },
  161. ]
  162. },
  163. {
  164. path: '/iaaData/game/ocenaengine',
  165. name: '头条',
  166. routes: [
  167. {
  168. path: '/iaaData/game/ocenaengine/adList',
  169. name: '广告列表',
  170. component: './iaaData/game/ocenaengine/adList',
  171. },
  172. {
  173. path: '/iaaData/game/ocenaengine/appEveryDayData',
  174. name: '应用每日数据',
  175. component: './iaaData/game/ocenaengine/appEveryDayData',
  176. }
  177. ]
  178. }
  179. ]
  180. const iaaNovelData = [
  181. {
  182. path: '/iaaData/novel/tencent',
  183. name: '腾讯',
  184. routes: [
  185. {
  186. path: '/iaaData/novel/tencent/adList',
  187. name: '广告列表',
  188. component: './iaaData/novel/tencent/adList',
  189. },
  190. {
  191. path: '/iaaData/novel/tencent/dynamic',
  192. name: '创意列表',
  193. component: './iaaData/novel/tencent/dynamic',
  194. }
  195. ]
  196. }
  197. ]
  198. const iaaPlayletData = [
  199. {
  200. path: '/iaaData/playlet/tencent',
  201. name: '腾讯',
  202. routes: [
  203. {
  204. path: '/iaaData/playlet/tencent/adList',
  205. name: '广告列表',
  206. component: './iaaData/playlet/tencent/adList',
  207. },
  208. {
  209. path: '/iaaData/playlet/tencent/dynamic',
  210. name: '创意列表',
  211. component: './iaaData/playlet/tencent/dynamic',
  212. }
  213. ]
  214. }
  215. ]
  216. const iaaData = {
  217. path: '/iaaData',
  218. routes: [
  219. {
  220. path: '/iaaData/tencentIaa',
  221. name: '腾讯',
  222. routes: [
  223. {
  224. path: '/iaaData/tencentIaa/adList',
  225. name: '广告列表',
  226. component: './iaaData/tencentIaa/adList',
  227. },
  228. {
  229. path: '/iaaData/tencentIaa/dynamic',
  230. name: '创意列表',
  231. component: './iaaData/tencentIaa/dynamic',
  232. },
  233. {
  234. path: '/iaaData/tencentIaa/appEveryDayData',
  235. name: '应用每日数据',
  236. component: './iaaData/tencentIaa/appEveryDayData',
  237. },
  238. {
  239. path: '/iaaData/tencentIaa/appCashTrend',
  240. name: '应用变现趋势',
  241. component: './iaaData/tencentIaa/appCashTrend',
  242. },
  243. {
  244. path: '/iaaData/tencentIaa/appCashRetained',
  245. name: '应用变现留存',
  246. component: './iaaData/tencentIaa/appCashRetained',
  247. },
  248. {
  249. path: '/iaaData/tencentIaa/appCashAssay',
  250. name: '应用变现分析',
  251. component: './iaaData/tencentIaa/appCashAssay',
  252. },
  253. {
  254. path: '/iaaData/tencentIaa/pitcherEveryDay',
  255. name: '投手每日数据',
  256. component: './iaaData/tencentIaa/pitcherEveryDay',
  257. },
  258. ]
  259. },
  260. {
  261. path: '/iaaData/ocenaengineIaa',
  262. name: '头条',
  263. routes: [
  264. {
  265. path: '/iaaData/ocenaengineIaa/adList',
  266. name: '广告列表',
  267. component: './iaaData/ocenaengineIaa/adList',
  268. },
  269. {
  270. path: '/iaaData/ocenaengineIaa/appEveryDayData',
  271. name: '应用每日数据',
  272. component: './iaaData/ocenaengineIaa/appEveryDayData',
  273. }
  274. ]
  275. },
  276. ...iaaGameData,
  277. ...iaaNovelData,
  278. ...iaaPlayletData
  279. ]
  280. }
  281. export {
  282. headrRouter,
  283. getMyMenu,
  284. iaaSystem,
  285. iaaData
  286. }