优化

src/modules/unified-orders/components/OrderFulfillmentTreePanel.test.ts

@@ -20,4 +20,11 @@ describe('OrderFulfillmentTreePanel contract', () => {
     expect(source).toContain('暂无拆分分片')
     expect(source).toContain('@media (max-width: 720px)')
   })
+
+  it('translates fragment roles and statuses instead of exposing backend enums', () => {
+    expect(source).toContain('unifiedOrderFulfillmentRoleLabel(row.splitRole)')
+    expect(source).toContain('unifiedOrderFulfillmentStatusLabel(row.status, row.splitRole)')
+    expect(source).not.toContain(':status="row.status')
+    expect(source).not.toContain('return role ||')
+  })
 })

src/modules/unified-orders/components/OrderFulfillmentTreePanel.vue

@@ -5,6 +5,7 @@ import ApiErrorMeta from '@/shared/components/ApiErrorMeta.vue'
 import LoadErrorState from '@/shared/components/LoadErrorState.vue'
 import StatusBadge from '@/shared/components/StatusBadge.vue'
 import { getPlatformOrderFulfillmentTree, type UnifiedOrderFulfillmentTree } from '../api/orderFulfillment'
+import { unifiedOrderFulfillmentRoleLabel, unifiedOrderFulfillmentStatusLabel } from '../status'
 
 const props = defineProps<{ tenantId: string; orderId: string; compact?: boolean }>()
 const tree = ref<UnifiedOrderFulfillmentTree | null>(null)
@@ -19,12 +20,6 @@ async function load() {
   finally { loading.value = false }
 }
 
-function roleLabel(role: string | null) {
-  if (role === 'REMAINDER' || role === 'ACTIVE_REMAINDER') return '当前余量'
-  if (role === 'LOADED' || role === 'COMPLETED_FRAGMENT' || role === 'SOURCE_COMPLETED') return '已完成分片'
-  return role || '分片'
-}
-
 onMounted(() => { void load() })
 </script>
 
@@ -44,11 +39,11 @@ onMounted(() => { void load() })
       <el-alert v-if="tree.historicalTwoChildModel" type="info" :closable="false" show-icon title="该记录使用历史双子单模型，仅兼容展示；新拆分不会再生成已装子单。" />
       <el-table :data="tree.fragments" row-key="orderId" empty-text="暂无拆分分片">
         <el-table-column label="分片订单" min-width="180"><template #default="{ row }"><strong>{{ row.orderNo || row.orderId }}</strong><small v-if="row.splitSequence != null"> · 第 {{ row.splitSequence }} 次</small></template></el-table-column>
-        <el-table-column label="类型" width="120"><template #default="{ row }">{{ roleLabel(row.splitRole) }}</template></el-table-column>
+        <el-table-column label="类型" width="120"><template #default="{ row }">{{ unifiedOrderFulfillmentRoleLabel(row.splitRole) }}</template></el-table-column>
         <el-table-column label="本单计划" width="100"><template #default="{ row }">{{ row.plannedPackageCount ?? '—' }} 箱</template></el-table-column>
         <el-table-column label="已拣" width="90"><template #default="{ row }">{{ row.pickedPackageCount ?? '—' }}</template></el-table-column>
         <el-table-column label="未拣" width="90"><template #default="{ row }">{{ row.unpickedPackageCount ?? '—' }}</template></el-table-column>
-        <el-table-column label="状态" width="130"><template #default="{ row }"><StatusBadge :status="row.status || roleLabel(row.splitRole)" /></template></el-table-column>
+        <el-table-column label="状态" width="130"><template #default="{ row }"><StatusBadge :status="unifiedOrderFulfillmentStatusLabel(row.status, row.splitRole)" /></template></el-table-column>
         <el-table-column label="柜次" min-width="150"><template #default="{ row }">{{ row.containerBookingId || '—' }}</template></el-table-column>
       </el-table>
     </template>