重构前端 Wave0-2 体验基线（05-28-frontend-ux-redesign）

client/src/pages/ReimbursementsPage.tsx

@@ -29,7 +29,7 @@ import { Pagination } from "../components/common/Pagination";
 import { ActionConfirmDialog } from "../components/common/ActionConfirmDialog";
 import { StatusBadge } from "../components/common/StatusBadge";
 import { TableSkeleton } from "../components/common/TableSkeleton";
-import { FilterBar, ListWorkspace, PrimaryTable, StatStrip, WorkspaceHeader } from "../components/patterns/ListWorkspace";
+import { FilterBar, ListWorkspace, PrimaryTable, StatStrip, WorkspaceHeader, WorkspaceNotice } from "../components/patterns/ListWorkspace";
 import { MetricCard } from "../components/patterns/MetricCard";
 import { Button } from "../components/ui/button";
 import {
@@ -362,8 +362,9 @@ export function ReimbursementsPage() {
   return (
     <ListWorkspace>
       <WorkspaceHeader
-        title="我的报销"
-        subtitle="单据、金额、状态。"
+        eyebrow="报销"
+        title={scope === "all" ? "报销列表" : "我的报销"}
+        subtitle="先看状态和金额，再继续编辑、查看详情、导出或批量处理。"
         actions={
           <div className="flex flex-col gap-2 sm:flex-row sm:items-center">
             {canCreateExpense ? (
@@ -594,6 +595,16 @@ export function ReimbursementsPage() {
         ) : null}
       </FilterBar>
 
+      {status === "draft" ? (
+        <WorkspaceNotice title="草稿可以继续编辑或删除" tone="neutral">
+          提交后的单据进入审批链；已通过、已支付单据不再提供删除入口。
+        </WorkspaceNotice>
+      ) : status === "reviewing" ? (
+        <WorkspaceNotice title="审批中单据以详情页为主" tone="neutral">
+          查看当前节点、票据、附件和审批历史后再处理；有批量权限时只会选择你可处理的待办。
+        </WorkspaceNotice>
+      ) : null}
+
       {listQuery.isLoading ? <TableSkeleton columns={batchMode ? 7 : 6} rows={5} /> : null}
 
       {listQuery.isError ? (