style(admin): unify dialog layouts and dense readonly presentation

src/modules/container-loading/components/OceanBookingLinkDialog.test.ts

@@ -5,6 +5,7 @@ import { listOceanBookingLinkCandidates } from '@/modules/ocean-bookings'
 import { linkContainerOceanBooking } from '../api/platformContainerLoading'
 import type { ContainerBookingResource } from '../types'
 import OceanBookingLinkDialog from './OceanBookingLinkDialog.vue'
+import AppDialog from '@/shared/components/AppDialog.vue'
 
 vi.mock('@/modules/ocean-bookings', () => ({ listOceanBookingLinkCandidates: vi.fn() }))
 vi.mock('../api/platformContainerLoading', () => ({ linkContainerOceanBooking: vi.fn() }))
@@ -35,6 +36,10 @@ describe('OceanBookingLinkDialog', () => {
   it('loads matching released-booking requirements when opened', async () => {
     const wrapper = mount(OceanBookingLinkDialog, { props: { modelValue: true, container }, global: { plugins: [ElementPlus] } })
     await flushPromises()
+    expect(wrapper.findComponent(AppDialog).props('title')).toBe('关联已放舱订舱 · CAB-1')
+    const identity = wrapper.findAllComponents({ name: 'ElFormItem' }).find(field => field.props('label') === '柜次号')!
+    expect(identity.text()).toContain('CAB-1')
+    expect(identity.find('input').exists()).toBe(false)
     expect(listOceanBookingLinkCandidates).toHaveBeenCalledExactlyOnceWith({ warehouseId: '8', channelGroupCode: 'MATSON_CLX', containerType: '40HQ', page: 1, size: 200 })
     expect((wrapper.vm as unknown as { candidates: Array<{ label: string }> }).candidates[0]?.label).toContain('OB-101 · 提单号 BL-101 · 40HQ × 1')
     wrapper.unmount()
@@ -49,6 +54,9 @@ describe('OceanBookingLinkDialog', () => {
     const vm = wrapper.vm as unknown as { candidateKey: string; containerNo: string; save: () => Promise<void> }
     vm.candidateKey = '101:202'
     vm.containerNo = input
+    await wrapper.findComponent(AppDialog).find('button[aria-label="展开全屏"]').trigger('click')
+    expect(vm.containerNo).toBe(input)
+    expect(linkContainerOceanBooking).not.toHaveBeenCalled()
     await vm.save()
     expect(linkContainerOceanBooking).toHaveBeenCalledExactlyOnceWith('9001', {
       oceanBookingId: '101', requirementId: '202', containerNo: expected, expectedVersion: 7,