diff --git a/src/modules/unified-orders/pages/UnifiedOrdersView.test.ts b/src/modules/unified-orders/pages/UnifiedOrdersView.test.ts index 51d51110..5ca2e046 100644 --- a/src/modules/unified-orders/pages/UnifiedOrdersView.test.ts +++ b/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('根单、已完成分片与当前余量') }) diff --git a/src/modules/unified-orders/pages/UnifiedOrdersView.vue b/src/modules/unified-orders/pages/UnifiedOrdersView.vue index 92d72531..8b957f70 100644 --- a/src/modules/unified-orders/pages/UnifiedOrdersView.vue +++ b/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(() => {
- +
@@ -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; }