refactor(ui): [UI7-1] 为其余配置与边缘页面应用新版空壳布局

client/src/pages/MobileApprovalsPage.tsx

@@ -1,5 +1,6 @@
 import { useState } from "react";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { toast } from "sonner";
 import { mapApiErrorMessage } from "../api/errorMessages";
 import { isApiError } from "../api/types";
 import {
@@ -13,6 +14,7 @@ import {
 } from "../api/workflow";
 import { PageHeader } from "../components/common/PageHeader";
 import { Button } from "../components/ui/button";
+import { Spinner } from "../components/ui/spinner";
 import { Card } from "../components/ui/card";
 import { Textarea } from "../components/ui/textarea";
 
@@ -85,14 +87,12 @@ export function MobileApprovalsPage() {
       setTransferReason("");
       setTransferToApproverId("");
       setError("");
+      toast.success("操作成功");
     },
     onError: (err) => {
-      if (isApiError(err)) {
-        setError(`${err.code}: ${mapApiErrorMessage(err.code, err.details, err.message)}`);
-        return;
-      }
-
-      setError(err instanceof Error ? err.message : "动作执行失败");
+      const msg = isApiError(err) ? `${err.code}: ${mapApiErrorMessage(err.code, err.details, err.message)}` : err instanceof Error ? err.message : "动作执行失败";
+      setError(msg);
+      toast.error(msg);
     },
   });
 
@@ -110,7 +110,7 @@ export function MobileApprovalsPage() {
       <Card className="space-y-3 p-4" data-testid="mobile-approvals-list">
         <h3 className="text-base font-semibold text-slate-900">待办任务</h3>
 
-        {tasksQuery.isLoading ? <p className="text-sm text-slate-500">加载中...</p> : null}
+        {tasksQuery.isLoading ? <div className="flex items-center gap-2 text-sm text-slate-500"><Spinner size="sm" />加载中...</div> : null}
 
         {!tasksQuery.isLoading && pendingTasks.length === 0 ? (
           <p className="text-sm text-slate-500">暂无待办任务。</p>