R57 A1-A6：报销模板与差旅申请关联

client/src/pages/ReimbursementDetailPage.tsx

@@ -503,6 +503,43 @@ export function ReimbursementDetailPage() {
                 <div>说明：{detail.description || "-"}</div>
               </div>
 
+              {detail.linkedTravelRequest ? (
+                <div className="rounded-lg border border-sky-200 bg-sky-50/70 p-4 text-sm">
+                  <div className="flex items-start justify-between gap-3">
+                    <div>
+                      <h4 className="text-base font-semibold text-zinc-900">
+                        关联差旅申请：{detail.linkedTravelRequest.requestNo ?? detail.linkedTravelRequest.id}
+                      </h4>
+                      <p className="mt-1 text-zinc-600">{detail.linkedTravelRequest.purpose || "未填写出差目的"}</p>
+                    </div>
+                    <Link
+                      to={`/travel-requests?tab=requests&id=${detail.linkedTravelRequest.id}`}
+                      className="text-sm text-primary hover:underline"
+                    >
+                      查看申请
+                    </Link>
+                  </div>
+                  <div className="mt-3 grid gap-3 md:grid-cols-3">
+                    <div className="rounded-lg border border-white/80 bg-white/80 px-3 py-2">
+                      <div className="text-xs text-zinc-500">日期范围</div>
+                      <div className="mt-1 font-medium text-zinc-900">
+                        {detail.linkedTravelRequest.startDate ?? "-"} 至 {detail.linkedTravelRequest.endDate ?? "-"}
+                      </div>
+                    </div>
+                    <div className="rounded-lg border border-white/80 bg-white/80 px-3 py-2">
+                      <div className="text-xs text-zinc-500">预估金额</div>
+                      <div className="mt-1 font-medium text-zinc-900">¥{detail.linkedTravelRequest.estimatedAmount}</div>
+                    </div>
+                    <div className="rounded-lg border border-white/80 bg-white/80 px-3 py-2">
+                      <div className="text-xs text-zinc-500">申请编号</div>
+                      <div className="mt-1 font-medium text-zinc-900">
+                        {detail.linkedTravelRequest.requestNo ?? detail.linkedTravelRequest.id}
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              ) : null}
+
               <div className="rounded-lg border border-zinc-200 p-4 text-sm">
                 <div className="flex items-center justify-between gap-3">
                   <div>