fix(admin): align supplier carrier master data

src/modules/suppliers/pages/SuppliersView.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted, ref, watch } from 'vue'
+import { computed, onActivated, onMounted, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { Eye, FileText, Pencil, Plus, Power } from '@lucide/vue'
@@ -14,7 +14,7 @@ import { getApiErrorDetails, type ApiErrorDetails } from '@/shared/api/http'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
 import SupplierLicenseDialog from '@/modules/suppliers/components/SupplierLicenseDialog.vue'
 import { changeSupplierStatus, getSupplierStats, listSuppliers } from '@/modules/suppliers/api/platformSuppliers'
-import { categoryLabels, formatCarrierCode, settlementLabels, statusLabels, type Supplier, type SupplierCategory, type SupplierStats, type SupplierStatus } from '@/modules/suppliers/types'
+import { carrierCodeOptions, categoryLabels, formatCarrierCodes, settlementLabels, statusLabels, type CarrierCode, type Supplier, type SupplierCategory, type SupplierStats, type SupplierStatus } from '@/modules/suppliers/types'
 
 const router = useRouter()
 const access = useAccessPreviewStore()
@@ -30,13 +30,14 @@ const loadError = ref<ApiErrorDetails | null>(null)
 const actionId = ref('')
 const licenseOpen = ref(false)
 const licenseSupplier = ref<Supplier | null>(null)
-type Filters = QueryModel & { status: SupplierStatus | ''; region: string; keyword: string }
-const filters = ref<Filters>({ status: '', region: '', keyword: '' })
+type Filters = QueryModel & { status: SupplierStatus | ''; region: string; keyword: string; carrierCode: CarrierCode | '' }
+const filters = ref<Filters>({ status: '', region: '', keyword: '', carrierCode: '' })
 const applied = ref<Filters>({ ...filters.value })
 let sequence = 0
 
 const queryFields = computed<QueryField[]>(() => [
   { key: 'status', type: 'select', label: '状态', placeholder: '全部状态', width: 150, options: [{ label: '合作中', value: 'ACTIVE' }, { label: '停用', value: 'INACTIVE' }] },
+  ...(activeCategory.value === 'BOOKING' ? [{ key: 'carrierCode', type: 'select' as const, label: '可代理船公司', placeholder: '全部船公司', width: 190, options: carrierCodeOptions }] : []),
   { key: 'region', type: 'input', label: '地区', placeholder: '请输入地区', width: 170, props: { maxlength: 80 } },
   { key: 'keyword', type: 'input', label: '名称或联系人', placeholder: '供应商名称/联系人', width: 220, props: { maxlength: 160 } },
 ])
@@ -45,7 +46,7 @@ const columns = computed<DataTableColumn[]>(() => [
   { key: 'actions', label: '操作', width: 260, fixed: 'left', slotName: 'actions' },
   { key: 'name', label: '供应商名称', minWidth: 230, slotName: 'name' },
   { key: 'category', label: '类别', width: 90, slotName: 'category' },
-  { key: 'carrierCode', label: '船司标准编码', minWidth: 160, slotName: 'carrierCode' },
+  { key: 'carrierCodes', label: '可代理船公司', minWidth: 240, slotName: 'carrierCodes' },
   { key: 'region', label: '地区', minWidth: 110 },
   { key: 'legalRepresentative', label: '法人', minWidth: 120 },
   { key: 'contactName', label: '联系人', minWidth: 110 },
@@ -69,7 +70,7 @@ async function load() {
   loadError.value = null
   try {
     const [result, counts] = await Promise.all([
-      listSuppliers({ page: page.value, size: pageSize.value, category: activeCategory.value, status: applied.value.status, region: applied.value.region, keyword: applied.value.keyword }),
+      listSuppliers({ page: page.value, size: pageSize.value, category: activeCategory.value, status: applied.value.status, region: applied.value.region, keyword: applied.value.keyword, carrierCode: activeCategory.value === 'BOOKING' ? applied.value.carrierCode || undefined : undefined }),
       getSupplierStats(),
     ])
     if (current !== sequence) return
@@ -108,7 +109,12 @@ async function toggleStatus(row: Supplier) {
 }
 
 watch([page, pageSize], ([newPage, newSize], [oldPage, oldSize]) => { if (newPage !== oldPage || newSize !== oldSize) void load() })
+let activatedOnce = false
 onMounted(load)
+onActivated(() => {
+  if (activatedOnce) void load()
+  else activatedOnce = true
+})
 </script>
 
 <template>
@@ -149,7 +155,7 @@ onMounted(load)
           </template>
           <template #name="{ row }"><strong class="supplier-name">{{ row.name }}</strong></template>
           <template #category="{ row }">{{ categoryLabels[row.category as SupplierCategory] }}</template>
-          <template #carrierCode="{ row }">{{ formatCarrierCode(supplierRow(row).carrierCode) }}</template>
+          <template #carrierCodes="{ row }">{{ supplierRow(row).category === 'BOOKING' ? formatCarrierCodes(supplierRow(row).carrierCodes) : '—' }}</template>
           <template #license="{ row }"><el-button size="small" plain type="primary" @click="showLicense(supplierRow(row))"><FileText :size="15" />查看</el-button></template>
           <template #status="{ row }"><StatusBadge :status="statusLabels[row.status as SupplierStatus]" /></template>
           <template #settlement="{ row }">{{ settlementLabels[supplierRow(row).settlementPeriod] }}</template>