From 63103be65330c1f02fe6c331375998f8a52955f8 Mon Sep 17 00:00:00 2001 From: shunli Date: Sun, 8 Feb 2026 23:32:54 +0800 Subject: [PATCH] =?UTF-8?q?feat(client):=20=E7=A5=A8=E6=8D=AE=E4=B8=AD?= =?UTF-8?q?=E5=BF=83=E7=B2=BE=E4=BF=AE=E4=B8=8E=20testid=EF=BC=88E6?= =?UTF-8?q?=EF=BC=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 上传/筛选/列表/绑定/详情轮询统一 Card/Table/Button - 强化 OCR 状态展示（pending_ocr/ocr_failed）与错误可读性 - 增加 data-testid 供 E2E 稳定定位 --- client/src/pages/InvoicePoolPage.tsx | 150 +++++++++++------- .../2026-02-08_21-50-09-p4-trialrun-ready.csv | 2 +- 2 files changed, 94 insertions(+), 58 deletions(-) diff --git a/client/src/pages/InvoicePoolPage.tsx b/client/src/pages/InvoicePoolPage.tsx index e42453e7..e53892e0 100644 --- a/client/src/pages/InvoicePoolPage.tsx +++ b/client/src/pages/InvoicePoolPage.tsx @@ -14,6 +14,9 @@ import { fetchReimbursements } from "../api/reimbursements"; import { useAuth } from "../auth/AuthContext"; import { hasPermission } from "../auth/permissions"; import { PageHeader } from "../components/common/PageHeader"; +import { Button } from "../components/ui/button"; +import { Card } from "../components/ui/card"; +import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "../components/ui/table"; const PAGE_SIZE = 20; @@ -141,26 +144,35 @@ export function InvoicePoolPage() { /> {error ? ( -

{error}

+

+ {error} +

) : null} -
+

上传票据（VAT OCR）

setSelectedFile(event.target.files?.[0] ?? null)} type="file" /> - -
+ + -
+

筛选与列表

-
- - +
+
+ - - - - - + ID + 状态 + 发票号 + OCR + 操作 - - + + {(listQuery.data?.items ?? []).length ? ( listQuery.data?.items.map((item) => ( - - - - - - - + + )) ) : ( - - - + + )} - -
ID状态发票号OCR操作
{item.id}{item.status} + + {item.id} + {item.status} + {item.invoiceCode || "-"}-{item.invoiceNumber || "-"} - - attempts={item.ocrAttempts} - {item.ocrLastError ? ` / ${item.ocrLastError}` : ""} - + + + {item.status === "pending_ocr" ? ( + + OCR 处理中（attempts={item.ocrAttempts}） + + ) : item.status === "ocr_failed" ? ( + + OCR 失败（{item.ocrLastError || "unknown"}） + + ) : ( + attempts={item.ocrAttempts} + )} + +
- - +
-
+ + 暂无数据 -
+ +
@@ -248,30 +274,33 @@ export function InvoicePoolPage() { 第 {page} / {totalPages} 页
- - +
-
+ -
+

绑定报销

- -
+ + -
+

详情轮询

{detailQuery.data ? ( <> @@ -315,7 +351,7 @@ export function InvoicePoolPage() { ) : (

请选择一条票据查看详情

)} -
+ ); } diff --git a/issues/2026-02-08_21-50-09-p4-trialrun-ready.csv b/issues/2026-02-08_21-50-09-p4-trialrun-ready.csv index b225639f..77ace5ad 100644 --- a/issues/2026-02-08_21-50-09-p4-trialrun-ready.csv +++ b/issues/2026-02-08_21-50-09-p4-trialrun-ready.csv @@ -4,7 +4,7 @@ E2,前端UI组件基线（成熟复用）,引入UI primitives与移动端44px触 E3,前端布局导航收敛,统一Sidebar与Topbar交互视觉响应式与权限菜单体验,四角色菜单正确窄屏可用路由守卫无闪烁,"manual: 按server与client README启动联调并验证employee manager finance finance_mgr菜单与守卫",manual,DONE,TODO,TODO,client/src/layouts/AppShellLayout.tsx | client/src/components/navigation/* | client/src/components/common/PageHeader.tsx | client/src/router/*,"[""E2""]",none E4,待办页精修（列表详情动作）,用UI primitives收敛待办列表与详情动作区统一加载空态错误并补data-testid,approve reject return transfer动作可用且动作后列表详情刷新一致,cd client && npm run typecheck && npm run build,manual,DONE,DONE,DONE,client/src/pages/WorkflowTasksPage.tsx | client/src/pages/WorkflowTaskDetailPage.tsx | client/src/api/workflow.ts,"[""E3""]",为E2E补稳定选择器data-testid E5,报销页精修（列表详情联动）,收敛报销列表详情展示并优化支付凭证与票据区块一致性并补data-testid,employee可create submit withdraw且finance可pay并填写凭证字段,cd client && npm run typecheck && npm run build,manual,DONE,DONE,DONE,client/src/pages/ReimbursementsPage.tsx | client/src/pages/ReimbursementDetailPage.tsx | client/src/api/reimbursements.ts,"[""E3""]",为E2E补稳定选择器data-testid -E6,票据中心精修（OCR与预览）,收敛上传列表详情并强化OCR状态展示绑定与签名预览交互并补data-testid,OCR_PROVIDER=mock联调可轮询pending_ocr且ocr_failed展示原因且预览可用,cd client && npm run typecheck && npm run build,manual,TODO,TODO,TODO,client/src/pages/InvoicePoolPage.tsx | client/src/api/invoicePool.ts | client/src/api/http.ts,"[""E3""]",为E2E补稳定选择器data-testid +E6,票据中心精修（OCR与预览）,收敛上传列表详情并强化OCR状态展示绑定与签名预览交互并补data-testid,OCR_PROVIDER=mock联调可轮询pending_ocr且ocr_failed展示原因且预览可用,cd client && npm run typecheck && npm run build,manual,DONE,DONE,DONE,client/src/pages/InvoicePoolPage.tsx | client/src/api/invoicePool.ts | client/src/api/http.ts,"[""E3""]",为E2E补稳定选择器data-testid E7,委派管理前端页（运营可用）,新增委派管理页与API封装支持创建列表撤销并加菜单入口与守卫,可创建委派撤销后delegate不可代办且无权限用户403提示正确,"manual: manager创建委派让delegate代办一次后撤销再验证PERM_002",manual,TODO,TODO,TODO,client/src/pages/DelegationsPage.tsx | client/src/api/delegations.ts | client/src/router/index.tsx | client/src/components/navigation/Sidebar.tsx,"[""E3""]",权限码沿用expense.proxy_manage E8,默认账号与失败体验收敛,补dev seed默认账号文档并让前端对网络失败给出可操作提示（含“忘记密码请联系管理员重置”）,登录页后端不可达提示服务未启动且README列出默认账号且SYS_001提示可读,"manual: 停后端访问登录页看到提示并按README默认账号登录成功",manual,TODO,TODO,TODO,client/src/pages/LoginPage.tsx | client/src/api/errorMessages.ts | server/README.md | client/README.md,"[""E1""]",仅写dev seed账号不写生产密码与密钥 E9,DB索引补强（试运行性能）,为列表分页与筛选补组合索引以降低试运行慢查询风险,迁移可重复执行且回归全绿,cd server && npm run prisma:migrate:deploy && ./scripts/regression-all.sh,manual,TODO,TODO,TODO,server/prisma/schema.prisma | server/prisma/migrations/*,"[""E1""]",新增组合索引仅增不破回滚成本低