fix(admin): refine loading and fulfillment displays

src/modules/ocean-bookings/components/OceanBookingDocumentsPanel.test.ts

@@ -61,7 +61,7 @@ describe('OceanBookingDocumentsPanel contract', () => {
 
   it('makes released booking files permanently read-only and preserves traced errors', () => {
     expect(source).toContain("props.bookingStatus === 'DRAFT' && props.canManage")
-    expect(source).toContain('已放舱 · 永久只读')
+    expect(source).not.toContain('已放舱 · 永久只读')
     expect(source).toContain('manageReason')
     expect(source).toContain('<ApiErrorMeta :details="error" />')
     expect(source).toContain('订舱资料上传失败，请稍后重试')

src/modules/ocean-bookings/components/OceanBookingDocumentsPanel.vue

@@ -111,7 +111,7 @@ async function selectFile(event: Event, type: OceanBookingDocumentType) {
 
 <template>
   <section class="booking-documents workbench-panel is-compact admin-density admin-workbench" aria-label="订舱资料">
-    <div class="booking-documents__heading"><h2>订舱资料<InlineHelp title="订舱资料说明"><p>文件统一归属当前订舱；放舱要求至少一份有效的订舱确认文件或提单文件。</p></InlineHelp></h2><el-tag v-if="bookingStatus === 'RELEASED'" type="info">已放舱 · 永久只读</el-tag></div>
+    <div class="booking-documents__heading"><h2>订舱资料<InlineHelp title="订舱资料说明"><p>文件统一归属当前订舱；放舱要求至少一份有效的订舱确认文件或提单文件。</p></InlineHelp></h2></div>
     <el-alert v-if="bookingStatus === 'DRAFT' && !editable && manageReason" type="warning" :closable="false" show-icon :title="manageReason" />
     <el-alert v-if="error" type="error" :closable="true" show-icon @close="error = null"><template #title>{{ error.message }}</template><ApiErrorMeta :details="error" /></el-alert>
     <div class="booking-document-types">

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

@@ -92,7 +92,7 @@ async function mountView() {
       stubs: {
         AdminPage: { template: '<main><slot /></main>' },
         DetailPageLayout: { template: '<section><slot name="header" /><slot /></section>' },
-        PageToolbar: { props: ['description'], template: '<header><p class="toolbar-description">{{ description }}</p><slot name="actions" /></header>' },
+        PageToolbar: { props: ['title', 'description'], template: '<header><h1>{{ title }}</h1><p v-if="description" class="toolbar-description">{{ description }}</p><slot name="actions" /></header>' },
         CarrierScheduleQueryPanel: true,
       },
     },
@@ -252,19 +252,21 @@ describe('OceanBookingDetailView one-click release', () => {
     wrapper.unmount()
   })
 
-  it('shows the route alone in the heading without a single customer and keeps an actual customer name', async () => {
+  it('keeps the booking number without a subtitle for empty and populated route data', async () => {
     const value = booking()
     value.customerId = null; value.customerName = null
     value.oceanBooking.customerId = null; value.oceanBooking.customerName = null
+    value.pol = null; value.pod = null
     vi.mocked(getOceanBooking).mockResolvedValue(value)
     const { wrapper } = await mountView()
-    expect(wrapper.get('.toolbar-description').text()).toBe('上海 → 洛杉矶')
+    expect(wrapper.get('.booking-page-toolbar h1').text()).toBe(value.bookingNo)
+    expect(wrapper.find('.toolbar-description').exists()).toBe(false)
     expect(wrapper.text()).not.toContain('未关联客户')
     wrapper.unmount()
 
     vi.mocked(getOceanBooking).mockResolvedValue(booking())
     const { wrapper: customerWrapper } = await mountView()
-    expect(customerWrapper.get('.toolbar-description').text()).toBe('测试客户 · 上海 → 洛杉矶')
+    expect(customerWrapper.find('.toolbar-description').exists()).toBe(false)
     customerWrapper.unmount()
   })
 

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

@@ -468,7 +468,7 @@ onMounted(() => { void load(); void loadOptions() })
         <div class="detail-heading">
           <el-button link class="density-back" @click="router.push('/ocean-bookings')"><ArrowLeft :size="16" />返回列表</el-button>
           <span class="booking-brand" aria-hidden="true"><Ship :size="22" /></span>
-          <PageToolbar class="booking-page-toolbar" as="section" :title="detail?.bookingNo || '订舱信息管理'" :description="detail ? `${detail.customerName ? `${detail.customerName} · ` : ''}${detail.pol || '—'} → ${detail.pod || '—'}` : '出口订舱作业'">
+          <PageToolbar class="booking-page-toolbar" as="section" :title="detail?.bookingNo || '订舱信息管理'">
             <template #actions>
               <div class="actions booking-page-actions">
                 <StatusBadge v-if="detail" :status="statusLabel(detail.status)" />
@@ -682,7 +682,6 @@ onMounted(() => { void load(); void loadOptions() })
 }
 .booking-page-toolbar { min-width: 0; flex: 1; }
 .booking-page-toolbar :deep(h1) { font-size: var(--admin-font-title); }
-.booking-page-toolbar :deep(.page-toolbar__description) { margin-top: var(--admin-space-1); font-size: var(--admin-font-caption); color: var(--workbench-muted); }
 .booking-page-actions { align-items: center; }
 .actions { display: flex; flex-wrap: wrap; gap: var(--admin-space-3); }
 .booking-workflow {