优化

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

@@ -520,7 +520,7 @@ describe('UnifiedOrdersView contract', () => {
     expect(source).toContain('子单 · 第 ${row.relation.splitSequence} 次')
     expect(source).toContain('title="父子订单关联"')
     expect(source).toContain('@click="openOrderRelation(row as UnifiedOrderResource)"')
-    expect(source).toContain("{ key: 'fulfillment', label: '拆分履约', icon: OrderFulfillmentIcon }")
+    expect(source).toContain("{ key: 'fulfillment', label: '拆分履约', icon: '🧩' }")
     expect(source).toContain("activeDetailTab === 'fulfillment'")
     expect(source).toContain('根单、已完成分片与当前余量')
   })

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

@@ -85,15 +85,6 @@ import {
 } from '@/modules/inbounds'
 import { listCustomerChargeRules, type CustomerChargeRule } from '@/modules/fba-pricing'
 import { getCustomerDimensionConfig, type CustomerDimensionConfig, type CustomerDimensionRule } from '@/modules/dimension-config'
-import {
-  OrderBasicInfoIcon,
-  OrderCargoInfoIcon,
-  OrderFeeInfoIcon,
-  OrderFulfillmentIcon,
-  OrderHistoryIcon,
-  OrderMeasurementIcon,
-  OrderOtherIcon,
-} from '@/core/navigation/prototypeMenuIcons'
 
 type FilterModel = QueryModel & {
   tenantId: string
@@ -334,13 +325,13 @@ const canReleaseInbound = computed(() => Boolean(
 ))
 
 const detailTabs = [
-  { key: 'basic', label: '基本信息', icon: OrderBasicInfoIcon },
-  { key: 'cargo', label: '货品信息', icon: OrderCargoInfoIcon },
-  { key: 'fees', label: '费用信息', icon: OrderFeeInfoIcon },
-  { key: 'history', label: '状态历史', icon: OrderHistoryIcon },
-  { key: 'measurement', label: '测量数据', icon: OrderMeasurementIcon },
-  { key: 'other', label: '其他', icon: OrderOtherIcon },
-  { key: 'fulfillment', label: '拆分履约', icon: OrderFulfillmentIcon },
+  { key: 'basic', label: '基本信息', icon: '📋' },
+  { key: 'cargo', label: '货品信息', icon: '📦' },
+  { key: 'fees', label: '费用信息', icon: '💰' },
+  { key: 'history', label: '状态历史', icon: '📝' },
+  { key: 'measurement', label: '测量数据', icon: '📐' },
+  { key: 'other', label: '其他', icon: '🗂️' },
+  { key: 'fulfillment', label: '拆分履约', icon: '🧩' },
 ]
 
 const customerMeasurementColumns = [
@@ -2257,7 +2248,7 @@ onBeforeUnmount(() => {
           </dl>
 
           <div class="detail-tabs" role="tablist" aria-label="订单详情模块">
-             <button v-for="tab in detailTabs" :id="`order-detail-tab-${tab.key}`" :key="tab.key" type="button" role="tab" :class="{ active: activeDetailTab === tab.key }" :aria-selected="activeDetailTab === tab.key" :aria-controls="`order-detail-panel-${tab.key}`" :tabindex="activeDetailTab === tab.key ? 0 : -1" @click="selectDetailTab(tab.key)"><component :is="tab.icon" :size="17" /><span>{{ tab.label }}</span></button>
+             <button v-for="tab in detailTabs" :id="`order-detail-tab-${tab.key}`" :key="tab.key" type="button" role="tab" :class="{ active: activeDetailTab === tab.key }" :aria-selected="activeDetailTab === tab.key" :aria-controls="`order-detail-panel-${tab.key}`" :tabindex="activeDetailTab === tab.key ? 0 : -1" @click="selectDetailTab(tab.key)"><span class="detail-tab-icon" aria-hidden="true">{{ tab.icon }}</span><span>{{ tab.label }}</span></button>
           </div>
 
           <section :id="`order-detail-panel-${activeDetailTab}`" class="detail-panel" role="tabpanel" :aria-labelledby="`order-detail-tab-${activeDetailTab}`" tabindex="0">
@@ -2898,6 +2889,7 @@ onBeforeUnmount(() => {
 .detail-overview { display: flex; flex-wrap: wrap; gap: 6px 24px; margin: 0; padding: 8px 12px; border: 1px solid var(--cc-border); border-top: 0; background: #fff; }
 .detail-tabs { display: flex; overflow-x: auto; overflow-y: hidden; border: 1px solid var(--cc-border); border-block: 0; background: #fff; scrollbar-width: thin; }
 .detail-tabs button { position: relative; display: inline-flex; min-width: max-content; min-height: 38px; flex: 0 0 auto; align-items: center; justify-content: center; gap: 6px; padding: 0 16px; border: 0; background: transparent; color: #475467; font-size: 13px; font-weight: 500; cursor: pointer; }
+.detail-tab-icon { display: inline-flex; width: 18px; height: 18px; flex: 0 0 18px; align-items: center; justify-content: center; font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif; font-size: 17px; font-weight: 400; line-height: 1; }
 .detail-tabs button:last-child { border-right: 0; }
 .detail-tabs button::after { position: absolute; right: 12px; bottom: 0; left: 12px; height: 2px; background: transparent; content: ''; }
 .detail-tabs button:hover { background: #fafbff; color: #344054; }