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

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

@@ -1,6 +1,7 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
 import { flushPromises, mount } from '@vue/test-utils'
-import ElementPlus from 'element-plus'
+import ElementPlus, { ElMessageBox } from 'element-plus'
+import AppDialog from '@/shared/components/AppDialog.vue'
 import { ApiResponseError } from '@/shared/api/http'
 import type { ContainerCustomsStatus, ContainerCustomsView, DeclarationBatch, ClearanceResultType } from '../api/platformContainerCustoms'
 
@@ -14,6 +15,7 @@ const api = vi.hoisted(() => ({
   downloadSource: vi.fn(),
   downloadReceipt: vi.fn(),
   downloadFinal: vi.fn(),
+  recordResult: vi.fn(),
 }))
 
 vi.mock('../api/platformContainerCustoms', () => ({
@@ -27,6 +29,7 @@ vi.mock('../api/platformContainerCustoms', () => ({
   submitContainerCustomsToBroker: vi.fn(),
   sendContainerCustomsToBroker: api.sendToBroker,
   getDeclarationBatches: api.getDeclarationBatches,
+  recordClearanceResult: api.recordResult,
 }))
 vi.mock('@/modules/downloads', () => ({ createPlatformExportTask: vi.fn() }))
 
@@ -77,6 +80,51 @@ describe('ContainerCustomsPanel', () => {
     vi.spyOn(HTMLAnchorElement.prototype, 'click').mockImplementation(() => undefined)
   })
 
+  it('保留其他原因必填与批次版本，统一窗口确认后仍提交原始结果', async () => {
+    const batch: DeclarationBatch = {
+      id: '101', customsContainerId: '102', loadingPlanId: '2092438843630391402',
+      batchNo: 'DEC-TEST-001', status: 'SUBMITTED', sourceVersion: 3,
+      customsEntryNo: 'ENTRY-001', version: 7, submittedAt: null,
+      submittedByName: null, acknowledgedAt: null, acknowledgedByName: null, remark: null, results: [],
+    }
+    api.getDeclarationBatches.mockResolvedValue([batch])
+    api.get.mockResolvedValue({ ...customs('DECLARING', true), brokerSubmittedAt: '2026-10-19T09:00:00' })
+    const wrapper = mount(ContainerCustomsPanel, {
+      props: { loadingPlanId: batch.loadingPlanId, canList: true, canManage: true, departureState: 'WAITING_OTHER_GATES' },
+      global: { plugins: [ElementPlus] },
+    })
+    await flushPromises()
+    await wrapper.findAll('button').find(button => button.text() === '标记海关异常/结果')!.trigger('click')
+    const state = (wrapper.vm.$ as unknown as { setupState: {
+      clearanceBatch: DeclarationBatch; clearanceResultType: ClearanceResultType; clearanceRemark: string; clearanceDialogVisible: boolean
+    } }).setupState
+    state.clearanceResultType = 'OTHER'
+    await flushPromises()
+    const dialog = wrapper.getComponent(AppDialog)
+    expect(dialog.props('title')).toBe('标记海关异常/结果 · DEC-TEST-001')
+    expect(dialog.props('lockWhileSubmitting')).toBe(false)
+    dialog.vm.$emit('confirm')
+    await flushPromises()
+    expect(api.recordResult).not.toHaveBeenCalled()
+    state.clearanceRemark = '  已核实海关通知  '
+    dialog.vm.$emit('confirm')
+    await flushPromises()
+    expect(api.recordResult).toHaveBeenCalledWith(batch, 'OTHER', '已核实海关通知')
+    expect(dialog.props('modelValue')).toBe(false)
+    wrapper.unmount()
+  })
+
+  it('开始报关确认显示柜次号，取消不会冻结资料或调用开始接口', async () => {
+    const confirm = vi.spyOn(ElMessageBox, 'confirm').mockRejectedValueOnce('cancel')
+    const wrapper = await render('READY_TO_START')
+    await wrapper.findAll('button').find(button => button.text() === '开始报关')!.trigger('click')
+    await flushPromises()
+    expect(confirm).toHaveBeenCalledWith(expect.any(String), '开始整柜报关 · MCR08290001', expect.objectContaining({ customClass: 'admin-density-confirm' }))
+    expect(api.start).not.toHaveBeenCalled()
+    confirm.mockRestore()
+    wrapper.unmount()
+  })
+
   it('renders all customs result reasons in Chinese with the recorded remarks', async () => {
     const reasons: Array<[ClearanceResultType, string]> = [
       ['INSPECTION', '查验'], ['SUPPLEMENT_REQUIRED', '补资料'],