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

src/modules/container-loading/pages/ContainersView.test.ts

@@ -133,7 +133,7 @@ describe('ContainersView', () => {
     expect(buttons).toHaveLength(1)
     await buttons[0].trigger('click')
     await flushPromises()
-    const returnDialog = wrapper.findAllComponents(AppDialog).find((dialog) => dialog.props('title') === '确认还柜')!
+    const returnDialog = wrapper.findAllComponents(AppDialog).find((dialog) => dialog.props('title').startsWith('确认还柜'))!
     returnDialog.findComponent({ name: 'ElDatePicker' }).vm.$emit('update:modelValue', '2026-09-11T13:00:00')
     await returnDialog.find('textarea').setValue('还柜凭证已核对')
     const callsBefore = vi.mocked(listContainers).mock.calls.length
@@ -176,7 +176,7 @@ describe('ContainersView', () => {
         expect(listContainers).toHaveBeenCalledWith(expect.objectContaining({ scope: 'ACTIVE' }), 'OVERSEAS')
         expect(wrapper.text()).toContain('MSCU-1')
         expect(wrapper.findAll('.row-actions button').some((button) => button.text() === '确认还柜')).toBe(false)
-        expect(wrapper.findAllComponents(AppDialog).some((dialog) => dialog.props('title') === '确认还柜' && dialog.props('modelValue'))).toBe(false)
+        expect(wrapper.findAllComponents(AppDialog).some((dialog) => dialog.props('title').startsWith('确认还柜') && dialog.props('modelValue'))).toBe(false)
         expect(recordTerminalDrayageEmptyReturn).not.toHaveBeenCalled()
         expect(getTerminalDrayage).not.toHaveBeenCalled()
         if (missing === 'historical unloaded snapshot') {
@@ -200,7 +200,7 @@ describe('ContainersView', () => {
     const open = async () => {
       await wrapper.findAll('.row-actions button').find((button) => button.text() === '确认还柜')!.trigger('click')
       await flushPromises()
-      return wrapper.findAllComponents(AppDialog).find((dialog) => dialog.props('title') === '确认还柜')!
+      return wrapper.findAllComponents(AppDialog).find((dialog) => dialog.props('title').startsWith('确认还柜'))!
     }
     const first = await open()
     first.vm.$emit('update:modelValue', false)
@@ -270,7 +270,19 @@ describe('ContainersView', () => {
     expect(listPlatformPartners).toHaveBeenCalledTimes(1)
     expect(listSuppliers).toHaveBeenCalledTimes(1)
     expect(listOceanBookings).toHaveBeenCalledTimes(1)
-    wrapper.findAllComponents(AppDialog).find((dialog) => dialog.props('title') === '编辑')!.vm.$emit('update:modelValue', false)
+    const editor = wrapper.findAllComponents(AppDialog).find((dialog) => dialog.props('title').startsWith('编辑货柜资料'))!
+    expect(editor.props('title')).toBe('编辑货柜资料 · CB-1')
+    const editorFields = editor.findAllComponents({ name: 'ElFormItem' })
+    expect(editorFields).toHaveLength(17)
+    for (const label of ['真实集装箱号', '柜次号', '货柜容量（m³）', '重量上限（kg）']) expect(editorFields.find(field => field.props('label') === label)!.find('input').exists()).toBe(false)
+    const vessel = editorFields.find(field => field.props('label') === '船名')!.findComponent({ name: 'ElInput' })
+    vessel.vm.$emit('update:modelValue', '编辑中的船名')
+    await flushPromises()
+    await editor.find('button[aria-label="展开全屏"]').trigger('click')
+    expect(editor.findComponent({ name: 'ElDialog' }).props('fullscreen')).toBe(true)
+    expect(vessel.props('modelValue')).toBe('编辑中的船名')
+    expect(updateContainer).not.toHaveBeenCalled()
+    editor.vm.$emit('update:modelValue', false)
     await wrapper.findAll('button').find((button) => button.text().trim() === '编辑')!.trigger('click')
     await flushPromises()
     expect(listPlatformPartners).toHaveBeenCalledTimes(1)
@@ -417,9 +429,9 @@ describe('ContainersView', () => {
     expect(source).toContain("'domestic-container-detail' : 'overseas-container-detail'")
     expect(source).not.toContain('<AppDialog v-model="detailOpen"')
     expect(source).toContain('<AppDialog v-model="editorOpen" class="container-editor-dialog admin-density-dialog"')
-    expect(source).toContain('width="min(820px, calc(100vw - 28px))"')
+    expect(source).toContain('width="min(1080px, calc(100vw - 28px))"')
     expect(source).toContain('admin-density-dialog')
-    expect(source).toContain('grid-template-columns: repeat(2, minmax(0, 1fr))')
+    expect(source).toContain('class="density-table density-table--editable container-editor-table"')
     expect(source).not.toContain('AppDrawer')
     expect(source).not.toContain('<AppDrawer v-model="editorOpen"')
   })
@@ -588,7 +600,7 @@ describe('ContainersView', () => {
       expect(link).toBeDefined()
       link.click()
       await flushPromises()
-      expect(wrapper.findAllComponents(AppDialog).find((dialog) => dialog.props('title') === '关联已放舱订舱')?.props('modelValue')).toBe(true)
+      expect(wrapper.findAllComponents(AppDialog).find((dialog) => dialog.props('title').startsWith('关联已放舱订舱'))?.props('modelValue')).toBe(true)
       expect(listOceanBookingLinkCandidates).toHaveBeenCalledWith({ warehouseId: '8', channelGroupCode: 'MATSON_CLX', containerType: '40HQ', page: 1, size: 200 })
     } finally {
       wrapper.unmount()
@@ -617,8 +629,8 @@ describe('ContainersView', () => {
     expect(simulationSource).toContain("channelGroupCode: '', warehouseId: '', containerType: DEFAULT_CONTAINER_TYPE, capacityCbm: 68, maxWeightKg: 19500")
     expect(source).toContain('CONTAINER_SPECIFICATIONS')
     expect(simulationSource).toContain('selectSimulationContainerType')
-    expect(simulationSource).toContain('服务端会生成稳定的柜次号')
-    expect(source).toContain(':model-value="form.cabinetNo" disabled placeholder="系统生成"')
+    expect(simulationSource).toContain('创建后自动生成柜次号')
+    expect(source).toContain("{{ form.cabinetNo || '—' }}")
     expect(source).not.toContain('v-model="form.cabinetNo"')
     expect(source).not.toContain('cabinetNo: form.cabinetNo.trim()')
     expect(source).not.toContain('openCreate')
@@ -725,7 +737,7 @@ describe('ContainersView', () => {
       .filter((item) => item.textContent?.includes('关联已放舱订舱')).at(-1)!.click()
     await flushPromises()
     wrapper.findAllComponents(AppDialog)
-      .find((dialog) => dialog.props('title') === '关联已放舱订舱')!.vm.$emit('update:modelValue', false)
+      .find((dialog) => dialog.props('title').startsWith('关联已放舱订舱'))!.vm.$emit('update:modelValue', false)
     await flushPromises()
 
     await wrapper.find('.el-table__body button[aria-label="更多货柜操作"]').trigger('click')