487 lines
13 KiB
JavaScript
487 lines
13 KiB
JavaScript
/**
|
||
* 基于身份的权限管理中心
|
||
* 给定某一个身份用户有某些页面的权限
|
||
*/
|
||
|
||
// 用户身份类型
|
||
export const USER_ROLES = {
|
||
FREIGHT_AGENT: "freightAgent",
|
||
AGENT: "agent",
|
||
BD: "bd",
|
||
ANCHOR: "anchor",
|
||
GUEST: "guest",
|
||
ADMIN: "admin",
|
||
};
|
||
|
||
// 页面路径常量
|
||
export const PAGES = {
|
||
COIN_SELLER: "/coin-seller",
|
||
AGENCY_CENTER: "/agency-center",
|
||
BD_CENTER: "/bd-center",
|
||
HOST_CENTER: "/host-center",
|
||
APPLY: "/apply",
|
||
MESSAGE: "/message",
|
||
TRANSFER: "/transfer",
|
||
EXCHANGE: "/exchange-gold-coins",
|
||
PERSONAL_SALARY: "/platform-policy",
|
||
HOST_SETTING: "/host-setting",
|
||
NOT_APP: "/not_app",
|
||
LOADING: "/loading",
|
||
ADMIN_CENTER: "/admin-center",
|
||
RECHARGE_STANDARD: "/recharge-standard",
|
||
PAY_RESULT: "/pay-result",
|
||
MAP: "/map",
|
||
};
|
||
|
||
// 🎯 核心改变：基于身份的权限配置
|
||
// 每个身份拥有的页面权限列表
|
||
export const ROLE_PERMISSIONS = {
|
||
// Freight Agent (货运代理/金币销售员)
|
||
[USER_ROLES.FREIGHT_AGENT]: [
|
||
PAGES.COIN_SELLER, // 主页面
|
||
"/seller-records",
|
||
"/coin-seller-search",
|
||
"/recharge",
|
||
"/recharge-freight-agent",
|
||
],
|
||
|
||
// Agent (代理商)
|
||
[USER_ROLES.AGENT]: [
|
||
PAGES.AGENCY_CENTER, // 主页面
|
||
PAGES.TRANSFER, // 转账功能
|
||
PAGES.EXCHANGE, // 兑换功能
|
||
PAGES.MESSAGE, // 消息功能
|
||
PAGES.PERSONAL_SALARY, // 个人薪资查看
|
||
PAGES.RECHARGE_STANDARD, //普通转账功能
|
||
"/team-member",
|
||
"/information-details",
|
||
"/search-payee",
|
||
"/history-salary",
|
||
"/platform-salary",
|
||
"/invite-members",
|
||
"/team-bill",
|
||
],
|
||
|
||
// BD (商务拓展)
|
||
[USER_ROLES.BD]: [
|
||
PAGES.BD_CENTER, // 主页面
|
||
PAGES.TRANSFER, // 转账功能
|
||
PAGES.EXCHANGE, // 兑换功能
|
||
PAGES.MESSAGE, // 消息功能
|
||
PAGES.RECHARGE_STANDARD, //普通转账功能
|
||
"/team-member",
|
||
"/history-salary",
|
||
"/platform-salary",
|
||
],
|
||
|
||
// Anchor (主播)
|
||
[USER_ROLES.ANCHOR]: [
|
||
PAGES.HOST_CENTER, // 主页面
|
||
PAGES.TRANSFER, // 转账功能
|
||
PAGES.EXCHANGE, // 兑换功能
|
||
PAGES.MESSAGE, // 消息功能
|
||
PAGES.PERSONAL_SALARY, // 个人薪资查看
|
||
PAGES.HOST_SETTING, // 主播设置
|
||
PAGES.RECHARGE_STANDARD, //普通转账功能
|
||
"/information-details",
|
||
"/search-payee",
|
||
"/apply",
|
||
"/history-salary",
|
||
"/platform-salary",
|
||
"/invite-members",
|
||
"/team-bill",
|
||
],
|
||
|
||
// Admin（管理员）
|
||
[USER_ROLES.ADMIN]: [
|
||
PAGES.ADMIN_CENTER, //管理员中心
|
||
"/item-distribution", //赠送商品页面
|
||
PAGES.RECHARGE_STANDARD, //普通转账功能
|
||
],
|
||
|
||
// Guest (访客/申请者)
|
||
[USER_ROLES.GUEST]: [
|
||
PAGES.APPLY, // 申请页面
|
||
],
|
||
|
||
// 公共页面（所有身份都可以访问）
|
||
PUBLIC_PAGES: [
|
||
PAGES.NOT_APP, // 错误页面
|
||
PAGES.PAY_RESULT, // 支付成功页面
|
||
PAGES.MAP, // 地图选择页面
|
||
"/recharge",
|
||
"/recharge-freight-agent",
|
||
],
|
||
|
||
// 加载页面
|
||
LOADING_PAGE: [PAGES.LOADING],
|
||
};
|
||
|
||
// 身份优先级（数字越大优先级越高）
|
||
export const ROLE_PRIORITY = {
|
||
[USER_ROLES.ADMIN]: 5,
|
||
[USER_ROLES.FREIGHT_AGENT]: 4,
|
||
[USER_ROLES.BD]: 3,
|
||
[USER_ROLES.AGENT]: 2,
|
||
[USER_ROLES.ANCHOR]: 1,
|
||
[USER_ROLES.GUEST]: 0,
|
||
};
|
||
|
||
// 身份对应的默认首页
|
||
export const ROLE_DEFAULT_PAGES = {
|
||
[USER_ROLES.ADMIN]: PAGES.ADMIN_CENTER,
|
||
[USER_ROLES.FREIGHT_AGENT]: PAGES.COIN_SELLER,
|
||
[USER_ROLES.AGENT]: PAGES.AGENCY_CENTER,
|
||
[USER_ROLES.BD]: PAGES.BD_CENTER,
|
||
[USER_ROLES.ANCHOR]: PAGES.HOST_CENTER,
|
||
[USER_ROLES.GUEST]: PAGES.APPLY,
|
||
};
|
||
|
||
// 身份显示配置
|
||
export const ROLE_DISPLAY_CONFIG = {
|
||
[USER_ROLES.FREIGHT_AGENT]: {
|
||
name: "Freight Agent",
|
||
tag: "💰 Coin Seller",
|
||
color: "#FCD34D",
|
||
bgColor: "#FEF3C7",
|
||
},
|
||
[USER_ROLES.AGENT]: {
|
||
name: "Agent",
|
||
tag: "🏢 Agency",
|
||
color: "#1E40AF",
|
||
bgColor: "#DBEAFE",
|
||
},
|
||
[USER_ROLES.BD]: {
|
||
name: "BD",
|
||
tag: "📈 BD",
|
||
color: "#059669",
|
||
bgColor: "#D1FAE5",
|
||
},
|
||
[USER_ROLES.ANCHOR]: {
|
||
name: "Anchor",
|
||
tag: "👑 Host",
|
||
color: "#5B21B6",
|
||
bgColor: "#E0E7FF",
|
||
},
|
||
[USER_ROLES.GUEST]: {
|
||
name: "Guest",
|
||
tag: "👤 Guest",
|
||
color: "#6B7280",
|
||
bgColor: "#F3F4F6",
|
||
},
|
||
};
|
||
|
||
/**
|
||
* 基于身份的权限管理类
|
||
*/
|
||
class RoleBasedPermissionManager {
|
||
constructor() {
|
||
this.userIdentity = null;
|
||
this.primaryRole = null;
|
||
this.allRoles = [];
|
||
this.isIdentityLoaded = false;
|
||
this.allowedPages = [];
|
||
}
|
||
|
||
/**
|
||
* 设置用户身份信息
|
||
* @param {Object} identity - 身份信息对象
|
||
*/
|
||
setUserIdentity(identity) {
|
||
this.userIdentity = identity;
|
||
this.allRoles = this.calculateAllRoles(identity);
|
||
this.primaryRole = this.calculatePrimaryRole(this.allRoles);
|
||
this.allowedPages = this.calculateAllowedPages(this.allRoles);
|
||
this.isIdentityLoaded = true;
|
||
|
||
console.debug("🔐 User identity updated:", {
|
||
identity: this.userIdentity,
|
||
allRoles: this.allRoles,
|
||
primaryRole: this.primaryRole,
|
||
allowedPages: this.allowedPages,
|
||
});
|
||
}
|
||
|
||
/**
|
||
* 计算用户所有身份
|
||
* @param {Object} identity - 身份信息
|
||
* @returns {Array} 所有身份列表
|
||
*/
|
||
calculateAllRoles(identity) {
|
||
if (!identity) return [USER_ROLES.GUEST];
|
||
|
||
const roles = [];
|
||
if (identity.freightAgent) roles.push(USER_ROLES.FREIGHT_AGENT);
|
||
if (identity.agent) roles.push(USER_ROLES.AGENT);
|
||
if (identity.bd) roles.push(USER_ROLES.BD);
|
||
if (identity.anchor) roles.push(USER_ROLES.ANCHOR);
|
||
if (identity.admin) roles.push(USER_ROLES.ADMIN);
|
||
|
||
return roles.length > 0 ? roles : [USER_ROLES.GUEST];
|
||
}
|
||
|
||
/**
|
||
* 计算用户主要身份（优先级最高的身份）
|
||
* @param {Array} roles - 所有身份
|
||
* @returns {string} 主要身份
|
||
*/
|
||
calculatePrimaryRole(roles) {
|
||
if (!roles || roles.length === 0) return USER_ROLES.GUEST;
|
||
|
||
// 按优先级排序，返回优先级最高的身份
|
||
return roles.reduce((highest, current) => {
|
||
return ROLE_PRIORITY[current] > ROLE_PRIORITY[highest] ? current : highest;
|
||
}, USER_ROLES.GUEST);
|
||
}
|
||
|
||
/**
|
||
* 🎯 核心方法：基于身份计算允许访问的页面
|
||
* @param {Array} roles - 用户拥有的所有身份
|
||
* @returns {Array} 允许访问的页面列表
|
||
*/
|
||
calculateAllowedPages(roles) {
|
||
const allowedPages = new Set();
|
||
|
||
// 添加公共页面
|
||
ROLE_PERMISSIONS.PUBLIC_PAGES.forEach((page) => {
|
||
allowedPages.add(page);
|
||
});
|
||
|
||
// 添加loading页面
|
||
ROLE_PERMISSIONS.LOADING_PAGE.forEach((page) => {
|
||
allowedPages.add(page);
|
||
});
|
||
|
||
// 根据用户拥有的每个身份，添加对应的页面权限
|
||
roles.forEach((role) => {
|
||
const rolePages = ROLE_PERMISSIONS[role] || [];
|
||
rolePages.forEach((page) => {
|
||
allowedPages.add(page);
|
||
});
|
||
});
|
||
|
||
return Array.from(allowedPages);
|
||
}
|
||
|
||
/**
|
||
* 检查页面访问权限
|
||
* @param {string} page - 页面路径
|
||
* @returns {boolean} 是否有权限访问
|
||
*/
|
||
hasPagePermission(page) {
|
||
if (!this.isIdentityLoaded) {
|
||
console.warn("⚠️ Identity not loaded yet");
|
||
return false;
|
||
}
|
||
|
||
const hasPermission = this.allowedPages.includes(page);
|
||
|
||
console.debug("🔍 Permission check:", {
|
||
page,
|
||
allRoles: this.allRoles,
|
||
primaryRole: this.primaryRole,
|
||
hasPermission,
|
||
});
|
||
|
||
return hasPermission;
|
||
}
|
||
|
||
/**
|
||
* 检查特定身份是否有页面权限
|
||
* @param {string} role - 身份
|
||
* @param {string} page - 页面路径
|
||
* @returns {boolean} 是否有权限
|
||
*/
|
||
hasRolePagePermission(role, page) {
|
||
const rolePages = ROLE_PERMISSIONS[role] || [];
|
||
const publicPages = ROLE_PERMISSIONS.PUBLIC_PAGES || [];
|
||
|
||
return rolePages.includes(page) || publicPages.includes(page);
|
||
}
|
||
|
||
/**
|
||
* 获取指定身份的所有页面权限
|
||
* @param {string} role - 身份
|
||
* @returns {Array} 页面权限列表
|
||
*/
|
||
getRolePermissions(role) {
|
||
const rolePages = ROLE_PERMISSIONS[role] || [];
|
||
const publicPages = ROLE_PERMISSIONS.PUBLIC_PAGES || [];
|
||
|
||
return [...new Set([...rolePages, ...publicPages])];
|
||
}
|
||
|
||
/**
|
||
* 获取用户默认首页
|
||
* @returns {string} 默认页面路径
|
||
*/
|
||
getDefaultPage() {
|
||
return ROLE_DEFAULT_PAGES[this.primaryRole] || PAGES.APPLY;
|
||
}
|
||
|
||
/**
|
||
* 获取当前用户主要身份
|
||
* @returns {string} 当前主要身份
|
||
*/
|
||
getPrimaryRole() {
|
||
return this.primaryRole;
|
||
}
|
||
|
||
/**
|
||
* 获取当前用户所有身份
|
||
* @returns {Array} 所有身份
|
||
*/
|
||
getAllRoles() {
|
||
return this.allRoles;
|
||
}
|
||
|
||
/**
|
||
* 获取身份显示信息
|
||
* @param {string} role - 身份标识
|
||
* @returns {Object} 显示信息
|
||
*/
|
||
getRoleDisplayInfo(role = this.primaryRole) {
|
||
return ROLE_DISPLAY_CONFIG[role] || ROLE_DISPLAY_CONFIG[USER_ROLES.GUEST];
|
||
}
|
||
|
||
/**
|
||
* 检查是否有多重身份
|
||
* @returns {boolean} 是否有多重身份
|
||
*/
|
||
hasMultipleRoles() {
|
||
return this.allRoles.length > 1;
|
||
}
|
||
|
||
/**
|
||
* 切换到指定身份的默认页面
|
||
* @param {string} role - 目标身份
|
||
* @returns {string} 目标页面路径
|
||
*/
|
||
switchToRole(role) {
|
||
if (!this.allRoles.includes(role)) {
|
||
console.warn(`⚠️ User does not have role: ${role}`);
|
||
return this.getDefaultPage();
|
||
}
|
||
|
||
return ROLE_DEFAULT_PAGES[role] || PAGES.APPLY;
|
||
}
|
||
|
||
/**
|
||
* 获取身份导航菜单
|
||
* @returns {Array} 可访问的页面菜单
|
||
*/
|
||
getNavigationMenu() {
|
||
const menu = [];
|
||
|
||
this.allowedPages.forEach((page) => {
|
||
const menuItem = this.getPageMenuInfo(page);
|
||
if (menuItem) {
|
||
menu.push(menuItem);
|
||
}
|
||
});
|
||
|
||
return menu;
|
||
}
|
||
|
||
/**
|
||
* 获取页面菜单信息
|
||
* @param {string} page - 页面路径
|
||
* @returns {Object|null} 菜单项信息
|
||
*/
|
||
getPageMenuInfo(page) {
|
||
const pageMenuConfig = {
|
||
[PAGES.COIN_SELLER]: { title: "Coin Seller", icon: "💰", order: 1 },
|
||
[PAGES.AGENCY_CENTER]: { title: "Agency Center", icon: "🏢", order: 2 },
|
||
[PAGES.BD_CENTER]: { title: "BD Center", icon: "📈", order: 3 },
|
||
[PAGES.HOST_CENTER]: { title: "Host Center", icon: "👑", order: 4 },
|
||
[PAGES.TRANSFER]: { title: "Transfer", icon: "💸", order: 5 },
|
||
[PAGES.EXCHANGE]: { title: "Exchange", icon: "🔄", order: 6 },
|
||
[PAGES.MESSAGE]: { title: "Messages", icon: "💬", order: 7 },
|
||
[PAGES.PERSONAL_SALARY]: { title: "Salary", icon: "💵", order: 8 },
|
||
[PAGES.HOST_SETTING]: { title: "Settings", icon: "⚙️", order: 9 },
|
||
};
|
||
|
||
const config = pageMenuConfig[page];
|
||
return config ? { ...config, path: page } : null;
|
||
}
|
||
|
||
/**
|
||
* 重置权限信息
|
||
*/
|
||
reset() {
|
||
this.userIdentity = null;
|
||
this.primaryRole = null;
|
||
this.allRoles = [];
|
||
this.isIdentityLoaded = false;
|
||
this.allowedPages = [];
|
||
console.debug("🔄 Permission manager reset");
|
||
}
|
||
|
||
/**
|
||
* 检查是否身份加载完成
|
||
* @returns {boolean}
|
||
*/
|
||
isLoaded() {
|
||
return this.isIdentityLoaded;
|
||
}
|
||
|
||
/**
|
||
* 调试方法：打印当前权限状态
|
||
*/
|
||
debugPermissions() {
|
||
console.group("🔐 Current Permission State");
|
||
console.log("User Identity:", this.userIdentity);
|
||
console.log("All Roles:", this.allRoles);
|
||
console.log("Primary Role:", this.primaryRole);
|
||
console.log("Allowed Pages:", this.allowedPages);
|
||
console.log("Default Page:", this.getDefaultPage());
|
||
console.log("Navigation Menu:", this.getNavigationMenu());
|
||
console.groupEnd();
|
||
}
|
||
}
|
||
|
||
// 创建全局权限管理实例
|
||
export const permissionManager = new RoleBasedPermissionManager();
|
||
|
||
// 便捷方法
|
||
export const hasPermission = (page) => permissionManager.hasPagePermission(page);
|
||
export const hasRolePermission = (role, page) =>
|
||
permissionManager.hasRolePagePermission(role, page);
|
||
export const getRolePermissions = (role) => permissionManager.getRolePermissions(role);
|
||
export const getDefaultPage = () => permissionManager.getDefaultPage();
|
||
export const getPrimaryRole = () => permissionManager.getPrimaryRole();
|
||
export const getAllRoles = () => permissionManager.getAllRoles();
|
||
export const getRoleDisplayInfo = (role) => permissionManager.getRoleDisplayInfo(role);
|
||
export const setUserIdentity = (identity) => permissionManager.setUserIdentity(identity);
|
||
export const resetPermissions = () => permissionManager.reset();
|
||
export const switchToRole = (role) => permissionManager.switchToRole(role);
|
||
export const getNavigationMenu = () => permissionManager.getNavigationMenu();
|
||
export const debugPermissions = () => permissionManager.debugPermissions();
|
||
|
||
// 🎯 新增：快速查询某个身份的权限
|
||
export const QUICK_ROLE_CHECK = {
|
||
// 检查 Freight Agent 的权限
|
||
freightAgent: {
|
||
pages: getRolePermissions(USER_ROLES.FREIGHT_AGENT),
|
||
canAccess: (page) => hasRolePermission(USER_ROLES.FREIGHT_AGENT, page),
|
||
},
|
||
|
||
// 检查 Agent 的权限
|
||
agent: {
|
||
pages: getRolePermissions(USER_ROLES.AGENT),
|
||
canAccess: (page) => hasRolePermission(USER_ROLES.AGENT, page),
|
||
},
|
||
|
||
// 检查 BD 的权限
|
||
bd: {
|
||
pages: getRolePermissions(USER_ROLES.BD),
|
||
canAccess: (page) => hasRolePermission(USER_ROLES.BD, page),
|
||
},
|
||
|
||
// 检查 Anchor 的权限
|
||
anchor: {
|
||
pages: getRolePermissions(USER_ROLES.ANCHOR),
|
||
canAccess: (page) => hasRolePermission(USER_ROLES.ANCHOR, page),
|
||
},
|
||
};
|