1.6 KiB
1.6 KiB
Implementation Notes
Slice
This task implements the first reusable PC business detail slice:
- Add
BusinessDetailTemplateas a thin layout component family. - Apply it to
AssetRegistryPage.tsxdetail mode. - Apply it to
WorkflowTaskDetailPage.tsxaction/summary area. - Keep business fields, permission checks, state rules and API calls in the owning page components.
Design Rules
- Follow mature Ant Design Pro style coordinates: main facts and evidence on the left, status/actions/compact summary on the right.
- Do not introduce a configuration-driven page generator.
- Do not duplicate page-local
操作and摘要cards in the same right column. - Approval details keep one horizontal action bar:
通过,退回,驳回,更多 -> 转审. - Asset details keep save/create as the primary action; transfer actions stay in the same right-side operation panel as a grouped section.
Verification Notes
cd client && npm run typecheckpassed.cd client && npm run buildpassed.workflow-action-confirm-ui.spec.tspassed.pc-detail-mobile-visual-wave3.spec.ts -g "Wave3 PC"passed and screenshot review confirmed the approval action area no longer renders an empty divider.assets-flow.spec.tsinitially passed login and asset creation, then local auth refresh returned401after a fullpage.goto(/assets?id=...). Investigation showed Vite's local proxy rewrote Host to127.0.0.1:3000while the browserRefererstayed on127.0.0.1:5173, so backend origin verification rejected refresh. Preserving the original Host in Vite proxy fixed the local flow; the focused asset E2E then passed.