优化

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

@@ -29,11 +29,8 @@ import type {
   OceanBookingSaveRequest,
   OceanBookingStatus,
 } from '../types'
+import { oceanBookingStatusLabel } from '../status'
 
-const statusLabels: Record<OceanBookingStatus, string> = {
-  DRAFT: '草稿', SUBMITTED: '已提交', CONFIRMED: '已确认', RELEASED: '已放舱',
-  FAILED: '订舱失败', CHANGE_PENDING: '变更中', CANCELLED: '已取消',
-}
 const partyTypes = [
   { value: 'SHIPPER', label: '发货人' },
   { value: 'CONSIGNEE', label: '收货人' },
@@ -103,7 +100,7 @@ const changeDialogOpen = ref(false)
 const changeForm = reactive({ vesselName: '', voyageNo: '', estimatedSailingAt: null as string | null, estimatedArrivalAt: null as string | null, reason: '' })
 
 function statusLabel(status: OceanBookingStatus | string | null | undefined) {
-  return status ? (statusLabels[status as OceanBookingStatus] || status) : '未设置'
+  return oceanBookingStatusLabel(status)
 }
 async function loadOptions() {
   optionsLoading.value = true
@@ -235,7 +232,7 @@ onMounted(() => { void load(); void loadOptions() })
         <div class="detail-heading">
           <el-button @click="router.push('/ocean-bookings')"><ArrowLeft :size="16" />返回列表</el-button>
           <PageToolbar class="booking-page-toolbar" as="section" :title="detail?.bookingNo || '订舱资料'" :description="detail ? `${detail.customerName || '—'} · ${detail.pol || '—'} → ${detail.pod || '—'}` : '填写并保存订舱资料'">
-            <template v-if="detail" #actions><div class="heading-status"><StatusBadge :status="detail.status" /><span>{{ statusLabel(detail.status) }}</span></div></template>
+            <template v-if="detail" #actions><div class="heading-status"><StatusBadge :status="statusLabel(detail.status)" /></div></template>
           </PageToolbar>
         </div>
       </template>