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

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

client/src/pages/AssetRegistryPage.tsx

@@ -27,10 +27,10 @@ import { fetchCostCenters, fetchDocumentCategories, fetchLegalEntities } from ".
 import { isApiError } from "../api/types";
 import { useAuth } from "../auth/AuthContext";
 import { hasAnyPermission, hasPermission } from "../auth/permissions";
-import { PageHeader } from "../components/common/PageHeader";
 import { AiSuggestionCard } from "../components/ai/AiSuggestionCard";
 import { StatusBadge } from "../components/common/StatusBadge";
 import { TableSkeleton } from "../components/common/TableSkeleton";
+import { FilterBar, ListWorkspace, PrimaryTable, WorkspaceHeader } from "../components/patterns/ListWorkspace";
 import { SectionPanel } from "../components/patterns/SectionPanel";
 import { Button } from "../components/ui/button";
 import { Input } from "../components/ui/input";
@@ -578,8 +578,8 @@ export function AssetRegistryPage() {
   };
 
   return (
-    <div className="space-y-6">
-      <PageHeader
+    <ListWorkspace>
+      <WorkspaceHeader
         title="资产台账"
         subtitle="维护资产分类与资产卡片，支持法体、成本中心和采购来源引用。"
         actions={
@@ -597,7 +597,7 @@ export function AssetRegistryPage() {
       />
 
       <div className="grid gap-6 xl:grid-cols-[380px_minmax(0,1fr)]">
-        <div className="card-std space-y-4 p-6">
+        <div className="card-std space-y-4 p-4 md:p-5">
           <div className="flex items-center justify-between">
             <h3 className="text-base font-semibold text-zinc-900">资产分类</h3>
             {canManage ? (
@@ -669,7 +669,7 @@ export function AssetRegistryPage() {
                   <div className="rounded-lg border border-zinc-200 p-3 text-sm text-zinc-500">暂无资产分类</div>
                 )}
               </div>
-              <div className="hidden rounded-lg border border-zinc-200 md:block">
+              <PrimaryTable className="hidden md:block">
               <Table>
                 <TableHeader>
                   <tr>
@@ -691,13 +691,13 @@ export function AssetRegistryPage() {
                   ))}
                 </TableBody>
               </Table>
-              </div>
+              </PrimaryTable>
             </>
           ) : null}
         </div>
 
         <div className="space-y-6">
-          <div className="card-std space-y-4 p-6">
+          <FilterBar className="space-y-4">
             <div className="grid gap-3 md:grid-cols-3 xl:grid-cols-6">
               <select className="select-std" value={statusFilter} onChange={(event) => setStatusFilter(event.target.value as AssetStatus | "") }>
                 {assetStatusOptions().map((item) => (
@@ -796,7 +796,7 @@ export function AssetRegistryPage() {
                     <div className="rounded-lg border border-zinc-200 p-4 text-sm text-zinc-500">暂无资产卡片</div>
                   )}
                 </div>
-                <div className="hidden rounded-lg border border-zinc-200 md:block">
+                <PrimaryTable className="hidden md:block">
                 <Table>
                   <TableHeader>
                     <tr>
@@ -830,12 +830,12 @@ export function AssetRegistryPage() {
                     )}
                   </TableBody>
                 </Table>
-                </div>
+                </PrimaryTable>
               </>
             ) : null}
-          </div>
+          </FilterBar>
 
-          <div className="card-std space-y-4 p-6">
+          <div className="card-std space-y-4 p-4 md:p-5">
             {!selectedAssetId && !isCreatingAsset ? (
               <div className="rounded-lg border border-dashed border-zinc-300 p-8 text-center text-sm text-zinc-500">
                 请先从列表选择资产卡片，或点击“新建资产卡片”。
@@ -1128,6 +1128,6 @@ export function AssetRegistryPage() {
           </div>
         </div>
       </div>
-    </div>
+    </ListWorkspace>
   );
 }