fix: 统一报销付款状态与进度（09-04-reimbursement-state-gap-finance-view）

client/src/pages/ReimbursementDetailPage.tsx

@@ -48,6 +48,7 @@ import { ReimbursementTravelSummary } from "../components/reimbursements/Reimbur
 import { ReimbursementHeaderEditor } from "../components/reimbursements/ReimbursementHeaderEditor";
 import { ReimbursementDesktopWorkspaceShell } from "../components/reimbursements/ReimbursementDesktopWorkspaceShell";
 import { ProcessingProgress } from "../components/patterns/ProcessingProgress";
+import { resolveReimbursementPaymentHandoff } from "../lib/reimbursementPaymentHandoff";
 import { StatusBadge } from "../components/common/StatusBadge";
 import { Button } from "../components/ui/button";
 import {
@@ -150,6 +151,9 @@ export function ReimbursementDetailPage() {
     enabled: Boolean(reimbursementId),
     queryKey: ["reimbursements", reimbursementId],
     queryFn: () => fetchReimbursementDetail(reimbursementId),
+    staleTime: 0,
+    refetchOnMount: true,
+    refetchOnWindowFocus: (query) => Boolean(query.state.data && !["draft", "rejected"].includes(query.state.data.status)),
   });
 
   const expenseTypesQuery = useQuery({
@@ -936,6 +940,7 @@ export function ReimbursementDetailPage() {
   const invoiceCount = detail.invoices.length;
   const hasBlockingPrecheck = blockStandardChecks.length > 0;
   const processingProgress = detail.processingProgress ?? { stages: [] };
+  const paymentHandoff = resolveReimbursementPaymentHandoff({ ...detail, progress: detail.processingProgress });
   const currentProcessingStage = processingProgress.stages.find((stage) =>
     stage.state === "current" || stage.state === "exception",
   );
@@ -959,12 +964,7 @@ export function ReimbursementDetailPage() {
     if (detail.status === "reviewing") {
       return currentProcessingStage?.detail ?? "查看处理进度";
     }
-    if (detail.status === "approved") {
-      return "等待财务组建付款批次";
-    }
-    if (detail.status === "paid") {
-      return "查看付款结果";
-    }
+    if (paymentHandoff) return paymentHandoff.nextStep;
     return "查看记录";
   })();
   const primaryAction = (() => {
@@ -1005,7 +1005,11 @@ export function ReimbursementDetailPage() {
       );
     }
 
-    if (detail.status === "approved" && canManagePaymentBatch) {
+    if (paymentHandoff?.targetHref) {
+      return <Button asChild><Link to={paymentHandoff.targetHref}>查看所在付款批次</Link></Button>;
+    }
+
+    if (paymentHandoff?.canCreateBatch && canManagePaymentBatch) {
       return (
         <Button asChild data-testid="reimbursement-open-pending-payment-batches">
           <Link to={`/payment-batches?view=pending&q=${encodeURIComponent(resolveReimbursementDisplayCode(detail))}`}>
@@ -1105,11 +1109,10 @@ export function ReimbursementDetailPage() {
   const workspaceAfterEvidence = (
     <>
       {(budgetHint?.exceedsThreshold || detail.riskFlags.length) ? <SectionPanel title="需要关注">{budgetHint?.exceedsThreshold ? <p className="rounded-lg border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-800">预算 {budgetHint.budgetCode}：提交后预计使用 {budgetHint.nextUsagePercent.toFixed(2)}%，已达到预警阈值。</p> : null}{detail.riskFlags.length ? <RiskFlagsCard items={detail.riskFlags} title="待处理风险项" /> : null}</SectionPanel> : null}
-      <SectionPanel title="处理进度"><ProcessingProgress progress={processingProgress} ariaLabel="报销处理进度" testId="reimbursement-workflow-progress" targetLinkLabel="查看所在付款批次" /></SectionPanel>
     </>
   );
   const workspaceActionPanel = (
-    <BusinessDetailActionPanel status={<StatusBadge status={detail.deletedAt ? "deleted" : detail.status} />} primaryAction={primaryAction} secondaryActions={secondaryActions} moreActions={showSecondaryDetail ? <div className="grid gap-2" data-testid="reimbursement-secondary-detail">{detail.status !== "paid" ? <Button asChild variant="secondary"><Link to={"/reimbursements/" + detail.id + "/print"}>打印 / PDF</Link></Button> : null}{canDeleteReimbursement ? <Button data-testid="reimbursement-delete-draft" disabled={deleteReimbursementMutation.isPending} onClick={() => setConfirmDeleteReimbursement(true)} type="button" variant="destructive">删除报销单</Button> : null}</div> : null} summary={<><div>下一步：{nextStepText}</div>{workspaceModel.issueAnchors.map((issue) => <a className="block hover:underline" href={"#" + issue.id} key={issue.label}>{issue.label}</a>)}</>} testId="reimbursement-action-panel">
+    <BusinessDetailActionPanel className="lg:static" status={<StatusBadge status={detail.deletedAt ? "deleted" : detail.status} />} primaryAction={primaryAction} secondaryActions={secondaryActions} moreActions={showSecondaryDetail ? <div className="grid gap-2" data-testid="reimbursement-secondary-detail">{detail.status !== "paid" ? <Button asChild variant="secondary"><Link to={"/reimbursements/" + detail.id + "/print"}>打印 / PDF</Link></Button> : null}{canDeleteReimbursement ? <Button data-testid="reimbursement-delete-draft" disabled={deleteReimbursementMutation.isPending} onClick={() => setConfirmDeleteReimbursement(true)} type="button" variant="destructive">删除报销单</Button> : null}</div> : null} summary={<><div>下一步：{nextStepText}</div>{workspaceModel.issueAnchors.map((issue) => <a className="block hover:underline" href={"#" + issue.id} key={issue.label}>{issue.label}</a>)}</>} testId="reimbursement-action-panel">
       <ReimbursementActions status={detail.status} showSubmitAction={false} showWithdrawAction={isReimbursementParticipant} actionError={["reviewing", "approved"].includes(detail.status) ? actionError : ""} submitDisabled={blockStandardChecks.length > 0} submitHint="" submitNotice="" isPending={mutation.isPending} onSubmit={() => void handleSubmitAction()} onWithdraw={(comment) => mutation.mutate({ action: "withdraw", comment })} />
     </BusinessDetailActionPanel>
   );
@@ -1117,7 +1120,7 @@ export function ReimbursementDetailPage() {
   return (
     <>
       {downloadReasonDialog}
-      <ReimbursementDesktopWorkspaceShell model={workspaceModel} capabilities={workspaceCapabilities} slots={{ status: <StatusBadge status={detail.deletedAt ? "deleted" : detail.status} />, backAction: <Button asChild className="min-h-11 px-2" data-testid="reimbursement-back" variant="ghost"><Link replace to={backSource}><ArrowLeft aria-hidden="true" className="size-4" />{backLabel}</Link></Button>, headerDetails: workspaceHeaderDetails, beforeEvidence: workspaceBeforeEvidence, afterEvidence: workspaceAfterEvidence, actionPanel: workspaceActionPanel }} />
+      <ReimbursementDesktopWorkspaceShell model={workspaceModel} capabilities={workspaceCapabilities} slots={{ status: <StatusBadge status={detail.deletedAt ? "deleted" : detail.status} />, backAction: <Button asChild className="min-h-11 px-2" data-testid="reimbursement-back" variant="ghost"><Link replace to={backSource}><ArrowLeft aria-hidden="true" className="size-4" />{backLabel}</Link></Button>, headerDetails: workspaceHeaderDetails, beforeEvidence: workspaceBeforeEvidence, afterEvidence: workspaceAfterEvidence, actionPanel: workspaceActionPanel, asideContext: <SectionPanel title="处理进度"><ProcessingProgress progress={processingProgress} ariaLabel="报销处理进度" testId="reimbursement-workflow-progress" targetLinkLabel="查看所在付款批次" suppressedTargetHref={paymentHandoff?.targetHref} /></SectionPanel> }} />
       <Dialog open={isInvoiceDialogOpen} onOpenChange={handleInvoiceDialogOpenChange}>
         <DialogContent
           className="max-h-[85vh] max-w-3xl overflow-y-auto"