优化

src/modules/customers/pages/OverseasStorageFeesView.vue

@@ -28,12 +28,11 @@ const form = reactive({ currency: 'USD', version: 0, tiers: [] as OverseasStorag
 
 const storageTiers = computed(() => form.tiers.filter((tier) => tier.feeType === 'STORAGE'))
 const returnTiers = computed(() => form.tiers.filter((tier) => tier.feeType === 'RETURN_STORAGE'))
-const filters = reactive({ keyword: '' })
+const filters = ref({ keyword: '' })
 const queryFields = [{ key: 'keyword', label: '客户', type: 'input' as const, placeholder: '搜索客户名称' }]
 const columns = [
   { key: 'actions', slotName: 'actions', label: '操作', width: 100, fixed: 'left' as const },
   { key: 'customerName', prop: 'customerName', label: '客户', minWidth: 180 },
-  { key: 'customerId', prop: 'customerId', label: '客户ID', minWidth: 180 },
   { key: 'currency', prop: 'currency', label: '币种', width: 90 },
   { key: 'storage', slotName: 'storage', label: '仓租（CBM/天）', minWidth: 300 },
   { key: 'returnStorage', slotName: 'returnStorage', label: '退货仓储费（托/天）', minWidth: 300 },
@@ -48,7 +47,7 @@ async function load() {
   catch (cause) { error.value = getApiErrorDetails(cause, '海外仓阶梯费用加载失败，请稍后重试') }
   finally { loading.value = false }
 }
-function search() { keyword.value = filters.keyword; page.value = 1; void load() }
+function search() { keyword.value = filters.value.keyword; page.value = 1; void load() }
 function openEdit(row: OverseasStorageFeeConfig) { editing.value = row; form.currency = row.currency || 'USD'; form.version = row.version; form.tiers = clone(row.tiers); dialogOpen.value = true }
 function addTier(feeType: OverseasStorageFeeTier['feeType']) { const message = addFeeTier(form.tiers, feeType); if (message) ElMessage.error(message) }
 function removeTier(tier: OverseasStorageFeeTier) { const message = removeFeeTier(form.tiers, tier); if (message) ElMessage.error(message) }