| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 | // import { asyncRoutes, constantRoutes } from '@/router'import { constantRoutes } from '@/router'import { validatenull } from '@/utils/validate'// for get menus from server// import { getMenuByRole } from '@/api/menu'import { getRecuData,transData,GetDataByName } from '@/api/common'import Layout from '@/layout'function buildRouter(aMenu) {  const aRouter = []  aMenu.forEach(item => {    if (!validatenull(item.component)) {      const oRouter = {        meta: { 'title': '', 'icon': '' },        children: []      }      if (item.component !== 'Iframe') {        if (item.component === 'Layout') {          oRouter.component = Layout        } else {          oRouter.component = require('@/views/' + item.component + '.vue').default        }          oRouter.name = item.path          oRouter.id = item.id || null        if (item.redirect !== '') {          oRouter.redirect = item.redirect || null          oRouter.path = '/' + item.path        } else {          oRouter.path = item.path        }        // console.log(item)        if(item.seebutton == 1 || item.seebutton == 2){          oRouter.meta.icon = item.icon          oRouter.meta.title = item.title          // oRouter.meta.noCache = item.noCache || false          oRouter.meta.noCache = true          // oRouter.meta.breadcrumb = item.breadcrumb || true          oRouter.children = validatenull(item.children) ? [] : buildRouter(item.children)          aRouter.push(oRouter)        }      }    }  })  return aRouter}/** * Use meta.role to determine if the current user has permission * @param roles * @param route */function hasPermission(roles, route) {  if (route.meta && route.meta.roles) {    return roles.some(role => route.meta.roles.includes(role))  } else {    return true  }}/** * Filter asynchronous routing tables by recursion * @param routes asyncRoutes * @param roles */export function filterAsyncRoutes(routes, roles) {  const res = []  routes.forEach(route => {    const tmp = { ...route }    if (hasPermission(roles, tmp)) {      if (tmp.children) {        tmp.children = filterAsyncRoutes(tmp.children, roles)      }      res.push(tmp)    }  })  return res}const state = {  routes: [],  addRoutes: [],  data1: {    name: 'getmenu',    idname: 'id',    parammaps: { id: -1 }  }}const mutations = {  SET_ROUTES: (state, routes) => {    // console.log(state,routes)    state.addRoutes = routes    state.routes = constantRoutes.concat(routes)  }}const actions = {  generateRoutes({ commit }, roles) {    return new Promise((resolve, reject) => {      GetDataByName(state.data1).then(response => {        const menus  = transData(response.data.list, 'id', 'parentId', 'children')        // const menus = response.data        if (menus.length === 0) {          reject('menus data is null')        }          const accessedRoutes = buildRouter(menus)          // final add 404          accessedRoutes.push({ path: '*', redirect: '/404', hidden: true })          // commit to stores          commit('SET_ROUTES', accessedRoutes)          // return for add to router          resolve(accessedRoutes)      })    })  }}export default {  namespaced: true,  state,  mutations,  actions}
 |