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

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

client/src/pages/WorkflowDefinitionsPage.tsx

@@ -8,7 +8,7 @@ import {
   updateWorkflowDefinition,
   type WorkflowDefinitionEditorModel,
 } from "../api/workflowDefinitions";
-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";
@@ -79,10 +79,10 @@ export function WorkflowDefinitionsPage() {
   });
 
   return (
-    <div className="space-y-6">
-      <PageHeader title="流程定义" subtitle="线性流程的版本化治理；报销继续由审批规则投影。" />
+    <ListWorkspace>
+      <WorkspaceHeader title="流程定义" subtitle="线性流程的版本化治理；报销继续由审批规则投影。" />
       <div className="grid gap-6 xl:grid-cols-[220px,280px,1fr]">
-        <div className="card-std space-y-3 p-6">
+        <div className="card-std space-y-3 p-4 md:p-5">
           <Label>业务域</Label>
           <select className="select-std" value={entityType} onChange={(event) => setEntityType(event.target.value as WorkflowDefinitionEditorModel["entityType"])}>
             {ENTITY_TYPES.map((item) => <option key={item} value={item}>{item}</option>)}
@@ -90,7 +90,7 @@ export function WorkflowDefinitionsPage() {
           {entityType !== "reimbursement" ? <Button type="button" onClick={() => createMutation.mutate()}>创建草稿</Button> : null}
         </div>
 
-        <div className="card-std space-y-3 p-6">
+        <div className="card-std space-y-3 p-4 md:p-5">
           <h3 className="text-base font-semibold text-zinc-900">版本列表</h3>
           <div className="space-y-2">
             {scopedItems.map((item) => (
@@ -103,7 +103,7 @@ export function WorkflowDefinitionsPage() {
           </div>
         </div>
 
-        <div className="card-std space-y-4 p-6">
+        <div className="card-std space-y-4 p-4 md:p-5">
           {selected ? (
             <>
               <div className="flex flex-wrap items-center justify-between gap-3">
@@ -163,6 +163,6 @@ export function WorkflowDefinitionsPage() {
           )}
         </div>
       </div>
-    </div>
+    </ListWorkspace>
   );
 }