diff --git a/src/utils/menu-utils.ts b/src/utils/menu-utils.ts new file mode 100644 index 0000000..e7e49b1 --- /dev/null +++ b/src/utils/menu-utils.ts @@ -0,0 +1,105 @@ +// 菜单树过滤 +export function filterMenu(menuList) { + return menuList + // 过滤不是4级的 123 为菜单 + .filter(menu => menu.menuType !== 4) + .map(menu => ({ + ...menu, + children: menu.children ? filterMenu(menu.children) : [] + })) + .sort((a, b) => a.priority - b.priority); // 按 id 升序 +} + +// 辅助函数：查找第一个可访问的菜单项 +export function findFirstAccessibleMenu(menuList) { + if (!menuList || menuList.length === 0) return null + + for (const menu of menuList) { + if (menu.menuType === 1) { // 根 + const childResult = findFirstAccessibleMenu(menu.children) + if (childResult) return childResult + } else if (menu.menuType === 2) { // 目录 + return menu + } else if (menu.menuType === 3) { // 菜单 + return menu + } + } + return null +} + +// 路由映射 +export const getRoutePath = (menu) => { + // 路由映射表：key为接口menuName，value为对应路由路径 + const routeMap = { + '工作台': '/workspace', + + '财务审核': '/rechargeAudit', + '充值审核': '/rechargeAudit', + '退款审核': '/refundAudit', + + '汇率管理': '/rate', + + '消耗管理': '/coinConsume', + '消耗页面': '/coinConsume', + + '权限管理': '/permissions', + + '充值管理': '/coinRecharge', + '充值页面': '/coinRecharge', + + '退款管理': '/coinRefund', + '退款页面': '/coinRefund', + + '客户账户明细': '/usergold', + }; + + // 未匹配的菜单默认使用id作为路由（可根据实际需求调整） + return routeMap[menu.menuName] || '/noPermissionPage' + +} + + +// 这是获取用户信息的接口 +const adminData = ref({ + name: '' +}) + +import API from "@/util/http.js"; +import {ref} from "vue"; +export const getAdminData = async function () { + try { + const result = await API({ url: '/admin/userinfo', data: {} }) + adminData.value = result + console.log('请求成功', result) + console.log('用户信息', adminData.value) + return result + } catch (error) { + console.log('请求失败', error) + } +} + + +// 权限检查函数 +export const hasPermission = (to, menuList) => { + if (!menuList || menuList.length === 0) return false; + + // 转换路由路径为菜单名称 + const routePath = to.path; + const menuName = Object.keys(getRoutePath).find(key => getRoutePath[key] === routePath); + + if (!menuName) return false; + + // 扁平化菜单树以便查找 + const flattenMenu = (menus) => { + return menus.reduce((acc, menu) => { + acc.push(menu); + if (menu.children) { + acc = acc.concat(flattenMenu(menu.children)); + } + return acc; + }, []); + }; + + const flatMenuList = flattenMenu(menuList); + return flatMenuList.some(menu => menu.menuName === menuName); +}; \ No newline at end of file diff --git a/src/views/home.vue b/src/views/home.vue index 1a3e1dd..14243e7 100644 --- a/src/views/home.vue +++ b/src/views/home.vue @@ -30,7 +30,6 @@ const fetchMenuTree = async function() { } } - function filterMenu(menuList) { return menuList .filter(menu => menu.menuType !== 4) @@ -49,7 +48,7 @@ const getRoutePath = (menu) => { const routeMap = { '工作台': '/workspace', - '财务审核': '/rechargeAudit', + '充值审核': '/rechargeAudit', '退款审核': '/refundAudit', @@ -68,6 +67,7 @@ const getRoutePath = (menu) => { '客户账户明细': '/usergold', }; + // 未匹配的菜单默认使用id作为路由（可根据实际需求调整） return routeMap[menu.menuName] || '/workspace' } diff --git a/src/views/login.vue b/src/views/login.vue index 6e7a87f..b730657 100644 --- a/src/views/login.vue +++ b/src/views/login.vue @@ -1,15 +1,17 @@