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

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

client/src/pages/PaymentBatchesPage.tsx

@@ -16,7 +16,7 @@ import { isApiError } from "../api/types";
 import { mapApiErrorMessage } from "../api/errorMessages";
 import { useAuth } from "../auth/AuthContext";
 import { hasPermission } from "../auth/permissions";
-import { PageHeader } from "../components/common/PageHeader";
+import { ListWorkspace, WorkspaceHeader } from "../components/patterns/ListWorkspace";
 import { Button } from "../components/ui/button";
 import { Input } from "../components/ui/input";
 import { Label } from "../components/ui/label";
@@ -199,13 +199,13 @@ export function PaymentBatchesPage() {
   });
 
   return (
-    <div className="space-y-6">
-      <PageHeader title="支付批次" subtitle="财务批量付款、复核与执行；高风险批次达到 5 万元后需完成二次复核。" />
+    <ListWorkspace>
+      <WorkspaceHeader title="支付批次" subtitle="财务批量付款、复核与执行；高风险批次达到 5 万元后需完成二次复核。" />
 
       {error ? <div className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">{error}</div> : null}
 
       <div className="grid gap-6 xl:grid-cols-[360px,1fr]">
-        <div className="card-std space-y-4 p-6">
+        <div className="card-std space-y-4 p-4 md:p-5">
           <h3 className="text-base font-semibold text-zinc-900">新建批次</h3>
           {!canManageBatch ? (
             <div className="rounded-lg border border-zinc-200 bg-zinc-50 px-3 py-2 text-sm text-zinc-600">
@@ -281,7 +281,7 @@ export function PaymentBatchesPage() {
         </div>
 
         <div className="space-y-6">
-          <div className="card-std p-6">
+          <div className="card-std p-4 md:p-5">
             <h3 className="mb-3 text-base font-semibold text-zinc-900">批次列表</h3>
             <div className="space-y-2">
               {(listQuery.data?.items ?? []).map((item) => (
@@ -313,7 +313,7 @@ export function PaymentBatchesPage() {
 
           {selectedBatch ? (
             <div className="space-y-6">
-              <div className="card-std space-y-3 p-6">
+              <div className="card-std space-y-3 p-4 md:p-5">
                 <div className="flex flex-wrap items-center justify-between gap-3">
                   <div>
                     <div className="text-xs text-zinc-500">{selectedBatch.batchNo}</div>
@@ -372,7 +372,7 @@ export function PaymentBatchesPage() {
                 </div>
               </div>
 
-              <div className="card-std space-y-4 p-6">
+              <div className="card-std space-y-4 p-4 md:p-5">
                 <h3 className="text-base font-semibold text-zinc-900">批次项</h3>
                 <div className="space-y-4">
                   {selectedBatch.items.map((item) => (
@@ -417,6 +417,6 @@ export function PaymentBatchesPage() {
           ) : null}
         </div>
       </div>
-    </div>
+    </ListWorkspace>
   );
 }