优化

src/modules/ocean-bookings/pages/OceanBookingDetailView.test.ts

@@ -70,4 +70,11 @@ describe('OceanBookingDetailView draft and release contract', () => {
     expect(source).toContain('@media(max-width:720px)')
     expect(source).toContain('@media(max-width:420px)')
   })
+
+  it('carries the existing read-only CarrierScheduleQuery on the booking detail page', () => {
+    expect(source).toContain('CarrierScheduleQueryPanel')
+    expect(source).toContain("from '@/modules/port-schedules'")
+    expect(source).toContain(':ocean-booking-id="detail.id"')
+    expect(source).not.toContain('createCarrierScheduleQuery')
+  })
 })

src/modules/ocean-bookings/pages/OceanBookingDetailView.vue

@@ -18,6 +18,7 @@ import { listPlatformTenants, type PlatformTenantResource } from '@/modules/iam'
 import { listPlatformPartners, type PlatformPartnerResource } from '@/modules/master-data'
 import { listSuppliers, type Supplier } from '@/modules/suppliers'
 import { listPlatformWarehouses, type PlatformWarehouseResource } from '@/modules/warehouses'
+import { CarrierScheduleQueryPanel } from '@/modules/port-schedules'
 import {
   createOceanBooking,
   deleteOceanBookingDraft,
@@ -377,6 +378,8 @@ onMounted(() => { void load(); void loadOptions() })
         </div>
       </section>
 
+      <div v-if="detail" class="surface-panel"><CarrierScheduleQueryPanel :ocean-booking-id="detail.id" /></div>
+
       <section v-if="detail" class="surface-panel history-panel">
         <div class="section-title"><div><h2>状态历史</h2><p>当前进度：{{ statusLabel(detail.status) }}</p></div></div>
         <el-timeline><el-timeline-item v-for="event in detail.histories" :key="event.id" :timestamp="event.occurredAt"><strong>{{ statusLabel(event.fromStatus) }} → {{ statusLabel(event.toStatus) }}</strong><p>{{ event.operatorName || '系统' }}<span v-if="event.reason"> · {{ event.reason }}</span></p></el-timeline-item></el-timeline>