ele-usky-admin/src/store/modules/routes.js

/**
 * @author chuzhixin 1204505056@qq.com
 * @description 路由拦截状态管理，目前两种模式：all模式与intelligence模式，其中partialRoutes是菜单暂未使用
 */
import { asyncRoutes, constantRoutes } from '@/router'
import { getRouterList } from '@/api/router'
import { convertRouter, filterRoutes } from '@/utils/routes'
import { ElMessage } from 'element-plus'
import store from '..'
// import { Layout } from 'ant-design-vue'

const state = () => ({
    routes: [],
    partialRoutes: [],
})
const getters = {
    routes: (state) => state.routes,
    partialRoutes: (state) => state.partialRoutes,
}
const mutations = {
    setRoutes(state, routes) {
        state.routes = routes
    },
    setPartialRoutes(state, routes) {
        state.partialRoutes = routes
    },
}
const actions = {
    /**
     * @author chuzhixin 1204505056@qq.com
     * @description intelligence模式设置路由
     * @param {*} { commit }
     * @returns
     */
    async setRoutes({ commit }) {
        const finallyRoutes = filterRoutes([...constantRoutes, ...asyncRoutes])
        commit('setRoutes', finallyRoutes)
        return [...asyncRoutes]
    },
    /**
     * @author chuzhixin 1204505056@qq.com
     * @description all模式设置路由
     * @param {*} { commit }
     * @returns
     */
    async setAllRoutes({ commit }) {
        let { data } = await getRouterList();

        if (data.length == 0) {
            store.state.auth = 0
            ElMessage.warning('此角色暂无分配权限，请先联系超级管理员分配权限 ! ')
        } else {
            store.state.auth = 1
        }
        data[0].meta.affix = false
        data[0].children[0].meta.affix = true

        // data.unshift({
        //     path: "/home",
        //     hidden: false,
        //     redirect: "/index/index",
        //     component: "Layout",
        //     meta: {
        //         title: "数据看板",
        //         icon: "home",

        //     },
        //     children: [{
        //         path: "/index/index",
        //         hidden: false,
        //         component: "@/views/index/index",
        //         meta: {
        //             title: "数据看板",
        //             icon: "home",
        //             affix: true

        //         }
        //     }]
        // })

        // data.push({
        //     path: "/tenantManage",
        //     hidden: false,
        //     redirect: "/tenantManage/tenantUnit",
        //     component: "Layout",
        //     meta: {
        //         title: "租户管理",
        //         icon: "tenantManage",

        //     },
        //     children: [{
        //         meta: {
        //             title: "租户单位配置",
        //             icon: "tenantManage",

        //         },
        //         path: "/tenantUnit",
        //         hidden: false,
        //         component: "@/views/tenantManage/tenantUnit",

        //     }, {
        //         meta: {
        //             title: "管理员配置",
        //             icon: "tenantManage",

        //         },
        //         path: "/adminConfig",
        //         hidden: false,
        //         component: "@/views/tenantManage/adminConfig",

        //     }, {
        //         meta: {
        //             title: "系统配置",
        //             icon: "tenantManage",

        //         },
        //         path: "/systemConfig",
        //         hidden: false,
        //         component: "@/views/tenantManage/systemConfig",

        //     }, {
        //         meta: {
        //             title: "权限配置",
        //             icon: "tenantManage",

        //         },
        //         path: "/authConfig",
        //         hidden: false,
        //         component: "@/views/tenantManage/authConfig",

        //     }, ]
        // })



        data.forEach(function(item) {
            if (item.children.length > 1) {
                item.children.forEach(function(i) {
                    i.meta.icon = ''
                })
            }
        })
        console.log('data')
        console.log(data)

        store.state.middleList = data


        // if (data[data.length - 1].path !== '*')
        //     data.push({ path: '/*', redirect: '/404', hidden: true })

        const asyncRoutes = convertRouter(data)
        const finallyRoutes = filterRoutes([...constantRoutes, ...asyncRoutes])
        commit('setRoutes', finallyRoutes)
        return [...asyncRoutes]
    },
    /**
     * @author chuzhixin 1204505056@qq.com
     * @description 画廊布局、综合布局设置路由
     * @param {*} { commit }
     * @param accessedRoutes 画廊布局、综合布局设置路由
     */
    setPartialRoutes({ commit }, accessedRoutes) {
        commit('setPartialRoutes', accessedRoutes)
    },
}
export default { state, getters, mutations, actions }