gold-vue/src/router/index.js

import { createRouter, createWebHashHistory } from 'vue-router';
import axios from "axios";
import request from "@/util/http.js";
import {ref} from "vue";

// 路由定义（包含权限映射 meta.permissionId）
const routes = [
    // {

    //     path: '/workspace',
    //     name: "workspace",
    //     component: () => import("../views/workspace/audit.vue"),
    //     meta: { permissionId: 10 } // 对应"工作台展示"id=10
    // },
    {
        path: '/',
        redirect: "/login"
    },
    {
        path: "/login",
        name: "login",
        component: () => import("../views/login.vue"),
    },
        {
            meta: { requireAuth: true },
        path: '/',
        component: () => import("../views/home.vue"),
            children: [
                // 工作台
            {
                path: '/workspace',
                name: "workspace",
                component: () => import("../views/workspace/index.vue"),
                meta: { permissionId: 10 } // 对应"工作台展示"id=10
            },


            // 审核
            {
                path: '/audit',
                name: "audit",
                component: () => import("../views/audit/audit.vue"),
                meta: { permissionId: 40 },
                // redirect: '/index',
                children: [
                    // 充值审核========================================
                    {
                        path: 'rechargeAudit',
                        name: "rechargeAudit",
                        component: () => import("../views/audit/rechargeAudit.vue"),
                        meta: { permissionId: [11, 12] } // 对应"查看充值审核"id=11、"充值审批"id=12
                    },
                // 退款审核
                    {
                        path: 'refundAudit',
                        name: "refundAudit",
                        component: () => import("../views/audit/refundAudit.vue"),
                        meta: { permissionId: [13, 14] } // 对应"查看退款审核"id=13、"退款审批"id=14
                    },
                ]
            },



                // 金币消耗
            {
                path: '/coinConsume',
                name: "coinConsume",
                component: () => import("../views/consume/coinConsume.vue"),
                // redirect: '/coinConsume/add',
                meta: { permissionId: 6 },
                    children: [
                        // 金币新增消耗
                    {
                        path: 'add',
                        name: "addCoinConsume",
                        component: () => import("../views/consume/addCoinConsume.vue"),
                        meta: { permissionId: 19 } // 对应"提交金币消耗"id=19
                    },
                        // 金币消耗明细详情
                    {
                        path: 'detail',
                        name: "coinConsumeDetail",
                        component: () => import("../views/consume/coinConsumeDetail.vue"),
                        meta: { permissionId: 20 } // 对应"查看金币消耗明细"id=20
                    }
                ]
            },

                // 汇率管理
            {
                path: '/rate',
                name: "rate",
                component: () => import("../views/managerecharge/rate.vue"),
                meta: { permissionId: [15, 16] } // 对应"汇率查看"id=15、"汇率修改"id=16
            },
                // 金币充值
            {
                path: '/coinRecharge',
                name: "coinRecharge",
                component: () => import("../views/recharge/coinRecharge.vue"),
                // redirect: '/coinRecharge/add',
                    children: [
                        // 金币新增充值
                    {
                        path: 'add',
                        name: "addCoinRecharge",
                        component: () => import("../views/recharge/addCoinRecharge.vue"),
                        meta: { permissionId: 17 } // 对应"提交金币充值"id=17
                    },
                        // 金币充值明细详情
                    {
                        path: 'detail',
                        name: "coinRechargeDetail",
                        component: () => import("../views/recharge/coinRechargeDetail.vue"),
                        meta: { permissionId: 18 } // 对应"查看金币充值明细"id=18
                    }
                ]
            },

                // 金币退款
            {
                path: '/coinRefund',
                name: "coinRefund",
                component: () => import("../views/refund/coinRefund.vue"),
                // redirect: '/coinRefund/add',
                meta: { permissionId: 7 },
                    children: [
                    // 金币新增退款
                    {
                        path: 'add',
                        name: "addCoinRefund",
                        component: () => import("../views/refund/addCoinRefund.vue"),
                        meta: { permissionId: 21 } // 对应"提交金币退款"id=21
                    },
                    // 金币退款明细详情
                    {
                        path: 'detail',
                        name: "coinRefundDetail",
                        component: () => import("../views/refund/coinRefundDetail.vue"),
                        meta: { permissionId: 22 } // 对应"查看金币退款明细"id=22
                    }
                ]
            },

                // 客户账户明细
            {
                path: '/usergold',
                name: "usergold",
                component: () => import("../views/usergold/clientCount.vue"),
                // redirect: '/usergold/detail',
                meta: { permissionId: 8 },
                    children: [
                        // 金币明细
                    {
                        path: 'detail',
                        name: "clientCountDetail",
                        component: () => import("../views/usergold/clientCountDetail.vue"),
                        meta: { permissionId: 23 } // 对应"查看金币明细"id=23
                    },
                        // 金币余额
                    {
                        path: 'balance',
                        name: "clientCountBalance",
                        component: () => import("../views/usergold/clientCountBalance.vue"),
                        meta: { permissionId: 24 } // 对应"查看金币余额"id=24
                    },
                    ]
                 },
                // 权限管理
            {
                path: '/permissions',
                name: "permissions",
                component: () => import("../views/permissions/permission.vue"),
                meta: { permissionId: [25, 26, 27, 28, 29] } // 对应权限管理下的所有操作
            },
                // 没有权限
            {
                path: '/noPermission',
                name: "noPermission",
                component: () => import("../views/noPermissionPage.vue")
            }
            ]
        },
    // 跳转页面（无需权限）
    {
        path: '/PasswordSuccess',
        name: "PasswordSuccess",
        component: () => import("../components/PasswordSuccess.vue")
    }
];

// 创建路由实例
const router = createRouter({
    history: createWebHashHistory(),
    routes
});

// 全局拦截器：token过期处理
axios.interceptors.response.use(
    response => response,
    error => {
        if (error.response && error.response.status === 401) {
            localStorage.removeItem('token');
            router.push({
                name: 'login',
                query: {
                    machineId: localStorage.getItem('machineId'),
                    expired: true
                }
            });
        }
        return Promise.reject(error);
    }
);

// 工具函数：从菜单树提取所有权限ID
const getAllPermissionIds = (menuTree) => {
    let permissionIds = [];
    const traverse = (menuList) => {
        menuList.forEach(menu => {
            permissionIds.push(menu.id);
            if (menu.children && menu.children.length > 0) {
                traverse(menu.children);
            }
        });
    };
    traverse(menuTree);
    return permissionIds;
};

// 存储管理员信息（全局可访问）
const adminData = ref(null);

// 获取管理员信息（返回Promise，方便路由守卫中使用）
export const getAdminData = async function () {
    try {
        const result = await request({
            url: "/admin/userinfo",

        });
        adminData.value = result; // 存储管理员信息（包含roleId）
        return result; // 返回结果，供路由守卫使用
    } catch (error) {
        console.log("获取管理员信息失败", error);
        throw error; // 抛出错误，让路由守卫捕获
    }
};

// 全局路由守卫
router.beforeEach(async (to, from, next) => {
    const token = localStorage.getItem("token");
    const machineId = localStorage.getItem("machineId");

    // 1. 未登录：强制跳转到登录页
    if (to.name !== "login" && !token) {
        next(`/login?machineId=${machineId || ''}`);
        return;
    }

    // 2. 已登录：处理权限验证
    if (token) {

        // 获取管理员信息
        let roleId = null;
        console.log('adminData:', adminData)
        try {
            await getAdminData(); // 等待管理员信息获取完成
            roleId = adminData.value.roleId;
            if (!roleId) {
                throw new Error("未获取到roleId");
            }
        } catch (error) {
            localStorage.removeItem('token'); // 清除token，强制重新登录
            next(`/login?machineId=${machineId || ''}`);
            return;
        }


        let userPermissionIds = [];
        try {
            const response = await request( {url: "/menu/tree",
                data:{id: roleId}
            });
            console.log('roleId:', roleId)
            console.log('response:', response)
            console.log('userPermissionIds:', userPermissionIds)
            if (response.code === 200 && response.data) {
                userPermissionIds = getAllPermissionIds(response.data); // 提取权限id
                console.log('userPermissionIds:', userPermissionIds)
            }
        } catch (error) {
            console.error('获取菜单树失败：', error);
            localStorage.removeItem('token');
            next(`/login?machineId=${machineId || ''}`);
            return;
        }

        // 2.4 权限验证（逻辑不变）
        console.log('to.meta:',to.meta)


        const requiresPermission = to.meta && to.meta.permissionId;
        if (requiresPermission) {
            const hasPermission = Array.isArray(requiresPermission)
                ? requiresPermission.some(id => userPermissionIds.includes(id))
                : userPermissionIds.includes(requiresPermission);

            if (!hasPermission) {
                next('/noPermission');
                return;
            }
        }
    }

    // 3. 正常跳转
    next();
});

export default router;