AP6 增加审批催办与效率摘要

client/src/pages/MobilePortalPage.tsx

@@ -10,7 +10,7 @@ import {
 import { mapApiErrorMessage } from "../api/errorMessages";
 import { fetchNotifications } from "../api/notifications";
 import { isApiError } from "../api/types";
-import { fetchWorkflowTasks } from "../api/workflow";
+import { fetchWorkflowTasks, fetchWorkflowTaskSummary } from "../api/workflow";
 import { useAuth } from "../auth/AuthContext";
 import { hasAnyPermission, hasBusinessApproverRole } from "../auth/permissions";
 import { PageHeader } from "../components/common/PageHeader";
@@ -172,6 +172,12 @@ export function MobilePortalPage() {
     queryFn: () => fetchWorkflowTasks({ status: "pending", page: 1, pageSize: 3 }),
   });
 
+  const workflowSummaryQuery = useQuery({
+    enabled: canAccessApprovals,
+    queryKey: ["mobile", "workflow", "summary"],
+    queryFn: () => fetchWorkflowTaskSummary(),
+  });
+
   const notificationsQuery = useQuery({
     queryKey: ["mobile", "portal", "notifications"],
     queryFn: () => fetchNotifications({ page: 1, pageSize: 3 }),
@@ -210,7 +216,10 @@ export function MobilePortalPage() {
   const attendanceToday = attendanceTodayQuery.data ?? null;
   const attendanceAction = resolveAttendanceAction(attendanceToday);
   const attendanceFeatureDisabled = isAttendanceFeatureDisabled(attendanceTodayQuery.error);
-  const pendingApprovalCount = canAccessApprovals ? pendingCountQuery.data?.total ?? 0 : 0;
+  const pendingApprovalCount = canAccessApprovals
+    ? workflowSummaryQuery.data?.pendingTotal ?? pendingCountQuery.data?.total ?? 0
+    : 0;
+  const overdueApprovalCount = canAccessApprovals ? workflowSummaryQuery.data?.overdueTotal ?? 0 : 0;
   const pendingTasks = pendingCountQuery.data?.items ?? [];
   const notifications = notificationsQuery.data?.items ?? [];
   const unreadNotificationCount = notifications.filter((item) => !item.readAt).length;
@@ -220,7 +229,11 @@ export function MobilePortalPage() {
       ? {
           key: "approvals",
           label: "审批",
-          meta: pendingApprovalCount > 0 ? `${pendingApprovalCount} 条待处理` : "暂无待办",
+          meta: overdueApprovalCount > 0
+            ? `${pendingApprovalCount} 待处理 / ${overdueApprovalCount} 超时`
+            : pendingApprovalCount > 0
+              ? `${pendingApprovalCount} 条待处理`
+              : "暂无待办",
           icon: "fact_check",
           to: "/mobile/approvals",
           tone: pendingApprovalCount > 0 ? "warning" : "primary",
@@ -339,6 +352,24 @@ export function MobilePortalPage() {
               {resolveErrorMessage(pendingCountQuery.error)}
             </p>
           ) : null}
+          {workflowSummaryQuery.data ? (
+            <div className="mb-3 grid grid-cols-3 gap-2 text-center text-xs">
+              <div className="rounded-lg bg-zinc-50 px-2 py-2">
+                <div className="font-semibold text-zinc-900">{workflowSummaryQuery.data.pendingTotal}</div>
+                <div className="mt-1 text-zinc-500">待办</div>
+              </div>
+              <div className="rounded-lg bg-zinc-50 px-2 py-2">
+                <div className={workflowSummaryQuery.data.overdueTotal > 0 ? "font-semibold text-amber-700" : "font-semibold text-zinc-900"}>
+                  {workflowSummaryQuery.data.overdueTotal}
+                </div>
+                <div className="mt-1 text-zinc-500">超时</div>
+              </div>
+              <div className="rounded-lg bg-zinc-50 px-2 py-2">
+                <div className="font-semibold text-zinc-900">{workflowSummaryQuery.data.byEntityType.length}</div>
+                <div className="mt-1 text-zinc-500">类型</div>
+              </div>
+            </div>
+          ) : null}
           {!pendingCountQuery.isLoading && !pendingTasks.length ? (
             <p className="text-sm text-zinc-500">没有待处理审批。</p>
           ) : null}