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

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

client/src/pages/ProjectsPage.tsx

@@ -12,9 +12,8 @@ import {
 import { isApiError } from "../api/types";
 import { useAuth } from "../auth/AuthContext";
 import { hasAnyPermission } from "../auth/permissions";
-import { PageHeader } from "../components/common/PageHeader";
 import { StatusBadge } from "../components/common/StatusBadge";
-import { FilterBar, ListWorkspace } from "../components/patterns/ListWorkspace";
+import { FilterBar, ListWorkspace, StatStrip, WorkspaceHeader } from "../components/patterns/ListWorkspace";
 import { MetricCard } from "../components/patterns/MetricCard";
 import { SectionPanel } from "../components/patterns/SectionPanel";
 import { Button } from "../components/ui/button";
@@ -161,7 +160,7 @@ export function ProjectsPage() {
 
   return (
     <ListWorkspace>
-      <PageHeader
+      <WorkspaceHeader
         title="项目"
         subtitle="轻项目主档、成员、里程碑、任务与风险统一在 OA 内跟进。"
         actions={
@@ -173,12 +172,12 @@ export function ProjectsPage() {
         }
       />
 
-      <section className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
+      <StatStrip columns={4}>
         <MetricCard title="当前项目" value={projectStats.total} note={mine ? "已切换到我的项目" : "当前筛选结果"} />
         <MetricCard title="进行中" value={projectStats.active} note="优先跟进活跃项目" />
         <MetricCard title="逾期里程碑" value={projectStats.overdueMilestones} note="延期事项待处理" tone={projectStats.overdueMilestones > 0 ? "warning" : "neutral"} />
         <MetricCard title="未关闭风险" value={projectStats.openRisks} note="问题留痕建议绑定责任人" tone={projectStats.openRisks > 0 ? "danger" : "neutral"} />
-      </section>
+      </StatStrip>
 
       <div className="page-shell-grid">
         <div className="space-y-6">