feat(P20T2-4): 差旅支付轨道卡片与发票绑定前端交互

client/src/pages/TravelRequestsPage.tsx

@@ -28,6 +28,7 @@ import { Pagination } from "../components/common/Pagination";
 import { StatusBadge } from "../components/common/StatusBadge";
 import { TableSkeleton } from "../components/common/TableSkeleton";
 import { Button } from "../components/ui/button";
+import { TravelPaymentTrackCard } from "../components/travel/TravelPaymentTrackCard";
 import { Input } from "../components/ui/input";
 import { Label } from "../components/ui/label";
 import { Textarea } from "../components/ui/textarea";
@@ -723,6 +724,7 @@ export function TravelRequestsPage() {
                             <div>发生日期：{item.occurredAt ?? "-"}</div>
                             <div>金额：{item.amount ?? "-"} {item.currency}</div>
                             <div>报销关联：{item.linkedReimbursementId ?? "-"}</div>
+                            <div>付款渠道：{item.paymentChannel ?? "-"} · 付款日期：{item.paymentDate ?? "-"}</div>
                           </div>
                         </div>
                       ))}
@@ -732,6 +734,8 @@ export function TravelRequestsPage() {
                   )}
                 </div>
               </div>
+
+              <TravelPaymentTrackCard travelRequestId={detail.id} />
             </div>
           ) : null}
         </section>