PA6 补齐权限与审计回归

client/src/components/mobile/MobileBottomNav.tsx

@@ -2,11 +2,8 @@ import { NavLink } from "react-router-dom";
 import { useQuery } from "@tanstack/react-query";
 import { fetchWorkflowTasks } from "../../api/workflow";
 import { useAuth } from "../../auth/AuthContext";
-import { hasAnyPermission } from "../../auth/permissions";
-import {
-  MOBILE_APPROVAL_PERMISSIONS,
-  MOBILE_NAV_ITEMS,
-} from "../../features/mobile/navigation";
+import { hasAnyPermission, hasBusinessApproverRole } from "../../auth/permissions";
+import { MOBILE_NAV_ITEMS } from "../../features/mobile/navigation";
 import { cn } from "../../lib/utils";
 import { MobileIcon } from "./MobileIcon";
 
@@ -18,8 +15,8 @@ function resolveBadgeLabel(count: number) {
 }
 
 export function MobileBottomNav() {
-  const { permissions } = useAuth();
-  const canAccessApprovals = hasAnyPermission(permissions, [...MOBILE_APPROVAL_PERMISSIONS]);
+  const { me, permissions } = useAuth();
+  const canAccessApprovals = hasBusinessApproverRole(me?.roleCodes, permissions);
 
   const pendingCountQuery = useQuery({
     enabled: canAccessApprovals,
@@ -40,7 +37,11 @@ export function MobileBottomNav() {
     >
       <div className="relative z-[71] grid grid-cols-4 gap-1">
         {MOBILE_NAV_ITEMS.map((item) => {
-          const disabled = item.anyOf ? !hasAnyPermission(permissions, [...item.anyOf]) : false;
+          const disabled = item.key === "approvals"
+            ? !canAccessApprovals
+            : item.anyOf
+              ? !hasAnyPermission(permissions, [...item.anyOf])
+              : false;
           const badge = item.key === "approvals" && pendingCount > 0 ? resolveBadgeLabel(pendingCount) : null;
 
           if (disabled) {