feat: permission for menu item

src/pages/Withdrawal/components/PageHeader/index.vue

@@ -12,14 +12,9 @@
       unique-opened
     >
       <el-menu-item
-        v-for="item in headerConfig"
+        v-for="item in visibleMenuItems"
         :index="item.path"
         :key="item.path"
-        v-show="
-          !item.requireAuthentication ||
-            (item.requireAuthentication &&
-              hasPermission(item.requiredPermission))
-        "
       >
         {{ item.name }}
       </el-menu-item>
@@ -48,6 +43,18 @@ export default {
     activeMenu() {
       return this.$route.path;
     },
+    visibleMenuItems() {
+      const visibleMenuItems = this.headerConfig.filter((item) => {
+        if (!item.requireAuthentication) {
+          return true;
+        }
+        if (this.hasPermission(item.requiredPermission)) {
+          return true;
+        }
+        return false;
+      });
+      return visibleMenuItems;
+    },
   },
   beforeMount() {},
   methods: {

src/store/index.js

@@ -39,9 +39,9 @@ export default createStore({
         const permissionMap = permissions.reduce((prev, permission) => {
           prev[permission.name] = permission;
           return prev;
-        });
+        }, {});
 
-        commit("updatePermissionForApp", { appId, permissionMap });
+        commit("updatePermissionForApp", { appId, permissions: permissionMap });
         return;
       }
       console.error("无 appId 注册", appId);