daimp-front/main/src/store/modules/permission.js

import { defineStore } from 'pinia';
import { constantRoutes } from '@/router';
import { createAsyncRoutes, filterAsyncRoutes, filterKeepAlive } from '@/utils/router';
import { useUserStore } from '@/store/modules/user';
import { getTree } from '@/utils';

export const usePermissionStore = defineStore({
  id: 'permissionStore',
  state: () => ({
    // 路由
    routes: [],
    // 动态路由
    asyncRoutes: [],
    // 缓存路由
    cacheRoutes: {},
  }),
  getters: {
    permissionRoutes: (state) => {
      return state.routes;
    },
    keepAliveRoutes: (state) => {
      return filterKeepAlive(state.asyncRoutes);
    },
  },
  actions: {
    generateRoutes(roles) {
      return new Promise((resolve) => {
        const UserStore = useUserStore();
        this.asyncRoutes = createAsyncRoutes(getTree(UserStore.getMenus()));
        let accessedRoutes;
        if (roles && roles.length && !roles.includes('admin')) {
          accessedRoutes = filterAsyncRoutes(this.asyncRoutes, roles);
        } else {
          accessedRoutes = this.asyncRoutes || [];
        }
        this.routes = constantRoutes.concat(accessedRoutes);
        resolve(accessedRoutes);
      });
    },
    clearRoutes() {
      this.routes = [];
      this.asyncRoutes = [];
      this.cacheRoutes = [];
    },
    getCacheRoutes() {
      this.cacheRoutes = filterKeepAlive(this.asyncRoutes);
      return this.cacheRoutes;
    },
  },
});