fix(overseas): harden receiving warehouse change

src/modules/overseas-warehouse/pages/LastMileOrdersView.behavior.test.ts

@@ -1,9 +1,12 @@
 import ElementPlus from 'element-plus'
+import { readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
 import { createPinia } from 'pinia'
 import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
 import { afterAll, afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { ApiResponseError } from '@/shared/api/http'
 import DataTable from '@/shared/components/DataTable.vue'
+import AppDialog from '@/shared/components/AppDialog.vue'
 import QueryToolbar from '@/shared/components/QueryToolbar.vue'
 import { listAllPlatformWarehouses } from '@/modules/warehouses'
 import {
@@ -61,6 +64,10 @@ const receivingWarehouse = {
   ...fbaWarehouse,
   id: '9007199254740996', warehouseCode: 'LAX02', warehouseName: '洛杉矶二号接柜仓', warehouseType: 'OVERSEAS',
 }
+const currentReceivingWarehouse = {
+  ...receivingWarehouse,
+  id: summary.overseasWarehouseId, warehouseCode: summary.overseasWarehouseCode, warehouseName: summary.overseasWarehouseName,
+}
 function selectedRow(overrides: Record<string, unknown> = {}) {
   return { id: '2092873463568596994', customerId, sourceContainerBookingId: bookingId, orderNo: 'LMO-260827-0001', ...overrides }
 }
@@ -309,24 +316,55 @@ describe('LastMileOrdersView pending order and container conversion', () => {
   })
 
   it('shows the receiving warehouse and changes it from ACTIVE OVERSEAS master data with versioning', async () => {
-    vi.mocked(listAllPlatformWarehouses).mockResolvedValueOnce([receivingWarehouse] as never)
+    vi.mocked(listAllPlatformWarehouses).mockResolvedValueOnce([currentReceivingWarehouse, receivingWarehouse] as never)
     const wrapper = await mountView()
     await wrapper.findAll('.el-radio-button').find((item) => item.text().startsWith('柜子'))!.trigger('click')
     await flushPromises()
     expect(wrapper.text()).toContain('海外接柜仓')
     expect(wrapper.text()).toContain('LAX01 · 洛杉矶接柜仓')
+    expect(wrapper.get('.container-workbench-card__warehouse strong').attributes('title')).toBe('LAX01 · 洛杉矶接柜仓')
+    expect(listAllPlatformWarehouses).not.toHaveBeenCalled()
     await button(wrapper, '修改接柜仓')!.trigger('click')
     await flushPromises()
+    const receivingDialog = wrapper.findAllComponents(AppDialog).find((item) => item.props('title') === '修改海外接柜仓')!
+    expect(receivingDialog.props('width')).toBe('min(600px, calc(100vw - 28px))')
     expect(listAllPlatformWarehouses).toHaveBeenLastCalledWith({ warehouseType: 'OVERSEAS', status: 'ACTIVE' })
+    expect(listAllPlatformWarehouses).toHaveBeenCalledTimes(1)
     const warehouseSelect = wrapper.findAllComponents({ name: 'ElSelect' }).find((item) => item.props('placeholder') === '请选择 ACTIVE 海外接柜仓')!
+    expect(warehouseSelect.props('modelValue')).toBe('')
+    expect(wrapper.text()).not.toContain('9007199254740995')
+    const warehouseOptions = wrapper.findAllComponents({ name: 'ElOption' })
+    expect(warehouseOptions.find((item) => item.props('value') === summary.overseasWarehouseId)?.props('disabled')).toBe(true)
+    const confirm = [...document.body.querySelectorAll('button')].find((item) => item.textContent?.includes('确认修改')) as HTMLButtonElement
+    warehouseSelect.vm.$emit('update:modelValue', summary.overseasWarehouseId)
+    await wrapper.vm.$nextTick()
+    expect(confirm.disabled).toBe(true)
+    expect(wrapper.text()).toContain('新的海外接柜仓必须与当前仓不同')
     warehouseSelect.vm.$emit('update:modelValue', '9007199254740996')
     await wrapper.vm.$nextTick()
-    const confirm = [...document.body.querySelectorAll('button')].find((item) => item.textContent?.includes('确认修改')) as HTMLButtonElement
+    expect(confirm.disabled).toBe(false)
     confirm.click()
     await flushPromises()
     expect(changeContainerReceivingWarehouse).toHaveBeenCalledWith(bookingId, {
       overseasWarehouseId: '9007199254740996', expectedVersion: 7, remark: undefined,
     }, expect.stringMatching(/^container-receiving-warehouse-/))
+    expect(listContainerPlanProgress).toHaveBeenCalledTimes(2)
+  })
+
+  it('keeps the receiving-warehouse confirmation disabled while candidates are loading', async () => {
+    let resolveCandidates!: (value: typeof receivingWarehouse[]) => void
+    vi.mocked(listAllPlatformWarehouses).mockReturnValueOnce(new Promise((resolve) => { resolveCandidates = resolve }) as never)
+    const wrapper = await mountView()
+    await wrapper.findAll('.el-radio-button').find((item) => item.text().startsWith('柜子'))!.trigger('click')
+    await flushPromises()
+    await button(wrapper, '修改接柜仓')!.trigger('click')
+    await wrapper.vm.$nextTick()
+    const confirm = [...document.body.querySelectorAll('button')].find((item) => item.textContent?.includes('确认修改')) as HTMLButtonElement
+    expect(confirm.disabled).toBe(true)
+    expect(listAllPlatformWarehouses).toHaveBeenCalledTimes(1)
+    resolveCandidates([receivingWarehouse])
+    await flushPromises()
+    expect(confirm.disabled).toBe(true)
   })
 
   it('does not expose a receiving-warehouse edit when the server locks the container', async () => {
@@ -390,6 +428,14 @@ describe('LastMileOrdersView pending order and container conversion', () => {
     expect(changeContainerReceivingWarehouse).not.toHaveBeenCalled()
   })
 
+  it('keeps dense cabinet fields and actions on one line with ellipsis at 1920px', () => {
+    const source = readFileSync(resolve(process.cwd(), 'src/modules/overseas-warehouse/pages/LastMileOrdersView.vue'), 'utf8')
+    expect(source).toContain('.container-detail-summary > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }')
+    expect(source).toContain('.container-workbench-card__warehouse strong { min-width: 0; overflow: hidden; color: var(--cc-text); font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }')
+    expect(source).toContain('.container-workbench-card__actions { display: flex; justify-content: flex-end; gap: 8px; padding-top: 2px; white-space: nowrap; }')
+    expect(source).toContain("{ key: 'actions', label: '操作', width: 110, fixed: 'left'")
+  })
+
   it('loads only active FBA master data and submits exact string fields for a cross-customer transfer', async () => {
     const wrapper = await openPending()
     await selectRows(wrapper, [selectedRow(), selectedRow({ id: '2092873463568596995', customerId: '2092618717861048322' })])