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

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

@@ -7,6 +7,7 @@ import { readFileSync } from 'node:fs'
 import { resolve } from 'node:path'
 import QueryToolbar from '@/shared/components/QueryToolbar.vue'
 import GlobalSmartLoadingView from './GlobalSmartLoadingView.vue'
+import AppDialog from '@/shared/components/AppDialog.vue'
 import type { ContainerBookingResource } from '../types'
 import {
   assignPendingReviewSmartLoadingOrder,
@@ -118,6 +119,49 @@ function mockContainerSearch(records: ContainerBookingResource[]) {
 }
 
 describe('GlobalSmartLoadingView', () => {
+  it.each(['PACKAGE', 'SEALED_PALLET'] as const)('分配窗口全屏保留来源及输入，按%s原接口提交', async (unitType) => {
+    if (unitType === 'SEALED_PALLET') {
+      vi.mocked(listSmartLoadingCandidates).mockResolvedValue(candidatePage([{
+        ...candidate, unitType, palletId: '801', palletNo: 'DP-TEST-1', indivisible: true,
+        groupMembers: [
+          { accountId: '1', inboundId: '180', orderId: '180', orderNo: 'O180', inboundCode: 'I180', customerName: '客户甲', availablePackageCount: 3, orderStatusSnapshot: 'WAIT_SPLIT', expectedArrivalAt: null },
+          { accountId: '1', inboundId: '181', orderId: '181', orderNo: 'O181', inboundCode: 'I181', customerName: '客户甲', availablePackageCount: 9, orderStatusSnapshot: 'WAIT_SPLIT', expectedArrivalAt: null },
+        ],
+      }]))
+    }
+    vi.mocked(assignSmartLoadingItem).mockResolvedValue(plan)
+    vi.mocked(assignSmartLoadingPallet).mockResolvedValue(plan)
+    const wrapper = mount(GlobalSmartLoadingView, { attachTo: document.body, global: { plugins: [ElementPlus] } })
+    await flushPromises()
+    await wrapper.get('.candidate-pane .el-table__body-wrapper').findAll('button').find(button => button.text() === '加入')!.trigger('click')
+    await flushPromises()
+    const popup = wrapper.getComponent(AppDialog)
+    expect(popup.get('table[aria-label="全局装柜分配来源"]').text()).toContain('CB-1')
+    if (unitType === 'PACKAGE') {
+      const input = popup.getComponent(ElInputNumber)
+      expect(input.props('modelValue')).toBe(candidate.availablePackageCount)
+      expect(input.props('max')).toBe(candidate.availablePackageCount)
+      input.vm.$emit('update:modelValue', 4)
+    } else {
+      expect(popup.findComponent(ElInputNumber).exists()).toBe(false)
+      expect(popup.get('details').text()).toContain('I181：9 箱')
+      expect(popup.props('title')).toBe('整托加入当前柜次 · DP-TEST-1')
+    }
+    await popup.get('[aria-label="展开全屏"]').trigger('click')
+    expect(popup.find('.el-dialog.is-fullscreen').exists()).toBe(true)
+    if (unitType === 'PACKAGE') expect(popup.getComponent(ElInputNumber).props('modelValue')).toBe(4)
+    popup.vm.$emit('confirm'); await flushPromises()
+    if (unitType === 'PACKAGE') {
+      expect(assignSmartLoadingItem).toHaveBeenCalledWith(plan.id, { inboundId: candidate.inboundId, packageCount: 4, expectedVersion: plan.version })
+      expect(assignSmartLoadingPallet).not.toHaveBeenCalled()
+    } else {
+      expect(assignSmartLoadingPallet).toHaveBeenCalledWith(plan.id, { palletId: '801', expectedVersion: plan.version })
+      expect(assignSmartLoadingItem).not.toHaveBeenCalled()
+    }
+    expect(popup.props('modelValue')).toBe(false)
+    wrapper.unmount()
+  })
+
   it('uses one-line shared text clamps for co-load and assigned-count summaries', () => {
     const source = readFileSync(resolve(process.cwd(), 'src/modules/container-loading/pages/GlobalSmartLoadingView.vue'), 'utf8')
     expect(source).toContain('<LineClampText :content="row.memberOrderSummaries.join(\'；\')" />')
@@ -139,6 +183,7 @@ describe('GlobalSmartLoadingView', () => {
   it('loads real containers, candidates and the selected plan into the three-column workbench', async () => {
     const wrapper = mount(GlobalSmartLoadingView, { global: { plugins: [ElementPlus] } })
     await flushPromises()
+    expect(wrapper.get('.container-option.selected').attributes('aria-pressed')).toBe('true')
 
     expect(getSmartLoadingPlanByBooking).toHaveBeenCalledWith(container.id)
     expect(listSmartLoadingCandidates).toHaveBeenCalledWith({ channelGroupCodes: ['MATSON_CLX'], page: 1, size: 20 })
@@ -498,8 +543,13 @@ describe('GlobalSmartLoadingView', () => {
     await buttons[0].trigger('click')
     await flushPromises()
     expect(document.body.textContent).toContain('不能部分输入、单独分配或单独移除')
-    expect(document.body.textContent).toContain('目标柜次：CB-1 · 集装箱号：MSCU-1')
-    expect(document.body.textContent).toContain('发货仓：义乌仓 · 柜次渠道：美森正班')
+    const popup = wrapper.getComponent(AppDialog)
+    expect(popup.props('title')).toBe('整组加入当前柜次 · CLG-2093539779795795969')
+    const contextRows = popup.findAll('table[aria-label="全局装柜分配来源"] tr')
+    expect(contextRows[0]!.findAll('td').map(cell => cell.text())).toEqual(['CB-1', 'MSCU-1'])
+    expect(contextRows[1]!.findAll('td').map(cell => cell.text())).toEqual(['义乌仓', '美森正班'])
+    await popup.get('[aria-label="展开全屏"]').trigger('click')
+    expect(popup.get('table[aria-label="全局装柜同柜组成员"]').text()).toContain('NYEXX2608290051-B')
     expect(document.body.textContent).not.toContain('本次分配箱数')
     ;([...document.body.querySelectorAll('button')].find((button) => button.textContent?.includes('确认整组分配')) as HTMLButtonElement).click()
     await flushPromises()
@@ -533,10 +583,12 @@ describe('GlobalSmartLoadingView', () => {
     expect(add.classes()).not.toContain('is-disabled')
     await add.trigger('click')
     await flushPromises()
-    expect(document.body.textContent).toContain('平均单箱毛重 待测量')
-    expect(document.body.textContent).toContain('平均单箱体积 待测量')
-    expect(document.body.textContent).not.toContain('平均单箱毛重 0 kg')
-    expect(document.body.textContent).toContain('订单渠道：合德海卡')
+    const popup = wrapper.getComponent(AppDialog)
+    expect(popup.props('title')).toBe('加入当前柜次 · EXXHK2609020361')
+    const measurements = popup.findAll('table[aria-label="全局装柜分配填写"] tr').find(row => row.text().includes('平均单箱毛重'))!
+    expect(measurements.findAll('td').map(cell => cell.text())).toEqual(['待测量', '待测量'])
+    const channel = popup.findAll('table[aria-label="全局装柜分配来源"] tr').find(row => row.text().includes('订单渠道'))!
+    expect(channel.findAll('td')[0]!.text()).toBe('合德海卡')
     expect(document.body.textContent).toContain('这是人工装柜分配，确认后仍会加入')
     expect(document.body.textContent).toContain('智能推荐不会跨渠道')
     ;([...document.body.querySelectorAll('button')]
@@ -876,6 +928,7 @@ describe('GlobalSmartLoadingView', () => {
     await removeAllButton!.trigger('click')
     await flushPromises()
 
+    expect(ElMessageBox.confirm).toHaveBeenCalledWith(expect.any(String), '移除未拣明细 · CB-1', expect.objectContaining({ customClass: 'admin-density-confirm' }))
     expect(removeAllUnpickedSmartLoadingItems).toHaveBeenCalledTimes(1)
     expect(removeAllUnpickedSmartLoadingItems).toHaveBeenCalledWith(plan.id, 2)
     expect(removeSmartLoadingItem).not.toHaveBeenCalled()
@@ -1066,7 +1119,7 @@ describe('GlobalSmartLoadingView', () => {
     expect(source).toContain('.channel-tags :deep(.el-checkbox-button__inner)')
     expect(source).toContain('flex-wrap: nowrap; gap: 6px;')
     expect(source).toContain('height: 34px; padding: 0 10px;')
-    expect(source).toContain('font-size: 13px; line-height: 32px;')
+    expect(source).toContain('font-size: var(--admin-font-body); line-height: 32px;')
     expect(source).not.toContain('class="summary-band"')
     expect(source).toContain('class="capacity-grid"')
     expect(source).toContain('智能推荐')