文件
hyb-oa/client
wangsli 1f8d5b658a 完善借款、编号、付款与预算并发及验收(09-06-release-gate-integrity)
汇总已落盘的借款本金与还款、兼容历史编号的周期化编号、付款责任与回单核验、报销进度和排序、PWA/采购事务、错误原因与日期校验及ERP退役。
统一共享预算池锁序和锁后判断,恢复差旅原预算选择,补原因码固定夹具及反向完整性检查。
纳入配套迁移、测试、受管QA、分层验收合同、规约及任务记录;原始证据留在ignored artifacts。

关联任务:09-17-company-loan-principal-repayment、09-17-erp-exclusive-retirement、09-18-reimbursement-periodic-numbering、09-08-reimbursement-payment-closeout、09-18-local-concurrency-product-fixes、09-19-budget-pool-concurrency、09-05-error-explainability-payment-readiness。
预算补审由Claude定向验证2文件928项通过,原4446/28及r6结果仍仅对应各自历史输入;本轮未重跑测试。
完整新候选门禁、R1真实入口接入与12项公网义务仍开放。生产编号未启用、差旅仍冻结;不推送、不部署,不宣称发布资格。
2026-09-19 13:11:04 +08:00
..

hyb-oa Client Runbook (P1-5)

1. 前置条件

  • Node.js >=22 <23
  • 后端服务可用(http://127.0.0.1:3000)

2. 安装与启动

cd client
npm install
npm run dev

默认前端地址:http://127.0.0.1:5173

3. 本地联调建议顺序

cd ..

export POSTGRES_PASSWORD="<local-only-db-password>"
export JWT_SECRET="<local-only-jwt-secret>"
docker compose up -d db

cd server
npm run prisma:migrate:deploy
SEED_DEV_ALLOW=1 SEED_DEV_DATABASE_CONFIRM=hyb_oa npm run seed:dev
npm run dev

cd ../client
npm run dev

根级 Compose 要求显式提供本地数据库口令和 JWT 密钥;不要把真实值写入仓库,并让 server/.env 的 DATABASE_URL 使用同一数据库口令。

3.1 试运行/单域托管部署(推荐)

试运行/上线演练建议使用仓库内置部署包(server 托管 client/dist,同域 cookie 更稳定):

  • deploy/trialrun/runbook.md
  • deploy/trialrun/checklist.md

4. 鉴权与会话说明

  • Access Token 仅保存在内存,不写入 localStorage/sessionStorage。
  • Refresh Token 由后端通过 HttpOnly Cookie 维护。
  • 前端在 401 时自动调用 /api/auth/refresh 并重试一次请求。
  • 登录与刷新请求都会附带 x-device-fingerprint。

4.1 开发账号(seed:dev)

seed:dev 仅用于本机开发库,必须显式允许并确认数据库名;账号与口令以本地受控 SEED_* 配置为准,脚本不输出口令。默认不会覆盖已有账号密码;新建账号和主动设置 SEED_DEV_RESET_PASSWORDS=1 后轮换的账号,首次登录都必须改密。

5. 菜单与权限(当前壳层)

  • 仪表盘:登录即可访问。
  • 我的报销:expense.view_own 或 expense.view_all。
  • 待我处理:expense.approve。
  • 票据中心:invoice.upload / invoice.view_own / invoice.manage。
  • 审计工作台:system.audit.view(finance_mgr/admin)。
  • 用户管理:system.users(hr/admin)。
  • 个人设置:登录即可访问。

6. 页面现状(P3)

  • 待我处理:列表 + 详情 + approve/reject/return/transfer 动作。
  • 我的报销:分页列表 + 详情 + submit/withdraw/pay 联调入口。
  • 票据中心:分页列表 + 上传 + OCR 轮询 + 绑定 + 签名预览。
  • 审计工作台:分页筛选已落地。

7. 状态管理与错误语义

  • 引入 @tanstack/react-query 统一查询缓存与失效策略。
  • 错误文案统一映射在 client/src/api/errorMessages.ts。
  • API 层保留后端错误码原文,前端仅做可读化。

6. 风格资源复用策略(锁定)

  • 视觉 Token 来源:<design-source-repo>。
  • 采用“复制到 client + 单向同步”,不做跨仓软链与自动联动。
  • 如需同步风格,请记录来源 commit 并通过评审。

8. 可用脚本

npm run dev
npm run typecheck
npm run build
npm run preview
npm run test:e2e

8.1 Playwright E2E(E15)

前置:本地启动 DB + server(建议 SERVE_CLIENT_DIST=true 单域托管),并启用 mock OCR:

cd ..
docker compose up -d db

cd server
OCR_PROVIDER=mock OCR_POLL_CRON="*/5 * * * * *" npm run prisma:migrate:deploy
SEED_DEV_ALLOW=1 SEED_DEV_DATABASE_CONFIRM=hyb_oa OCR_PROVIDER=mock OCR_POLL_CRON="*/5 * * * * *" npm run seed:dev
OCR_PROVIDER=mock OCR_POLL_CRON="*/5 * * * * *" SERVE_CLIENT_DIST=true npm run dev

执行:

cd ../client
npm install
npx playwright install --with-deps
npm run test:e2e

9. 仓库级最小门禁

cd ..
./scripts/check-minimal.sh

说明:

  • 会执行 client 的 typecheck/build 与 server 的静态检查。
  • 不启动服务,不替代发版前的 server/scripts/regression-all.sh。