ad-manage/src/access.ts

// src/access.ts
export default function access(initialState: { currentUser?: API.CurrentUser | undefined, menu?: any }) {
  const { currentUser, menu } = initialState || {};
  let obj = {}
  let bdObj = {}
  /**
   * 因为pro不让动态修改路由只能动态获取菜单
   * 逻辑用户登录信息的access角色标识，对服务器菜单menu进行遍历，对比roles角色中是否存在access，无为没权限
   * 最后以path名为key以判断布尔值为value返回对象集合
   * 再在本地config的routes中对应菜单配置access管控菜单权限值为这里返回对应的key
   * 做到这一步只能阻止强行输入路径返回无权限页面无法隐藏没有权限的菜单
   * 需要在app中menuDataRender的时候对应数据进行再次处理判断进行隐藏
   */
  function btnMap(btns: any) {//按钮级权限
    btns?.map((btn:any)=>{
      Object.keys(btn).forEach((key: string) => {
        if(key === 'name'){
          obj[btn[key]] = true
        }
      })
    })
  }
  function btnMaps(btns: any) {//按钮级权限
    btns?.map((btn:any)=>{
      Object.keys(btn).forEach((key: string) => {
        if(key === 'name'){
          obj[btn[key]] = true
        }
      })
    })
  }
  function nameMap(menu: any[]) {//路由权限
    menu?.forEach((item: any) => {
      let arr = item?.path?.split('/')//分割path路径为数组
      if (Array.isArray(arr)) {
        obj[arr[arr?.length - 1]] = item?.roles?.indexOf(currentUser?.access) !== -1 //将路径的最后一个字段作为权限名称，值为查找当前路由的roles的值是否存在个人信息权限中，不存在就是false不展示
      }
      if (item.routes) {//假如item有子路由重新执行函数
        nameMap(item.routes)
      }
      if (item?.routes?.length >0 && !item?.routes[0].path) {//假如item有按钮路由执行按钮权限判断
        btnMap(item.routes)
      }
    })
  }

  function nameMaps(menu: any[]) {//路由权限
    menu?.forEach((item: any) => {
      let arr = item?.path?.split('/')//分割path路径为数组
      if (Array.isArray(arr)) {
        bdObj[arr[arr.length - 1]] = ['admin'].indexOf(currentUser?.access) !== -1
      }
      if (item.routes) {
        nameMaps(item.routes)
      }
      if (item?.routes?.length >0 && !item?.routes[0].path) {//假如item有按钮路由执行按钮权限判断
        btnMaps(item.routes)
      }
    })
  }
  if (menu) {
    nameMap(menu.data)//后端菜单列表
  }
  return { ...bdObj, ...obj };//合并本地和线上菜单，因为线上菜单不返回隐藏的菜单，所以需要本地全部菜单合并线上菜单才能正常控制前端权限，pro路由逻辑需要
}