MIF7F-1/MIF7F-2/MIF7F-3 修复移动返回标签并勘误

client/src/pages/MobileApprovalsPage.tsx

@@ -100,6 +100,10 @@ function resolveProgressTab(value: string | null | undefined): EmployeeProgressT
   return "reviewing";
 }
 
+function resolveTaskTab(value: string | null | undefined): MobileTaskTab {
+  return value === "completed" ? "completed" : "pending";
+}
+
 function progressStatusQuery(tab: EmployeeProgressTab): EmployeeProgressQueryStatus {
   return tab === "returned" ? "rejected" : tab;
 }
@@ -349,7 +353,7 @@ export function MobileApprovalsPage() {
   const isPushDetail = Boolean(deepLinkTaskId);
 
   const [selectedTaskId, setSelectedTaskId] = useState(deepLinkTaskId);
-  const [taskTab, setTaskTab] = useState<MobileTaskTab>("pending");
+  const [taskTab, setTaskTab] = useState<MobileTaskTab>(() => resolveTaskTab(searchParams.get("taskTab")));
   const [progressTab, setProgressTab] = useState<EmployeeProgressTab>(() =>
     resolveProgressTab(searchParams.get("progress")),
   );
@@ -401,6 +405,10 @@ export function MobileApprovalsPage() {
     setProgressTab(resolveProgressTab(searchParams.get("progress")));
   }, [searchParams]);
 
+  useEffect(() => {
+    setTaskTab(resolveTaskTab(searchParams.get("taskTab")));
+  }, [searchParams]);
+
   useEffect(() => {
     if (taskTab === "completed") {
       setBatchMode(false);
@@ -421,6 +429,14 @@ export function MobileApprovalsPage() {
     setSearchParams(nextParams, { replace: true });
   }
 
+  function handleTaskTabChange(value: string) {
+    const nextTab = resolveTaskTab(value);
+    setTaskTab(nextTab);
+    const nextParams = new URLSearchParams(searchParams);
+    nextParams.set("taskTab", nextTab);
+    setSearchParams(nextParams, { replace: true });
+  }
+
   async function invalidateWorkflowQueries(taskId: string | null = selectedTaskId) {
     await Promise.all([
       queryClient.invalidateQueries({ queryKey: ["mobile", "workflow", "tasks"] }),
@@ -936,7 +952,7 @@ export function MobileApprovalsPage() {
               <StatusBadge status={selectedTask.task.status} label={workflowStatusLabel(selectedTask.task.status)} />
             ) : null
           }
-          fallbackTo="/mobile/approvals"
+          fallbackTo={`/mobile/approvals?taskTab=${taskTab}`}
           testId="mobile-approvals-detail-header"
         />
       ) : (
@@ -1022,7 +1038,7 @@ export function MobileApprovalsPage() {
           <span className={`text-sm ${isOnline ? "text-emerald-600" : "text-orange-600"}`}>{isOnline ? "在线" : "离线"}</span>
         </div>
 
-        <Tabs value={taskTab} onValueChange={(value) => setTaskTab(value as MobileTaskTab)}>
+        <Tabs value={taskTab} onValueChange={handleTaskTabChange}>
           <TabsList className="flex w-full justify-start gap-1">
             <TabsTrigger value="pending">待我审批</TabsTrigger>
             <TabsTrigger value="completed" disabled={!canUseRemote}>已处理</TabsTrigger>

client/src/pages/MobileReimbursementsPage.tsx

@@ -130,7 +130,13 @@ export function MobileReimbursementsPage() {
   const createIntentHandledRef = useRef(false);
   const canCreateExpense = hasPermission(permissions, "expense.create");
   const canDeleteExpense = hasPermission(permissions, "expense.delete_own");
-  const currentMobileSource = `${location.pathname}${location.search}`;
+  const currentMobileSource = useMemo(() => {
+    const params = new URLSearchParams(location.search);
+    params.delete("intent");
+    params.set("status", status);
+    const query = params.toString();
+    return `${location.pathname}${query ? `?${query}` : ""}`;
+  }, [location.pathname, location.search, status]);
 
   const listQuery = useQuery({
     queryKey: ["mobile", "reimbursements", status],
@@ -156,6 +162,17 @@ export function MobileReimbursementsPage() {
     }
   }, [searchParams]);
 
+  function handleStatusChange(value: string) {
+    if (!isReimbursementStatus(value)) {
+      return;
+    }
+    setStatus(value);
+    const nextParams = new URLSearchParams(searchParams);
+    nextParams.delete("intent");
+    nextParams.set("status", value);
+    setSearchParams(nextParams, { replace: true });
+  }
+
   useEffect(() => {
     if (searchParams.get("intent") !== "create" || !canCreateExpense || createIntentHandledRef.current) {
       return;
@@ -222,7 +239,7 @@ export function MobileReimbursementsPage() {
       </section>
 
       <section className="mobile-card" data-testid="mobile-reimbursements-list">
-        <Tabs value={status} onValueChange={(value) => setStatus(value as ReimbursementStatus)}>
+        <Tabs value={status} onValueChange={handleStatusChange}>
           <TabsList className="grid h-auto w-full grid-cols-4">
             {STATUS_TABS.map((item) => (
               <TabsTrigger key={item.value} value={item.value} data-testid={`mobile-reimbursements-tab-${item.value}`}>