修改权限

董国庆

2025-06-26 dae39dea7e2874ebe2f17438949255ce8331ecef

 culture/src/layouts/components/ElMenu/index.vue

@@ -18,9 +18,42 @@
<script>
import routers from "../../../router";
import MenuItem from "./MenuItem.vue";
import { mapState } from "vuex";

// 递归过滤菜单
function filterMenusByPrivilege(menus, flatMenus) {
  return menus
    .filter(menu => {
      // 没有 privilege 字段的菜单默认显示，有 privilege 字段的要判断权限
      if (menu.meta && menu.meta.privilege) {
        return flatMenus.includes(menu.meta.privilege);
      }
      return true;
    })
    .map(menu => {
      // 递归处理 children
      if (menu.children && menu.children.length > 0) {
        return {
          ...menu,
          children: filterMenusByPrivilege(menu.children, flatMenus)
        };
      }
      return menu;
    })
    .filter(menu => {
      // 过滤掉 children 为空的父级菜单
      if (menu.children && menu.children.length === 0) {
        return false;
      }
      return true;
    });
}
export default {
  components: {
    MenuItem,
  },
  computed: {
    ...mapState(["flatMenus"]),
  },
  data() {
    return {
@@ -30,11 +63,13 @@
  mounted() {
    // 获取所有定义的一级菜单和多级菜单
    // 过滤掉登录路由和重定向路由，只获取主布局下的路由
    this.routersList = routers.options.routes.filter(route => 
    const allMenus = routers.options.routes.filter(route => 
      route.path !== '/login' && 
      route.path !== '/' && 
      !route.meta?.hide
    );
    // 权限过滤
    this.routersList = filterMenusByPrivilege(allMenus, this.flatMenus);
  },
};
</script>