优化

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

@@ -111,11 +111,11 @@ async function loadOptions() {
   optionsError.value = ''
   try {
     const [customerResult, partnerResult, warehouseResult] = await Promise.all([
-      listPlatformTenants({ page: 1, size: 200 }),
+      listPlatformTenants({ page: 1, size: 200, status: 'ACTIVE' }),
       listPlatformPartners({ page: 1, size: 200, status: 'ACTIVE' }),
       listPlatformWarehouses({ page: 1, size: 200, status: 'ACTIVE' }),
     ])
-    customers.value = customerResult.records
+    customers.value = customerResult.records.filter((customer) => customer.status === 'ACTIVE')
     partners.value = partnerResult.records
     warehouses.value = warehouseResult.records
   } catch (cause) {
@@ -126,7 +126,8 @@ async function loadOptions() {
 }
 function selectCustomer(customerId: string) {
   form.data.customerId = customerId
-  form.data.customerName = customers.value.find((customer) => String(customer.id) === customerId)?.tenantName || ''
+  const customer = customers.value.find((item) => String(item.id) === customerId)
+  form.data.customerName = customer ? customer.legalName?.trim() || customer.tenantName : ''
 }
 function selectWarehouse(value: unknown) {
   const warehouseId = String(value || '')
@@ -277,7 +278,7 @@ onMounted(() => { void load(); void loadOptions() })
           <section class="booking-group" aria-label="基本信息">
             <h3>基本信息</h3><div class="booking-group__body">
             <el-form-item label="订舱号"><el-input :model-value="detail?.bookingNo || '保存后生成'" disabled /></el-form-item>
-            <el-form-item label="客户" prop="customerId"><el-select :model-value="form.data.customerId" filterable placeholder="请选择客户" :loading="optionsLoading" :disabled="!isNew" style="width:100%" @update:model-value="selectCustomer(String($event || ''))"><el-option v-for="customer in selectableCustomers" :key="String(customer.id)" :label="customer.tenantName" :value="String(customer.id)" /></el-select></el-form-item>
+            <el-form-item label="客户" prop="customerId"><el-select :model-value="form.data.customerId" filterable placeholder="请选择客户" :loading="optionsLoading" :disabled="!isNew" style="width:100%" @update:model-value="selectCustomer(String($event || ''))"><el-option v-if="form.data.customerId && !selectableCustomers.some((customer) => String(customer.id) === String(form.data.customerId))" :label="form.data.customerName || '当前客户'" :value="String(form.data.customerId)" /><el-option v-for="customer in selectableCustomers" :key="String(customer.id)" :label="customer.legalName?.trim() || customer.tenantName" :value="String(customer.id)" /></el-select></el-form-item>
             <el-form-item label="状态"><el-input :model-value="detail ? statusLabel(detail.status) : '待创建'" disabled /></el-form-item>
             <el-form-item label="渠道编码" prop="channelCode"><el-input v-model="form.data.channelCode" placeholder="请输入渠道编码" /></el-form-item>
             <el-form-item label="渠道名称" prop="channelName"><el-input v-model="form.data.channelName" placeholder="请输入渠道名称" /></el-form-item>