BIZ8-8 增强财务台账项目扫读

client/src/api/apOperations.ts

@@ -74,6 +74,7 @@ export type FinanceLedgerItem = {
   owner: { id: string; employeeNo: string; name: string } | null;
   submitter: { id: string; employeeNo: string; name: string } | null;
   department: { id: string; name: string } | null;
+  project: { id: string; projectNo: string | null; name: string } | null;
   payment: {
     status: FinanceLedgerPaymentStatus;
     paymentVoucherNo: string | null;

client/src/pages/ApOperationsPage.tsx

@@ -760,7 +760,7 @@ export function ApOperationsPage() {
               <div className="space-y-2">
                 <div className="text-sm font-medium text-zinc-700">搜索</div>
                 <Input
-                  placeholder="单号、姓名、部门"
+                  placeholder="单号、姓名、部门、项目"
                   value={ledgerSearch}
                   onChange={(event) => {
                     setLedgerSearch(event.target.value);
@@ -793,6 +793,7 @@ export function ApOperationsPage() {
                   <tr>
                     <TableHead>报销单</TableHead>
                     <TableHead>申请人 / 部门</TableHead>
+                    <TableHead>项目</TableHead>
                     <TableHead>金额</TableHead>
                     <TableHead>审批状态</TableHead>
                     <TableHead>付款状态</TableHead>
@@ -813,6 +814,10 @@ export function ApOperationsPage() {
                           <div className="font-medium text-zinc-900">{item.owner?.name ?? item.submitter?.name ?? "-"}</div>
                           <div className="text-xs text-zinc-500">{item.department?.name ?? "-"}</div>
                         </TableCell>
+                        <TableCell>
+                          <div className="font-medium text-zinc-900">{item.project?.name ?? "-"}</div>
+                          <div className="text-xs text-zinc-500">{item.project?.projectNo ?? "未关联项目"}</div>
+                        </TableCell>
                         <TableCell>{item.totalAmount}</TableCell>
                         <TableCell>
                           <span className={`inline-flex rounded-full border px-2 py-0.5 text-xs font-medium ${statusBadgeClass(item.status)}`}>
@@ -851,7 +856,7 @@ export function ApOperationsPage() {
                     ))
                   ) : (
                     <TableRow>
-                      <TableCell colSpan={8} className="py-8 text-center text-sm text-zinc-500">
+                      <TableCell colSpan={9} className="py-8 text-center text-sm text-zinc-500">
                         当前筛选下暂无财务台账记录。
                       </TableCell>
                     </TableRow>

client/tests/e2e/biz8-ap-ledger-project.spec.ts

@@ -0,0 +1,225 @@
+import { expect, test, type Page, type Route } from "@playwright/test";
+
+function envelope(data: unknown) {
+  return { requestId: "mock-biz8-ap-ledger-project", data };
+}
+
+async function fulfillJson(route: Route, data: unknown, status = 200) {
+  await route.fulfill({
+    status,
+    contentType: "application/json",
+    body: JSON.stringify(envelope(data)),
+  });
+}
+
+const financeMe = {
+  id: "employee-biz8-finance",
+  employeeNo: "F-BIZ8",
+  name: "测试财务",
+  phone: "13800000000",
+  email: "[email protected]",
+  departmentId: "dept-finance",
+  directManagerId: null,
+  status: "active",
+  notificationPushEnabled: true,
+  roleCodes: ["finance"],
+  profileCompleteness: {
+    hasEmergencyContact: true,
+    hasBankAccount: true,
+    hasAvatar: false,
+    hasIdNumber: false,
+    score: 60,
+  },
+  wecomBinding: null,
+};
+
+function navigationItem(key: string, href: string, label: string, icon: string) {
+  return { key, href, label, icon, placement: "main", permissionCodes: [], featureFlagKey: null };
+}
+
+function financeLedgerItem() {
+  return {
+    id: "reimbursement-biz8-project",
+    formNumber: "BX20260513001",
+    reimbursementDate: "2026-05-13",
+    status: "approved",
+    totalAmount: "1688.00",
+    description: "项目差旅报销",
+    owner: { id: "employee-biz8-owner", employeeNo: "E-BIZ8", name: "测试员工" },
+    submitter: { id: "employee-biz8-owner", employeeNo: "E-BIZ8", name: "测试员工" },
+    department: { id: "dept-rd", name: "研发部" },
+    project: { id: "project-biz8", projectNo: "PJ-2026-001", name: "交付项目" },
+    payment: {
+      status: "unpaid",
+      paymentVoucherNo: null,
+      paymentDate: null,
+      paymentChannel: null,
+      paidAt: null,
+      paidBy: null,
+    },
+    invoice: {
+      status: "bound",
+      counts: {
+        total: 2,
+        pendingOcr: 0,
+        ocrFailed: 0,
+        available: 0,
+        bound: 2,
+        archived: 0,
+        usedComplete: 0,
+      },
+    },
+    attachmentCount: 1,
+    createdAt: "2026-05-13T08:00:00.000Z",
+    updatedAt: "2026-05-13T09:00:00.000Z",
+  };
+}
+
+async function mockApis(page: Page, ledgerQueries: string[]) {
+  await page.route((url) => url.pathname.startsWith("/api/"), async (route) => {
+    const request = route.request();
+    const url = new URL(request.url());
+    const path = url.pathname;
+
+    if (path === "/api/auth/sso/providers") {
+      await fulfillJson(route, []);
+      return;
+    }
+
+    if (path === "/api/auth/wecom/config") {
+      await fulfillJson(route, {
+        enabled: false,
+        entryEnabled: false,
+        oauthEnabled: false,
+        corpId: "",
+        agentId: "",
+        loginUrl: null,
+        bindEnabled: false,
+        defaultReturnTo: "/portal",
+        status: "disabled",
+        statusReasons: [],
+      });
+      return;
+    }
+
+    if (path === "/api/auth/login" || path === "/api/auth/refresh") {
+      await route.fulfill({
+        status: 200,
+        contentType: "application/json",
+        headers: { "set-cookie": "has_session=1; Path=/; SameSite=Lax" },
+        body: JSON.stringify(envelope({ accessToken: "mock-biz8-token", expiresIn: 900, mustChangePassword: false })),
+      });
+      return;
+    }
+
+    if (path === "/api/me") {
+      await fulfillJson(route, financeMe);
+      return;
+    }
+
+    if (path === "/api/system/navigation") {
+      await fulfillJson(route, {
+        workspace: {
+          id: "workspace-biz8",
+          persisted: true,
+          profile: "small_team_internal",
+          orgMode: "single_company",
+          primaryEntryMode: "password",
+          notificationStrategy: "in_app",
+          devicePriority: "desktop",
+          moduleVisibility: {},
+          createdAt: null,
+          updatedAt: null,
+          updatedBy: null,
+        },
+        sections: {
+          main: [navigationItem("portal", "/portal", "工作台", "home_app_logo")],
+          admin: [],
+          backup: [navigationItem("ap", "/ap-operations", "AP 运营", "account_balance_wallet")],
+        },
+      });
+      return;
+    }
+
+    if (path === "/api/portal") {
+      await fulfillJson(route, {
+        me: financeMe,
+        workspace: null,
+        navigation: [],
+        cards: [],
+        pendingTasks: { count: 0, href: "/workflow/tasks" },
+        notifications: [],
+        quickLinks: [],
+        projectSummary: null,
+        riskSummary: null,
+        recentActivities: [],
+      });
+      return;
+    }
+
+    if (path === "/api/ap-operations") {
+      await fulfillJson(route, {
+        summary: {
+          pendingPaymentCount: 0,
+          partialMatchCount: 0,
+          exceptionCount: 0,
+          budgetOverspendCount: 0,
+        },
+        pendingPaymentBatches: [],
+        failedPaymentBatchItems: [],
+        exceptionRiskFlags: [],
+        budgetOverspendRisks: [],
+        partialMatchItems: [],
+      });
+      return;
+    }
+
+    if (path === "/api/ap-operations/reimbursement-ledger") {
+      ledgerQueries.push(url.searchParams.get("q") ?? "");
+      await fulfillJson(route, {
+        page: 1,
+        pageSize: 20,
+        total: 1,
+        items: [financeLedgerItem()],
+      });
+      return;
+    }
+
+    if (path === "/api/payment-batches") {
+      await fulfillJson(route, { items: [] });
+      return;
+    }
+
+    if (path === "/api/risk-flags") {
+      await fulfillJson(route, { items: [] });
+      return;
+    }
+
+    await fulfillJson(route, { message: `unhandled mock api: ${path}` }, 404);
+  });
+}
+
+async function loginAsFinance(page: Page) {
+  await page.goto("/login");
+  const accountLoginButton = page.getByRole("button", { name: "使用账号密码登录" });
+  if (await accountLoginButton.isVisible({ timeout: 1_000 }).catch(() => false)) {
+    await accountLoginButton.click();
+  }
+  await page.getByTestId("login-identifier").fill("[email protected]");
+  await page.getByTestId("login-password").fill("password");
+  await page.getByTestId("login-submit").click();
+  await page.waitForURL(/\/portal/, { timeout: 30_000 });
+}
+
+test("BIZ8 AP 财务台账展示项目并支持项目关键字搜索", async ({ page }) => {
+  const ledgerQueries: string[] = [];
+  await mockApis(page, ledgerQueries);
+  await loginAsFinance(page);
+
+  await page.goto("/ap-operations");
+  await expect(page.getByTestId("finance-ledger-table")).toContainText("交付项目");
+  await expect(page.getByTestId("finance-ledger-table")).toContainText("PJ-2026-001");
+
+  await page.getByPlaceholder("单号、姓名、部门、项目").fill("PJ-2026-001");
+  await expect.poll(() => ledgerQueries).toContain("PJ-2026-001");
+});