R107/A1-A6 修复网页视觉巡检问题

client/src/pages/invoice-pool/InvoiceListCard.tsx

@@ -21,6 +21,11 @@ export type InvoiceListCardProps = {
   signedUrlMutation: UseMutationResult<{ signedUrl: string; expiresAt: string }, Error, string>;
 };
 
+function invoiceDisplayName(item: InvoicePoolListResponse["items"][number]) {
+  const invoiceNo = [item.invoiceCode, item.invoiceNumber].filter(Boolean).join("-");
+  return item.originalName || invoiceNo || "待识别票据";
+}
+
 export function InvoiceListCard({
   listQuery,
   status,
@@ -79,8 +84,8 @@ export function InvoiceListCard({
                 <article className="rounded-xl border border-zinc-200 bg-white p-4 shadow-sm" data-testid="invoice-mobile-row" key={item.id}>
                   <div className="flex items-start justify-between gap-3">
                     <div className="min-w-0">
-                      <div className="truncate text-sm font-semibold text-zinc-900">{item.originalName || item.id}</div>
-                      <div className="mt-1 font-mono text-xs text-zinc-500">{item.id.slice(0, 8)}</div>
+                      <div className="truncate text-sm font-semibold text-zinc-900">{invoiceDisplayName(item)}</div>
+                      <div className="mt-1 text-xs text-zinc-500">{item.invoiceDate || "待识别"}</div>
                     </div>
                     <StatusBadge className="shrink-0" status={item.status} />
                   </div>
@@ -141,7 +146,7 @@ export function InvoiceListCard({
             <table className="w-full text-left text-sm text-zinc-600" data-testid="invoice-pool-table">
               <thead className="bg-zinc-50/50">
                 <tr>
-                  <th className="table-th w-[280px]">票据流水号</th>
+                  <th className="table-th w-[280px]">票据名称</th>
                   <th className="table-th w-[120px]">状态</th>
                   <th className="table-th w-[200px]">发票号码</th>
                   <th className="table-th">识别状态</th>
@@ -153,7 +158,8 @@ export function InvoiceListCard({
                   listQuery.data?.items.map((item) => (
                     <tr className="table-row" data-testid="invoice-row" key={item.id}>
                       <td className="table-td">
-                        <div className="font-mono text-xs text-zinc-500">{item.id}</div>
+                        <div className="max-w-[260px] truncate font-medium text-zinc-900">{invoiceDisplayName(item)}</div>
+                        <div className="mt-1 text-xs text-zinc-500">{item.invoiceDate || "待识别"}</div>
                       </td>
                       <td className="table-td"><StatusBadge status={item.status} /></td>
                       <td className="table-td font-medium text-zinc-900">