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

client/src/pages/WorkflowTasksPage.tsx

@@ -21,6 +21,7 @@ import {
   StatStrip,
   WorkspaceEmptyState,
   WorkspaceHeader,
+  WorkspaceNotice,
 } from "../components/patterns/ListWorkspace";
 import { MetricCard } from "../components/patterns/MetricCard";
 import { Button } from "../components/ui/button";
@@ -209,7 +210,7 @@ export function WorkflowTasksPage() {
       <WorkspaceHeader
         eyebrow="审批"
         title="审批中心"
-        subtitle="任务、节点、业务状态。"
+        subtitle="先看待处理，再进入详情核对依据；快速通过前仍会弹出确认。"
       />
 
       <div data-testid="workflow-task-summary">
@@ -272,19 +273,25 @@ export function WorkflowTasksPage() {
         </div>
       </FilterBar>
 
-        {query.isLoading ? <TableSkeleton columns={7} rows={5} /> : null}
+      {status === "pending" ? (
+        <WorkspaceNotice title="处理原则" tone="neutral">
+          先看业务编号、申请人、金额/天数和当前节点；需要查看附件、审批历史或驳回原因时进入详情页。
+        </WorkspaceNotice>
+      ) : null}
 
-        {query.isError ? (
-          <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">
-            {isApiError(query.error)
-              ? `${query.error.code}: ${mapApiErrorMessage(
-                  query.error.code,
-                  query.error.details,
-                  query.error.message,
-                )}`
-              : "加载待办失败，请稍后重试"}
-          </p>
-        ) : null}
+      {query.isLoading ? <TableSkeleton columns={7} rows={5} /> : null}
+
+      {query.isError ? (
+        <p className="rounded-lg border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-600">
+          {isApiError(query.error)
+            ? `${query.error.code}: ${mapApiErrorMessage(
+                query.error.code,
+                query.error.details,
+                query.error.message,
+              )}`
+            : "加载待办失败，请稍后重试"}
+        </p>
+      ) : null}
 
         {!query.isLoading && !query.isError ? (
           <>
@@ -347,7 +354,7 @@ export function WorkflowTasksPage() {
                   </article>
                 ))
               ) : (
-                <WorkspaceEmptyState />
+                <WorkspaceEmptyState>当前筛选下没有审批任务。</WorkspaceEmptyState>
               )}
             </div>
 
@@ -410,7 +417,7 @@ export function WorkflowTasksPage() {
                   ) : (
                     <TableRow>
                       <TableCell className="px-6 py-8 text-center text-zinc-500" colSpan={8}>
-                        暂无数据
+                        当前筛选下没有审批任务
                       </TableCell>
                     </TableRow>
                   )}