优化

src/modules/unified-orders/pages/UnifiedOrdersView.test.ts

@@ -563,7 +563,7 @@ describe('UnifiedOrdersView contract', () => {
 
   it('renders order detail as a routed full page instead of a drawer', () => {
     expect(source).toContain('<template v-if="isDetailRoute">')
-    expect(source).toContain('class="order-detail-header"')
+    expect(source).toContain('class="order-detail-header density-detail-header"')
     expect(source).toContain('aria-label="订单详情模块"')
     expect(source).toContain("{ key: 'basic', label: '基本信息'")
     expect(source).toContain("{ key: 'measurement', label: '测量数据'")

src/modules/unified-orders/pages/UnifiedOrdersView.vue

@@ -2215,11 +2215,11 @@ onBeforeUnmount(() => {
     </AppDialog>
     <template v-if="isDetailRoute">
       <DetailPageLayout ariaLabel="统一订单详情">
-      <header class="order-detail-header">
-        <div class="order-detail-heading">
+      <header class="order-detail-header density-detail-header">
+        <div class="order-detail-heading density-detail-heading">
           <el-button link class="back-button density-back" @click="fromMeasurementReview ? returnToMeasurementReviews() : closeDetail()"><ArrowLeft :size="16" />{{ fromMeasurementReview ? '返回测量审核列表' : '返回列表' }}</el-button>
           <div class="order-title">
-            <h1>{{ detail?.summary.inboundCode || '入仓码暂缺' }}</h1>
+            <h1 class="density-detail-title">{{ detail?.summary.inboundCode || '入仓码暂缺' }}</h1>
           </div>
           <StatusBadge v-if="detail" :status="statusLabel(detail.summary.mainStatus)" />
         </div>
@@ -2235,7 +2235,7 @@ onBeforeUnmount(() => {
 
       <div v-else v-loading="detailLoading" class="order-detail-content">
         <template v-if="detail">
-          <dl class="detail-overview" aria-label="订单概览">
+          <dl class="detail-overview density-detail-overview" aria-label="订单概览">
             <div><dt>客户</dt><dd>{{ customerName(detail.summary) }}</dd></div>
             <div><dt>渠道</dt><dd>{{ detail.summary.channelName || '未配置渠道' }}</dd></div>
             <div><dt>总箱数</dt><dd>{{ detail.summary.totalPackageCount ?? '—' }} 箱 <small>（{{ detail.order.cargoes.length }} 条货品）</small></dd></div>
@@ -2802,10 +2802,6 @@ onBeforeUnmount(() => {
 <style scoped>
 .detail-tabs { border: 1px solid var(--cc-border); border-block: 0; }
 
-.detail-overview > div { display: flex; min-width: 0; align-items: baseline; gap: var(--admin-space-2, 6px); }
-.detail-overview dt { flex: 0 0 auto; color: var(--cc-muted); font-size: var(--admin-font-caption, 12px); }
-.detail-overview dd { min-width: 0; margin: 0; color: var(--cc-text); font-size: var(--admin-font-body, 13px); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
-.detail-overview small { color: var(--cc-muted); font-size: var(--admin-font-caption, 12px); }
 .panel-title > div:first-child { display: flex; align-items: baseline; flex-wrap: wrap; gap: var(--admin-space-1, 4px) var(--admin-space-5, 12px); }
 .compact-empty { margin: 0; padding: 14px var(--admin-space-4, 10px); color: var(--cc-muted); text-align: center; font-size: var(--admin-font-body, 13px); }
 .approval-facts { margin: 0; border-top: 1px solid var(--cc-border); }
@@ -2886,16 +2882,16 @@ onBeforeUnmount(() => {
 .primary-cell { display: grid; min-width: 0; gap: var(--admin-space-1, 4px); }
 .primary-cell strong { overflow-wrap: anywhere; }
 .primary-cell span { color: var(--cc-muted); font-size: var(--admin-font-caption, 12px); overflow-wrap: anywhere; }
-.order-detail-header { display: flex; min-width: 0; min-height: 40px; align-items: center; justify-content: space-between; gap: var(--admin-space-5, 12px); margin-bottom: 0; padding: var(--admin-space-3, 8px) var(--admin-space-5, 12px); border: 1px solid var(--cc-border); border-bottom: 0; border-radius: 4px 4px 0 0; background: var(--admin-surface, #fff); }
-.order-detail-heading { display: flex; min-width: 0; align-items: center; gap: var(--admin-space-4, 10px); }
+.order-detail-header { border: 1px solid var(--cc-border); border-bottom: 0; border-radius: 4px 4px 0 0; }
+
 .back-button { flex: 0 0 auto; padding: 0; }
 .order-title { min-width: 0; }
-.order-title h1 { margin: 0; color: #172033; font-size: var(--admin-font-title, 16px); line-height: 1.5; overflow-wrap: anywhere; }
+
 .detail-header-actions { display: flex; flex: 0 0 auto; gap: var(--admin-space-3, 8px); }
 .detail-header-actions :deep(.el-button + .el-button) { margin-left: 0; }
 .detail-load-error { min-height: 280px; }
 .order-detail-content { min-width: 0; }
-.detail-overview { display: flex; flex-wrap: wrap; gap: var(--admin-space-2, 6px) var(--admin-space-7, 24px); margin: 0; padding: var(--admin-space-3, 8px) var(--admin-space-5, 12px); border: 1px solid var(--cc-border); border-top: 0; background: var(--admin-surface, #fff); }
+.detail-overview { border: 1px solid var(--cc-border); border-top: 0; }
 .detail-panel { min-width: 0; padding: var(--admin-space-5, 12px); border: 1px solid var(--cc-border); border-radius: 0 0 4px 4px; background: var(--admin-surface, #fff); }
 .panel-title { display: flex; align-items: center; justify-content: space-between; gap: var(--admin-space-5, 12px); min-height: var(--admin-action-height, 28px); margin-bottom: var(--admin-space-3, 8px); }
 .panel-title h2 { margin: 0; color: #344054; font-size: var(--admin-font-section, 14px); font-weight: 600; }