1.5 KiB
1.5 KiB
订单菜单高亮修复 - 快速参考
问题
订单菜单中,无论点击哪个子项,高亮都显示为"订单管理"
解决方案(3处修改)
1. layouts/admin/utils/nav.uts - normalize() 函数
改动: 保留query参数
// OLD
return q >= 0 ? s.slice(0, q) : s;
// NEW
return s; // ✅ 保留 ?tab=xxx
2. layouts/admin/utils/nav.uts - getCurrentRoutePath() 函数
改动: 从URL获取query参数
// H5 环境
const qs = typeof window !== "undefined" ? window.location.search : "";
return `/${last.route}${qs}`;
3. pages/mall/admin/order-management.uvue - onLoad()
改动: 根据tab参数设置currentPage
const tab = options?.tab;
const tabToMenuIdMap = {
stats: "order-stats",
list: "order-list",
aftersale: "order-aftersale",
cashier: "order-cashier",
verify: "order-verify",
config: "order-config",
};
const menuId = tabToMenuIdMap[tab];
if (menuId) currentPage.value = menuId;
验证
- 订单统计 - 高亮正确
- 订单管理 - 高亮正确
- 售后订单 - 高亮正确
- 收银订单 - 高亮正确
- 核销记录 - 高亮正确
- 订单配置 - 高亮正确
相同问题的其他页面
营销管理页面使用相同结构,建议采用相同方案:
pages/mall/admin/marketing-management.uvue