feat(admin): show single-remainder fulfillment aggregate

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

@@ -150,6 +150,14 @@ describe('UnifiedOrdersView contract', () => {
     expect(source).toContain('await loadOrders()')
   })
 
+  it('exposes the single-remainder fulfillment aggregate in row expansion and detail', () => {
+    expect(source).toContain("{ key: 'fulfillment', type: 'expand', width: 52, fixed: 'left'")
+    expect(source).toContain('<template #fulfillment="{ row }">')
+    expect(source).toContain("{ key: 'fulfillment', label: '拆分履约', icon: ListChecks }")
+    expect(source).toContain("activeDetailTab === 'fulfillment'")
+    expect(source).toContain('根单、已完成分片与当前余量')
+  })
+
   it('distinguishes overflow action buttons by row and keeps a stable missing-field fallback', () => {
     expect(source).toContain('function moreUnifiedOrderActionsLabel(row: UnifiedOrderResource)')
     expect(source).toContain('[compatibleOrder.inboundCode, compatibleOrder.orderNo, compatibleOrder.orderId, compatibleOrder.id]')

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

@@ -15,6 +15,7 @@ import {
   type UnifiedOrderResource,
   type UnifiedOrderFeeDetailResource,
 } from '@/modules/unified-orders/api/unifiedOrders'
+import OrderFulfillmentTreePanel from '@/modules/unified-orders/components/OrderFulfillmentTreePanel.vue'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
 import { listPlatformTenants, type PlatformTenantResource } from '@/modules/iam'
 import { listAllPlatformWarehouses, type PlatformWarehouseSummaryResource } from '@/modules/warehouses'
@@ -106,6 +107,7 @@ const detailTabs = [
   { key: 'history', label: '状态历史', icon: History },
   { key: 'measurement', label: '测量数据', icon: Ruler },
   { key: 'other', label: '其他', icon: StickyNote },
+  { key: 'fulfillment', label: '拆分履约', icon: ListChecks },
 ]
 
 const detailTabOptions = computed(() => detail.value?.summary.inboundId
@@ -181,6 +183,7 @@ const queryFields = computed(() => showAdvancedFilters.value
 const columns: DataTableColumn[] = [
   { key: 'actions', label: '操作', width: 300, fixed: 'left', slotName: 'actions' },
   { key: 'selection', type: 'selection', width: 52, fixed: 'left', align: 'center', selectable: canBulkReview },
+  { key: 'fulfillment', type: 'expand', width: 52, fixed: 'left', slotName: 'fulfillment', hideable: false, movable: false },
   { key: 'inboundCode', prop: 'inboundCode', label: '入仓码', minWidth: 140, slotName: 'field' },
   { key: 'internalOrderStatus', prop: 'internalOrderStatus', label: '订单状态', minWidth: 130, slotName: 'orderStatus' },
   { key: 'measurementReviewStatus', prop: 'measurementReviewStatus', label: '测量数据审核状态', minWidth: 170, slotName: 'measurementReviewStatus' },
@@ -960,6 +963,11 @@ onMounted(() => {
               <ol v-else class="history-list" aria-label="状态历史"><li v-for="(item, index) in detail.timeline" :key="`${item.source || 'event'}-${item.occurredAt || index}`"><span class="history-marker" aria-hidden="true" /><div><div class="history-line"><strong>{{ historyActionLabel(item.action || item.eventType) }}</strong><StatusBadge :status="statusLabel(item.mainStatus)" /></div><p>{{ item.operatorName || '系统' }} · {{ formatDate(item.occurredAt) }}</p><p v-if="item.remark" class="history-remark">{{ item.remark }}</p></div></li></ol>
             </template>
 
+            <template v-else-if="activeDetailTab === 'fulfillment'">
+              <div class="panel-title"><div><h2>拆分履约</h2><p>根单、已完成分片与当前余量</p></div><ListChecks :size="19" /></div>
+              <OrderFulfillmentTreePanel :tenant-id="String(detail.summary.tenantId)" :order-id="String(detail.summary.orderId)" />
+            </template>
+
              <template v-else-if="activeDetailTab === 'workflow'">
                <UnifiedOrderWorkflowPanel
                  :tenant-id="String(detail.summary.tenantId)"
@@ -1064,6 +1072,13 @@ onMounted(() => {
             </el-dropdown>
           </div>
         </template>
+        <template #fulfillment="{ row }">
+          <OrderFulfillmentTreePanel
+            :tenant-id="String((row as UnifiedOrderResource).tenantId)"
+            :order-id="String((row as UnifiedOrderResource).orderId)"
+            compact
+          />
+        </template>
         <template #orderStatus="{ row }"><StatusBadge :status="orderStatusLabel((row as UnifiedOrderResource).internalOrderStatus || (row as UnifiedOrderResource).mainStatus)" /></template>
         <template #measurementReviewStatus="{ row }"><StatusBadge :status="measurementStatusLabel((row as UnifiedOrderResource).measurement?.reviewStatus)" /></template>
         <template #field="{ row, column }"><LineClampText v-if="['customerRemark', 'latestInternalNote'].includes(String(column.property))" :content="displayField(row as UnifiedOrderResource, column.property)" :lines="2" /><template v-else>{{ displayField(row as UnifiedOrderResource, column.property) }}</template></template>