优化

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

@@ -120,7 +120,8 @@ describe('LoadingListsView', () => {
     expect(detailSource).toContain("PRELOAD_NOT_PUSHED: '尚未推送预装清单'")
     expect(detailSource).toContain("OCEAN_BOOKING_NOT_RELEASED: '关联订舱尚未放舱'")
     expect(detailSource).toContain("PRELOAD_ALREADY_CONFIRMED: '整份预装计划已经确认'")
-    expect(detailSource).toContain("confirmationStatus === 'CONFIRMED'")
+    expect(detailSource).toContain("confirmationStatus !== 'CONFIRMED' && !preloadSummary.readiness.canConfirm")
+    expect(detailSource).toContain('confirmationStatusLabels[preloadSummary.readiness.confirmationStatus]')
     expect(detailSource).toContain("pdaTaskStatusLabels")
     expect(preloadDetailSource).toContain('@confirm-preload="openConfirmPreload"')
   })
@@ -186,12 +187,18 @@ describe('LoadingListsView', () => {
     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"')
+  it('uses one white detail surface, a readable four-column summary and dense item table', () => {
+    expect(detailSource).toContain('class="detail-overview"')
+    expect(detailSource).not.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('grid-template-columns: repeat(4, minmax(0, 1fr))')
+    expect(detailSource).toContain('min-height: 26px')
+    expect(detailSource).toContain('> div > span:first-child::after { content: "："; }')
+    expect(detailSource).not.toContain('> div > span::after { content: "："; }')
+    expect(detailSource).toContain('background: #fff')
+    expect(detailSource).toContain('overflow-wrap: anywhere')
     expect(detailSource).toContain("className: 'identifier-column'")
     expect(detailSource).toContain('showOverflowTooltip: true')
     expect(detailSource).toContain('white-space: nowrap')
@@ -202,7 +209,12 @@ describe('LoadingListsView', () => {
   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; }')
+    expect(detailSource).toContain('.detail-layout :deep(.detail-page-layout__content) { display: grid; min-width: 0; gap: 20px; }')
+    expect(detailSource).toContain('<section class="detail-section">')
+    expect(detailSource).not.toContain('class="detail-section surface-panel"')
+    expect(detailSource).not.toContain('class="history-section surface-panel"')
+    expect(detailSource).toContain('padding: 16px 0 0')
+    expect(detailSource).toContain("fixed: 'left', width: 132")
   })
 
   it('does not expose unknown history action codes', () => {