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

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

@@ -15,6 +15,7 @@ import {
 } from '../api/platformOceanBookings'
 import type { OceanBookingDetail, OceanBookingStatus } from '../types'
 import OceanBookingDetailView from './OceanBookingDetailView.vue'
+import AppDialog from '@/shared/components/AppDialog.vue'
 
 const routerReplace = vi.hoisted(() => vi.fn())
 const routeState = vi.hoisted(() => ({ name: 'ocean-booking-detail', params: { bookingId: '123' } }))
@@ -101,6 +102,23 @@ describe('OceanBookingDetailView one-click release', () => {
     vi.mocked(listOceanBookingAgents).mockResolvedValue([{ supplierId: '20', name: '订舱代理', carrierCodes: ['MATSON'] }])
   })
 
+  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'
+    await flushPromises()
+    await wrapper.findAll('button').find(button => button.text() === '放舱')!.trigger('click')
+    await flushPromises()
+    const dialog = wrapper.findAllComponents(AppDialog).find(item => item.props('title').startsWith('确认放舱'))!
+    expect(dialog.props('modelValue')).toBe(true)
+    expect(dialog.props('title')).toBe('确认放舱 · OB-123')
+    expect(wrapper.get('.release-summary').text()).toContain('EDITED-BL')
+    expect(wrapper.text()).toContain('不能修改、不能删除')
+    expect(wrapper.text()).not.toContain('处理数据库')
+    expect(updateOceanBookingDraft).not.toHaveBeenCalled()
+    expect(releaseOceanBooking).not.toHaveBeenCalled()
+    wrapper.unmount()
+  })
+
   it('shows the matching fixed logistics group instead of the underlying price-book channel', async () => {
     const { wrapper } = await mountView()
     expect(wrapper.text()).toContain('美森正班')