DG9 统一全站 UI 布局样板迁移

关联 Issue: DG9-0..DG9-12

client/src/pages/ApOperationsPage.tsx

@@ -41,7 +41,7 @@ import { isApiError } from "../api/types";
 import { useAuth } from "../auth/AuthContext";
 import { hasPermission } from "../auth/permissions";
 import { ConfirmDialog } from "../components/common/ConfirmDialog";
-import { PageHeader } from "../components/common/PageHeader";
+import { ListWorkspace, WorkspaceHeader } from "../components/patterns/ListWorkspace";
 import { Button } from "../components/ui/button";
 import {
   Dialog,
@@ -605,12 +605,12 @@ export function ApOperationsPage() {
   };
 
   if (summaryQuery.isLoading && paymentBatchesQuery.isLoading && riskFlagsQuery.isLoading && financeLedgerQuery.isLoading) {
-    return <div className="card-std p-6 text-sm text-zinc-500">加载财务工作台...</div>;
+    return <div className="card-std p-4 text-sm text-zinc-500 md:p-5">加载财务工作台...</div>;
   }
 
   return (
-    <div className="space-y-6">
-      <PageHeader
+    <ListWorkspace>
+      <WorkspaceHeader
         title="财务付款与对账"
         subtitle="集中处理待付款批次、异常付款、风险标记和对账异常。"
         actions={
@@ -671,7 +671,7 @@ export function ApOperationsPage() {
         />
       </div>
 
-      <div className="card-std p-6">
+      <div className="card-std p-4 md:p-5">
         <Tabs value={activeTab} onValueChange={(value) => setActiveTab(value as OperationsTab)}>
           <TabsList className="flex w-full flex-wrap justify-start gap-1">
             <TabsTrigger value="ledger">财务台账 {financeLedgerQuery.data?.total ?? 0}</TabsTrigger>
@@ -1630,6 +1630,6 @@ export function ApOperationsPage() {
           await executeMutation.mutateAsync(retryTarget.batchId);
         }}
       />
-    </div>
+    </ListWorkspace>
   );
 }