R96 U1-U7 精简页面设计与文案

client/src/pages/ReimbursementDetailPage.tsx

@@ -801,7 +801,7 @@ export function ReimbursementDetailPage() {
     <PageScaffold>
       <EntityOverviewHero
         title={`报销详情 ${detail.formNumber ?? detail.id}`}
-        subtitle="在同一工作台内查看概览、处理明细、跟进风险并进入财务桥接。"
+        subtitle="查看、编辑、提交。"
         meta={(
           <>
             <StatusBadge status={detail.status} />
@@ -825,7 +825,7 @@ export function ReimbursementDetailPage() {
 
       <div className="detail-shell-grid">
         <div className="space-y-6">
-          <SectionPanel title="概览与关联" description="先看主档和关联项目，再决定是否继续补明细或提交流程。">
+          <SectionPanel title="概览与关联">
             <div className="space-y-6" data-testid="reimbursement-overview">
               <div className="grid gap-3 md:grid-cols-2 xl:grid-cols-4">
                 <div className="rounded-lg border border-zinc-200 px-4 py-3 text-sm">
@@ -922,7 +922,7 @@ export function ReimbursementDetailPage() {
             </div>
           </SectionPanel>
 
-          <SectionPanel title="执行 · 明细与票据" description="明细、票据和编辑器在同一层处理，避免长页面往返。">
+          <SectionPanel title="明细与票据">
             <div className="space-y-6">
               <div className="space-y-4" data-testid="reimbursement-items">
         <div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
@@ -1149,7 +1149,7 @@ export function ReimbursementDetailPage() {
             </div>
           </SectionPanel>
 
-          <SectionPanel title="风险与桥接" description="预算提示、风险信号、AI 建议与财务桥接统一查看。">
+          <SectionPanel title="风险与同步">
             <div className="space-y-6">
               {budgetHint ? (
                 <div className="rounded-lg border border-zinc-200 p-4 text-sm" data-testid="reimbursement-budget-hint">
@@ -1180,7 +1180,7 @@ export function ReimbursementDetailPage() {
               {canManageIntegration ? (
                 <SectionPanel
                   title="ERP 同步状态"
-                  description="已付款报销单会按标准凭证切片通过 Outbox 异步发送到 ERP，同步状态、错误摘要和凭证预览入口统一收口在此。"
+                  description="付款后同步到 ERP。"
                   actions={
                     <div className="flex gap-2">
                       <Button
@@ -1226,7 +1226,7 @@ export function ReimbursementDetailPage() {
                       <div className="mt-1 font-medium text-zinc-900">{formatDateTime(erpPreviewQuery.data?.exportState.exportedAt ?? null)}</div>
                     </div>
                     <div className="rounded-lg border border-zinc-200 bg-zinc-50 p-3">
-                      <div className="text-xs text-zinc-500">Outbox</div>
+                      <div className="text-xs text-zinc-500">同步队列</div>
                       <div className="mt-1 break-all font-medium text-zinc-900">{erpPreviewQuery.data?.exportState.lastOutboxId ?? "-"}</div>
                     </div>
                     <div className="rounded-lg border border-zinc-200 bg-zinc-50 p-3">
@@ -1247,7 +1247,7 @@ export function ReimbursementDetailPage() {
         </div>
 
         <div className="space-y-6">
-          <DetailSideMeta title="报销摘要" description="帮助处理人先判断单据状态、关联量和当前审批位置。">
+          <DetailSideMeta title="报销摘要">
             <div>报销编号：{detail.formNumber ?? detail.id}</div>
             <div>报销人：{detail.owner?.name ?? "-"}</div>
             <div>提交人：{detail.submitter?.name ?? "-"}</div>
@@ -1461,7 +1461,7 @@ export function ReimbursementDetailPage() {
 
               {pendingOcrInvoiceIds.length ? (
                 <p className="mt-3 text-xs text-zinc-500" data-testid={TEST_IDS.reimbursement.invoicePendingHint}>
-                  {pendingOcrInvoiceIds.length} 张发票正在 OCR 识别中，系统会在可绑定后自动刷新列表。
+                  {pendingOcrInvoiceIds.length} 张发票正在识别，完成后自动刷新。
                 </p>
               ) : null}
             </div>
@@ -1473,7 +1473,7 @@ export function ReimbursementDetailPage() {
         <DialogContent className="max-h-[85vh] max-w-3xl overflow-y-auto">
           <DialogHeader>
             <DialogTitle>ERP 凭证预览</DialogTitle>
-            <DialogDescription>展示当前报销单将发送到 ERP 的凭证切片与最近一次导出状态。</DialogDescription>
+            <DialogDescription>查看凭证内容和最近同步状态。</DialogDescription>
           </DialogHeader>
 
           {erpPreviewQuery.data ? (
@@ -1492,7 +1492,7 @@ export function ReimbursementDetailPage() {
                 <h4 className="font-medium text-zinc-900">导出状态</h4>
                 <div>同步状态：{erpSyncStatus}</div>
                 <div>外部 ID：{erpPreviewQuery.data.exportState.externalId ?? "-"}</div>
-                <div>Outbox：{erpPreviewQuery.data.exportState.lastOutboxId ?? "-"}</div>
+                <div>队列 ID：{erpPreviewQuery.data.exportState.lastOutboxId ?? "-"}</div>
                 <div>队列状态：{erpPreviewQuery.data.exportState.lastOutboxStatus ?? "-"}</div>
                 <div>最近导出：{formatDateTime(erpPreviewQuery.data.exportState.exportedAt)}</div>
                 <div className="break-all">最近错误：{erpPreviewQuery.data.exportState.lastError ?? "-"}</div>