优化

src/modules/loading-lists/components/LoadingListsView.test.ts

@@ -79,7 +79,8 @@ describe('LoadingListsView', () => {
   })
 
   it('only exposes transport editing for LOADING preload details', () => {
-    expect(detailSource).toContain("mode === 'preload' && canEdit && ['EDITING', 'LOADING'].includes(summary.status)")
+    expect(detailSource).toContain("props.mode === 'preload' && props.canEdit && ['EDITING', 'LOADING'].includes(summary.value?.status || '')")
+    expect(detailSource).toContain('const itemColumns = computed(() => canEditItemRemark.value ? [actionColumn, ...baseItemColumns] : baseItemColumns)')
     expect(detailSource).toContain('报关资料')
     expect(detailSource).toContain('完成报关')
     expect(preloadDetailSource).toContain('expectedVersion: detail.value.summary.version')
@@ -180,11 +181,30 @@ describe('LoadingListsView', () => {
     expect(detailSource).toContain('来源：订单内部备注')
     expect(detailSource).toContain('仓库备注将随装柜完成资料下发海外仓')
     expect(detailSource).toContain("emit('editWarehouseRemark', row as LoadingItem)")
-    expect(detailSource).toContain("mode === 'preload' && canEdit && ['EDITING', 'LOADING'].includes(summary.status)")
+    expect(detailSource).toContain("props.mode === 'preload' && props.canEdit && ['EDITING', 'LOADING'].includes(summary.value?.status || '')")
     expect(detailSource).not.toContain("emit('editCustomerRemark'")
     expect(detailSource).not.toContain("emit('editInternalRemark'")
   })
 
+  it('uses a compact desktop detail header, five-column summary and dense non-wrapping item table', () => {
+    expect(detailSource).toContain('class="detail-overview surface-panel"')
+    expect(detailSource).toContain('class="detail-page-header"')
+    expect(detailSource).toContain("@click=\"emit('back')\"")
+    expect(detailSource).toContain('class="detail-page-header__actions"')
+    expect(detailSource).toContain('grid-template-columns: repeat(5, minmax(0, 1fr))')
+    expect(detailSource).toContain("className: 'identifier-column'")
+    expect(detailSource).toContain('showOverflowTooltip: true')
+    expect(detailSource).toContain('white-space: nowrap')
+    expect(detailSource).toContain('<template #toolbar-start>')
+    expect(detailSource).not.toContain('<span v-else aria-label="只读">—</span>')
+  })
+
+  it('merges the page header and summary while spacing independent business sections', () => {
+    expect(detailSource).toContain('<section v-if="detail && summary" class="detail-summary"')
+    expect(detailSource).not.toContain('class="detail-summary surface-panel"')
+    expect(detailSource).toContain('.detail-layout :deep(.detail-page-layout__content) { display: grid; min-width: 0; gap: 16px; }')
+  })
+
   it('does not expose unknown history action codes', () => {
     expect(detailSource).toContain("CONFIRM_PRELOAD: '确认预装'")
     expect(detailSource).toContain("[action] || '状态更新'")