收敛报销详情并展示五阶段进度（07-27-yang-jun-reimbursement-readiness）

client/tests/e2e/r111-invoice-reimbursement-guard.spec.ts

@@ -198,6 +198,15 @@ function buildReimbursementDetail(state: ReturnType<typeof buildReimbursementSta
     budgetHint: null,
     pendingWorkflow: null,
     workflowProgress: null,
+    processingProgress: {
+      stages: [
+        { key: "submitted", label: "申请提交", state: "current", actorName: "测试员工", occurredAt: null, result: "待提交", comment: null, detail: "待申请人提交", targetHref: null },
+        { key: "manager_approval", label: "主管审批", state: "pending", actorName: null, occurredAt: null, result: null, comment: null, detail: "待处理", targetHref: null },
+        { key: "finance_review", label: "财务复核", state: "pending", actorName: null, occurredAt: null, result: null, comment: null, detail: "待处理", targetHref: null },
+        { key: "payment_batch_review", label: "付款批次复核", state: "pending", actorName: null, occurredAt: null, result: null, comment: null, detail: "待财务创建付款批次", targetHref: null },
+        { key: "payment_and_receipt", label: "付款与回单", state: "pending", actorName: null, occurredAt: null, result: null, comment: null, detail: "待付款批次复核后处理", targetHref: null },
+      ],
+    },
     approvalHistory: [],
     riskFlags: [],
     items: [
@@ -624,6 +633,14 @@ test.describe("R111 国内报销发票与附件双端体验", () => {
     await expect(page.getByText("预算与审核提示")).toHaveCount(0);
     await expect(page.getByTestId("reimbursement-attachments")).toBeVisible();
     await expect(page.getByTestId("reimbursement-related-records")).toBeVisible();
+    const pcSectionOrder = await page.locator("[data-testid='reimbursement-overview'], [data-testid='reimbursement-items'], [data-testid='reimbursement-materials'], [data-testid='reimbursement-workflow-progress']")
+      .evaluateAll((nodes) => nodes.map((node) => node.getAttribute("data-testid")));
+    expect(pcSectionOrder).toEqual([
+      "reimbursement-overview",
+      "reimbursement-items",
+      "reimbursement-materials",
+      "reimbursement-workflow-progress",
+    ]);
     await expect(page.getByText("ERP")).toHaveCount(0);
 
     await page.getByTestId("reimbursement-invoice-add").click();
@@ -768,6 +785,14 @@ test.describe("R111 国内报销发票与附件双端体验", () => {
       await expect(mobile.page.getByTestId("mobile-reimbursement-materials")).toContainText("电子火车票 · 12345679");
       await expect(mobile.page.getByTestId("mobile-reimbursement-materials")).not.toContainText("无代码");
       await expect(mobile.page.getByTestId("mobile-reimbursement-materials")).not.toContainText("未识别销售方");
+      const mobileSectionOrder = await mobile.page.locator("[data-testid='mobile-reimbursement-detail-focus'], [data-testid='mobile-reimbursement-items'], [data-testid='mobile-reimbursement-materials'], [data-testid='mobile-reimbursement-processing-section']")
+        .evaluateAll((nodes) => nodes.map((node) => node.getAttribute("data-testid")));
+      expect(mobileSectionOrder).toEqual([
+        "mobile-reimbursement-detail-focus",
+        "mobile-reimbursement-items",
+        "mobile-reimbursement-materials",
+        "mobile-reimbursement-processing-section",
+      ]);
       const mobileItem = mobile.page.locator("article.mobile-list-card").filter({ hasText: "客户招待" }).first();
       await expect(mobileItem.getByRole("button", { name: /查看关联发票/ })).toHaveCount(0);
       await expect(mobileItem).not.toContainText("电子火车票");