permission.js

import auth from '@/plugins/auth'
import router, { constantRoutes, dynamicRoutes,powerRoutes } from '@/router'
import { getRouters } from '@/api/menu'
import Layout from '@/layout/index'
import ParentView from '@/components/ParentView'
import InnerLink from '@/layout/components/InnerLink'
import views from 'common'
import vue from 'vue'
import commonList from "common/src/commonList"
/* 引入common */


const permission = {
  state: {
    routes: [],
    addRoutes: [],
    defaultRoutes: [],
    topbarRouters: [],
    sidebarRouters: [],
    appName:'',
  },
  mutations: {
    SET_APPNAME:(state,appName)=>{
       state.appName=appName
    },
    SET_SIDEBAR_SHOW:(state, menusBizType)=>{
      state.sidebarRouters.forEach((e,index)=>{
        if(menusBizType!='root'&&e.menusBizType&&e.menusBizType==menusBizType){

          state.sidebarRouters[index].hidden=false
        }else{
          state.sidebarRouters[index].hidden=true
        }
        if(menusBizType=='root'&&e.mkid){
           state.sidebarRouters[index].hidden=false
        }
        if(e.redirect=='index'){
          e.hidden=false
        }
      })

    },
    SET_ROUTES: (state, routes) => {
      state.addRoutes = routes
      state.routes = constantRoutes.concat(routes)
    },
    SET_DEFAULT_ROUTES: (state, routes) => {
      state.defaultRoutes = constantRoutes.concat(routes)
    },
    SET_TOPBAR_ROUTES: (state, routes) => {
      state.topbarRouters = routes
    },
    SET_SIDEBAR_ROUTERS: (state, routes) => {
      state.sidebarRouters = routes
    },
  },
  actions: {
    // 生成路由
    GenerateRoutes({ commit }) {
      return new Promise(resolve => {
        // 向后端请求路由数据

        getRouters({}).then(res => {
          let appName=res.data.appName||''
           commit('SET_APPNAME', appName)
          localStorage.setItem('appName',appName)

          let menus=res.data.menu
          let asymenus=JSON.parse(JSON.stringify(res.data.menu))
         /* 权限路由*/
         /* */
         function filter (data) {
           var newData = data.filter(
           (item)=>{
             let hasMkid=false
             asymenus.forEach(e=>{
               if((e.mkid==item.meta.mkid)||(item.meta.mkid=='test')){
                 item.meta.icon=e.icon
                 if(item.meta.mkid!='test'){
                   item.meta.title=e.mkmc
                 }
                 /* 额外参数*/
                 e.mkid&&(item.mkid=e.mkid)
                  e.menusBizType&&(item.menusBizType=e.menusBizType)
                   e.mkid&&(item.menusBizTypeName=e.menusBizTypeName)
                 hasMkid=true
               }
             })
             return hasMkid
           }
           )
           newData.forEach(x => x.children && (x.children = filter(x.children)))
           return newData
         }
         let newPowerRoutes=filter(powerRoutes)
         console.log(newPowerRoutes,'newPowerRoutes')
         let newCommonList=filter(commonList.list)
          /* 转化菜单格式*/
          let  delArr=[]
          let newmenus=[]
          menus.forEach((mi,i)=>{
           let length= Object.keys(mi)
           if(length!=0){
             newmenus.push(mi)
           }
          })

          res.data=[...newCommonList,...newPowerRoutes]
          const sdata = JSON.parse(JSON.stringify(res.data))
          const rdata = JSON.parse(JSON.stringify(res.data))
          const sidebarRoutes = filterAsyncRouter(sdata)
          const rewriteRoutes = filterAsyncRouter(rdata, false, true)
          const asyncRoutes = filterDynamicRoutes(dynamicRoutes);
          rewriteRoutes.push({ path: '*', redirect: '/404', hidden: true })
          router.addRoutes(asyncRoutes);

          // router.addRoutes(powerRoutes1)

          commit('SET_ROUTES', rewriteRoutes)
          commit('SET_SIDEBAR_ROUTERS', constantRoutes.concat(sidebarRoutes))
          commit('SET_DEFAULT_ROUTES', sidebarRoutes)
          commit('SET_TOPBAR_ROUTES', sidebarRoutes)
          resolve(rewriteRoutes)
        })
      })
    }
  }
}

// 遍历后台传来的路由字符串，转换为组件对象
function filterAsyncRouter(asyncRouterMap, lastRouter = false, type = false) {
  return asyncRouterMap.filter(route => {
    if (type && route.children) {
      route.children = filterChildren(route.children)
    }
    if (route.component) {
      // Layout ParentView 组件特殊处理
      if (route.component === 'Layout') {
        route.component = Layout
      } else if (route.component === 'ParentView') {
        route.component = ParentView
      } else if (route.component === 'InnerLink') {
        route.component = InnerLink
      } else {
        if(route.commonComponent){

           route.component = loadCommonView(route.component)

        }else{
           route.component = loadView(route.component)
        }

      }
    }
    if (route.children != null && route.children && route.children.length) {
      route.children = filterAsyncRouter(route.children, route, type)
    } else {
      delete route['children']
      delete route['redirect']
    }
    return true
  })
}
  /* 递归整理*/
  function dgmk(arr,pid){
  	let oldarr = JSON.parse(JSON.stringify(arr))
  	let outarr = []
  	oldarr.forEach((e,index)=>{
  		if(e.fmkid==pid){

  		outarr.push(e)
  		e.children=dgmk(oldarr,e.mkid)
  		}
  	})
  	return outarr
  }



function filterChildren(childrenMap, lastRouter = false) {
  var children = []
  childrenMap.forEach((el, index) => {
    if (el.children && el.children.length) {
      if (el.component === 'ParentView' && !lastRouter) {
        el.children.forEach(c => {
          c.path = el.path + '/' + c.path
          if (c.children && c.children.length) {
            children = children.concat(filterChildren(c.children, c))
            return
          }
          children.push(c)
        })
        return
      }
    }
    if (lastRouter) {
      el.path = lastRouter.path + '/' + el.path
    }
    children = children.concat(el)
  })
  return children
}

// 动态路由遍历，验证是否具备权限
export function filterDynamicRoutes(routes) {
  const res = []
  routes.forEach(route => {
    if (route.permissions) {
      if (auth.hasPermiOr(route.permissions)) {
        res.push(route)
      }
    } else if (route.roles) {
      if (auth.hasRoleOr(route.roles)) {
        res.push(route)
      }
    }
  })
  return res
}

export const loadView = (view) => {
  /* 改为common路由*/
  if (process.env.NODE_ENV === 'development') {
    return (resolve) => require([`@/views/${view}`], resolve)
  } else {
    // 使用 import 实现生产环境的路由懒加载
    // return () => import(`@/views/${view}`)
     return (resolve) => require([`@/views/${view}`], resolve)
  }
}

export const loadCommonView = (view) => {
  /* 改为common路由*/
  if (process.env.NODE_ENV === 'development') {
    return (resolve) => require([`common/src/views/${view}`], resolve)
  } else {
    // 使用 import 实现生产环境的路由懒加载
    // return () => import(`@/views/${view}`)
     return (resolve) => require([`common/src/views/${view}`], resolve)
  }
}


export default permission