重构 Wave3 详情与移动体验(05-28-frontend-ux-wave3-business-mobile)

这个提交包含在:
2026-05-29 07:57:17 +08:00
父节点 85c298e25a
当前提交 2b5fd6b1b7
共修改 17 个文件,包含 1087 行新增和 32 行删除
@@ -54,6 +54,11 @@ export function MobilePurchaseRequestDetailPage() {
const detail = detailQuery.data ?? null;
const displayCode = detail ? resolvePurchaseDisplayCode(detail) : "采购详情";
const nextStepText = detail
? detail.pendingWorkflow?.task?.stepName
? `当前在 ${detail.pendingWorkflow.task.stepName},可从审批详情处理;本页用于核对采购依据。`
: resolvePurchaseStatusHint(detail)
: "";
return (
<PageScaffold className="space-y-3 pb-4">
@@ -77,7 +82,7 @@ export function MobilePurchaseRequestDetailPage() {
{detail ? (
<>
<section className="mobile-card" data-testid="mobile-purchase-detail-summary">
<section className="mobile-card mobile-focus-card mobile-page-stack" data-testid="mobile-purchase-detail-summary">
<div className="flex items-start justify-between gap-3">
<div className="min-w-0">
<h2 className="truncate text-base font-semibold text-zinc-900">{displayCode}</h2>
@@ -96,9 +101,14 @@ export function MobilePurchaseRequestDetailPage() {
<div className="text-xs text-zinc-500">申请人</div>
<div className="mt-1 truncate font-medium text-zinc-900">{detail.applicant?.name ?? "-"}</div>
</div>
<div>
<div className="text-xs text-zinc-500">当前节点</div>
<div className="mt-1 truncate font-medium text-zinc-900">{detail.pendingWorkflow?.task?.stepName ?? "-"}</div>
</div>
</div>
<div className="mt-3 rounded-lg bg-zinc-50 px-3 py-2 text-xs leading-5 text-zinc-600">
{resolvePurchaseStatusHint(detail)}
<div className="mobile-subcard bg-white text-sm">
<div className="text-xs font-semibold text-zinc-500">下一步</div>
<div className="mt-1 leading-6 text-zinc-700">{nextStepText}</div>
</div>
</section>