优化

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

@@ -1,8 +1,8 @@
 import { flushPromises, mount } from '@vue/test-utils'
 import { beforeEach, describe, expect, it, vi } from 'vitest'
-import ElementPlus from 'element-plus'
+import ElementPlus, { ElSelect } from 'element-plus'
 import { ApiResponseError } from '@/shared/api/http'
-import { listPlatformTenants } from '@/modules/iam'
+import { listPlatformTenants, type PlatformTenantResource } from '@/modules/iam'
 import { listPlatformPartners } from '@/modules/master-data'
 import { listPlatformWarehouses } from '@/modules/warehouses'
 import {
@@ -25,7 +25,8 @@ vi.mock('vue-router', () => ({
 }))
 vi.mock('@/core/access/accessPreview', () => ({ useAccessPreviewStore: () => ({ can: () => true }) }))
 vi.mock('@/core/workspace-tabs/workspaceTabs', () => ({ useWorkspaceTabsStore: () => ({ removeByIds: vi.fn(), bumpCacheEpoch: vi.fn() }) }))
-vi.mock('@/modules/iam', () => ({ listPlatformTenants: vi.fn() }))
+vi.mock('@/modules/iam', async importOriginal => ({
+  ...await importOriginal<typeof import('@/modules/iam')>(), listPlatformTenants: vi.fn() }))
 vi.mock('@/modules/master-data', () => ({ listPlatformPartners: vi.fn() }))
 vi.mock('@/modules/warehouses', () => ({ listPlatformWarehouses: vi.fn() }))
 vi.mock('../api/platformOceanBookings', () => ({
@@ -102,6 +103,28 @@ describe('OceanBookingDetailView one-click release', () => {
     vi.mocked(listOceanBookingAgents).mockResolvedValue([{ supplierId: '20', name: '订舱代理', carrierCodes: ['MATSON'] }])
   })
 
+  it('finds a customer outside the initial page and saves its actual ID and name in a new booking', async () => {
+    routeState.name = 'ocean-booking-create'; routeState.params.bookingId = 'new'
+    const customer = { id: '9007199254740999', tenantName: '柏悦物流', status: 'ACTIVE' } as PlatformTenantResource
+    vi.mocked(listPlatformTenants).mockImplementation(async query => ({
+      records: query.keyword ? [customer] : [], page: 1, size: 50, total: query.keyword ? 1 : 350, pages: query.keyword ? 1 : 7,
+    }))
+    vi.mocked(createOceanBooking).mockResolvedValue({ ...booking(), customerId: String(customer.id), customerName: customer.tenantName })
+    const { wrapper, vm } = await mountView()
+    const selector = wrapper.findAllComponents(ElSelect).find(item => item.props('placeholder') === '单客户可选择，多客户可留空')!
+    expect(selector.props('remote')).toBe(true)
+    selector.vm.$emit('end-reached', 'bottom'); await flushPromises()
+    expect(listPlatformTenants).toHaveBeenLastCalledWith({ page: 2, size: 50, status: 'ACTIVE' })
+    await selector.props('remoteMethod')?.('柏悦'); await flushPromises()
+    expect(listPlatformTenants).toHaveBeenLastCalledWith({ page: 1, size: 50, status: 'ACTIVE', keyword: '柏悦' })
+    selector.vm.$emit('update:modelValue', customer.id); await flushPromises()
+    expect(vm.form.data.customerId).toBe(customer.id)
+    expect(vm.form.data.customerName).toBe('柏悦物流')
+    await vm.save()
+    expect(createOceanBooking).toHaveBeenCalledWith(expect.objectContaining({ data: expect.objectContaining({ customerId: customer.id, customerName: '柏悦物流' }) }))
+    wrapper.unmount()
+  })
+
   it('opens the booking-number confirmation with the edited facts before saving or releasing', async () => {
     const { wrapper, vm } = await mountView()
     vm.form.data.billOfLadingNo = 'EDITED-BL'