feat(management-navigation-single-company-ux): 收敛管理导航与单公司配置体验

client/src/pages/SystemSettingsPage.tsx

@@ -1,40 +1,12 @@
 import { Link } from "react-router-dom";
 import { useAuth } from "../auth/AuthContext";
-import { hasAnyPermission } from "../auth/permissions";
 import { ListWorkspace, WorkspaceHeader } from "../components/patterns/ListWorkspace";
-
-type ManagementItem = {
-  to: string;
-  icon: string;
-  title: string;
-  description: string;
-  group: "人员与组织" | "流程与规则" | "系统与审计" | "功能管理";
-  anyOf: string[];
-};
-
-const ITEMS: ManagementItem[] = [
-  { to: "/people", icon: "badge", title: "人员", description: "员工档案、入转调离和人员状态。", group: "人员与组织", anyOf: ["system.users"] },
-  { to: "/organization", icon: "account_tree", title: "组织", description: "组织结构、部门和汇报关系。", group: "人员与组织", anyOf: ["system.users", "report.dashboard.view"] },
-  { to: "/system/users", icon: "manage_accounts", title: "账号", description: "账号、角色和登录权限。", group: "人员与组织", anyOf: ["system.accounts.manage", "system.roles.manage"] },
-  { to: "/system/departments", icon: "account_tree", title: "部门", description: "部门基础数据维护。", group: "人员与组织", anyOf: ["system.users"] },
-  { to: "/system/approval-rules", icon: "rule", title: "审批规则", description: "金额段、审批层级和处理规则。", group: "流程与规则", anyOf: ["system.settings"] },
-  { to: "/system/workflow-definitions", icon: "schema", title: "流程定义", description: "流程模板和节点治理。", group: "流程与规则", anyOf: ["system.settings"] },
-  { to: "/system/expense-standards", icon: "rule_settings", title: "费用标准", description: "费用上限、类别和管控口径。", group: "流程与规则", anyOf: ["system.settings"] },
-  { to: "/system/reimbursement-templates", icon: "receipt_long", title: "报销模板", description: "常见报销场景模板。", group: "流程与规则", anyOf: ["system.settings"] },
-  { to: "/system/workspace", icon: "dashboard_customize", title: "工作区", description: "菜单入口、模块显隐和小团队基线。", group: "系统与审计", anyOf: ["system.settings"] },
-  { to: "/audit-logs", icon: "manage_search", title: "审计日志", description: "关键操作留痕和排障。", group: "系统与审计", anyOf: ["system.audit.view"] },
-  { to: "/system/master-data", icon: "dataset", title: "主数据", description: "法体、成本中心、供应商等基础数据。", group: "功能管理", anyOf: ["masterdata.view", "masterdata.manage"] },
-  { to: "/system/payment-accounts", icon: "account_balance", title: "企业银行账户", description: "维护付款来源账户、脱敏查看与变更留痕。", group: "功能管理", anyOf: ["payment.account.read", "payment.account.manage"] },
-  { to: "/system/notification-channels", icon: "notifications_active", title: "通知渠道", description: "企业微信、邮件等补充通知。", group: "功能管理", anyOf: ["notification.channel.manage"] },
-  { to: "/system/feature-flags", icon: "toggle_on", title: "功能管理", description: "功能开关、灰度和试运行边界。", group: "功能管理", anyOf: ["system.settings"] },
-];
-
-const GROUPS: ManagementItem["group"][] = ["人员与组织", "流程与规则", "系统与审计", "功能管理"];
+import { getVisibleManagementItems, MANAGEMENT_GROUPS } from "../features/navigation/managementRoutes";
 
 export function SystemSettingsPage() {
   const { permissions } = useAuth();
-  const visibleItems = ITEMS.filter((item) => hasAnyPermission(permissions, item.anyOf));
-  const visibleGroups = GROUPS.map((group) => ({
+  const visibleItems = getVisibleManagementItems(permissions);
+  const visibleGroups = MANAGEMENT_GROUPS.map((group) => ({
     group,
     items: visibleItems.filter((item) => item.group === group),
   })).filter((entry) => entry.items.length > 0);
@@ -74,7 +46,7 @@ export function SystemSettingsPage() {
             <h2 className="text-base font-semibold text-zinc-900">{group}</h2>
             <div className="admin-tile-grid">
               {items.map((item) => (
-                <Link key={item.to} to={item.to} className="admin-tile-card">
+                <Link key={item.key} to={item.path} className="admin-tile-card">
                   <div className="flex items-start gap-3">
                     <span className="admin-tile-card__icon">
                       <span className="material-symbols-outlined text-[20px]">{item.icon}</span>