优化

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

@@ -242,7 +242,8 @@ describe('UnifiedOrdersView contract', () => {
     expect(source).toContain("partyValue(detail.order.parties, 'RECEIVER', 'phone')")
     expect(source).not.toContain("partyValue(detail.order.parties, 'CONSIGNEE'")
     expect(source).toContain("cargoTotal(detail.order.cargoes, 'netWeightKg')")
-    expect(source).toContain('暂无费用数据')
+    expect(source).toContain('InboundFeeDetailManager')
+    expect(source).toContain('@changed="loadDetail(true)"')
     expect(source).toContain('firstLegTransportModeLabel(detail.order.order?.transportMode)')
     expect(source).toContain('firstLegPickupMethodLabel(detail.order.order?.pickupMethod)')
     expect(source).toContain('firstLegDestinationTypeLabel(detail.order.order?.destinationType)')

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

@@ -7,15 +7,14 @@ import {
   getPlatformUnifiedOrder,
   approvePlatformUnifiedOrder,
   addPlatformUnifiedOrderNote,
-  listPlatformUnifiedOrderFeeDetails,
   listPlatformUnifiedOrders,
   unifiedOrderStatusOptions,
   type UnifiedOrderDetailResource,
   type UnifiedOrderMainStatus,
   type UnifiedOrderResource,
-  type UnifiedOrderFeeDetailResource,
 } from '@/modules/unified-orders/api/unifiedOrders'
 import OrderFulfillmentTreePanel from '@/modules/unified-orders/components/OrderFulfillmentTreePanel.vue'
+import InboundFeeDetailManager from '@/modules/unified-orders/components/InboundFeeDetailManager.vue'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
 import { listPlatformTenants, type PlatformTenantResource } from '@/modules/iam'
 import { listAllPlatformWarehouses, type PlatformWarehouseSummaryResource } from '@/modules/warehouses'
@@ -100,9 +99,6 @@ const noteContent = ref('')
 const noteOrder = ref<UnifiedOrderResource | null>(null)
 const relationOpen = ref(false)
 const relationOrder = ref<UnifiedOrderResource | null>(null)
-const feeDetails = ref<UnifiedOrderFeeDetailResource[]>([])
-const feeLoading = ref(false)
-const feeLoadedKey = ref('')
 const measurementDetail = ref<InboundMeasurementDetail | null>(null)
 const measurementLoading = ref(false)
 const measurementLoadedKey = ref('')
@@ -384,43 +380,10 @@ function cargoImage(cargo: Record<string, unknown>) {
   return typeof value === 'string' && value ? value : ''
 }
 
-function feeDate(value: string | null | undefined) {
-  return value ? formatDate(value) : '—'
-}
-
-function feeText(value: string | null | undefined) {
-  return value || '—'
-}
-
-function feeNumber(value: number | null | undefined) {
-  return value === null || value === undefined ? '—' : formatNumber(value, 4)
-}
-
 function feeReviewLabel(value: string | null | undefined) {
   return unifiedOrderReviewStatusLabel(value)
 }
 
-function feeDirectionLabel(value: string | null | undefined) {
-  if (!value) return '—'
-  return ({ RECEIVABLE: '应收', PAYABLE: '应付' } as Record<string, string>)[value] || '未知方向'
-}
-
-async function loadFeeDetails() {
-  const summary = detail.value?.summary
-  if (!summary?.inboundId || !can('firstleg:inbound:fee-detail:view')) return
-  const key = `${summary.tenantId}:${summary.inboundId}`
-  if (feeLoadedKey.value === key || feeLoading.value) return
-  feeLoading.value = true
-  try {
-    feeDetails.value = await listPlatformUnifiedOrderFeeDetails(String(summary.tenantId), String(summary.inboundId))
-    feeLoadedKey.value = key
-  } catch {
-    feeDetails.value = []
-  } finally {
-    feeLoading.value = false
-  }
-}
-
 function measurementValue(row: Record<string, unknown>, key: string, customerSource = false) {
   if (customerSource && key === 'unitWeightKg') {
     const total = Number(row.grossWeightKg)
@@ -492,7 +455,6 @@ async function loadMeasurementDetails() {
 
 function selectDetailTab(key: string) {
   activeDetailTab.value = key
-  if (key === 'fees') void loadFeeDetails()
   if (key === 'measurement') void loadMeasurementDetails()
 }
 
@@ -740,8 +702,6 @@ async function loadDetail(force = false) {
   if (!force && (detailLoadingKey === requestKey || detail.value?.summary.orderId === orderId.value && String(detail.value.summary.tenantId) === tenantId)) return
   const serial = ++detailRequestSerial
   detailLoadingKey = requestKey
-  feeDetails.value = []
-  feeLoadedKey.value = ''
   measurementDetail.value = null
   measurementLoadedKey.value = ''
   revokeMeasurementImages()
@@ -914,36 +874,12 @@ onMounted(() => {
             </template>
 
             <template v-else-if="activeDetailTab === 'fees'">
-              <div class="panel-title"><div><h2>费用信息</h2><p>共 {{ feeDetails.length }} 条应收应付费用明细</p></div><WalletCards :size="19" /></div>
-              <el-alert v-if="!can('firstleg:inbound:fee-detail:view')" title="当前账号没有查看费用明细的权限" type="warning" :closable="false" show-icon />
-              <div v-else v-loading="feeLoading" class="detail-table-wrap">
-                <el-table :data="feeDetails" empty-text="暂无费用数据" row-key="id">
-                  <el-table-column label="审核状态" min-width="120"><template #default="{ row }"><StatusBadge :status="feeReviewLabel((row as UnifiedOrderFeeDetailResource).reviewStatus)" /></template></el-table-column>
-                  <el-table-column label="应收/应付" min-width="110"><template #default="{ row }">{{ feeDirectionLabel((row as UnifiedOrderFeeDetailResource).direction) }}</template></el-table-column>
-                  <el-table-column label="客户公司名" min-width="170"><template #default="{ row }">{{ feeText((row as UnifiedOrderFeeDetailResource).customerName) }}</template></el-table-column>
-                  <el-table-column label="裹箱头" min-width="150"><template #default="{ row }">{{ feeText((row as UnifiedOrderFeeDetailResource).invoiceTitle) }}</template></el-table-column>
-                  <el-table-column label="入仓码" min-width="150"><template #default="{ row }">{{ feeText((row as UnifiedOrderFeeDetailResource).inboundCode) }}</template></el-table-column>
-                  <el-table-column label="业务发生日" min-width="130"><template #default="{ row }">{{ feeDate((row as UnifiedOrderFeeDetailResource).businessDate) }}</template></el-table-column>
-                  <el-table-column label="渠道" min-width="130"><template #default="{ row }">{{ feeText((row as UnifiedOrderFeeDetailResource).channelName) }}</template></el-table-column>
-                  <el-table-column label="目的仓" min-width="150"><template #default="{ row }">{{ feeText((row as UnifiedOrderFeeDetailResource).destinationName) }}</template></el-table-column>
-                  <el-table-column label="FBA编号" min-width="130"><template #default="{ row }">{{ feeText((row as UnifiedOrderFeeDetailResource).fbaNo) }}</template></el-table-column>
-                  <el-table-column label="箱数" width="90"><template #default="{ row }">{{ feeNumber((row as UnifiedOrderFeeDetailResource).packageCount) }}</template></el-table-column>
-                  <el-table-column label="毛重" min-width="110"><template #default="{ row }">{{ feeNumber((row as UnifiedOrderFeeDetailResource).actualGrossWeightKg) }}</template></el-table-column>
-                  <el-table-column label="体积" min-width="110"><template #default="{ row }">{{ feeNumber((row as UnifiedOrderFeeDetailResource).actualVolumeCbm) }}</template></el-table-column>
-                  <el-table-column label="费用类型" min-width="150"><template #default="{ row }">{{ feeText((row as UnifiedOrderFeeDetailResource).feeTypeNameSnapshot) }}</template></el-table-column>
-                  <el-table-column label="货币" width="90"><template #default="{ row }">{{ feeText((row as UnifiedOrderFeeDetailResource).currency) }}</template></el-table-column>
-                  <el-table-column label="应收金额" min-width="120"><template #default="{ row }">{{ feeNumber((row as UnifiedOrderFeeDetailResource).amount) }}</template></el-table-column>
-                  <el-table-column label="计费体称/重量" min-width="150"><template #default="{ row }">{{ feeNumber((row as UnifiedOrderFeeDetailResource).chargeableQuantity) }} {{ (row as UnifiedOrderFeeDetailResource).chargeUnit || '' }}</template></el-table-column>
-                  <el-table-column label="单价" min-width="110"><template #default="{ row }">{{ feeNumber((row as UnifiedOrderFeeDetailResource).unitPrice) }}</template></el-table-column>
-                  <el-table-column label="入仓时间" min-width="150"><template #default="{ row }">{{ feeDate((row as UnifiedOrderFeeDetailResource).inboundedAt) }}</template></el-table-column>
-                  <el-table-column label="出仓时间" min-width="150"><template #default="{ row }">{{ feeDate((row as UnifiedOrderFeeDetailResource).outboundAt) }}</template></el-table-column>
-                  <el-table-column label="仓储天数" min-width="110"><template #default="{ row }">{{ feeNumber((row as UnifiedOrderFeeDetailResource).storageDays) }}</template></el-table-column>
-                  <el-table-column label="参与结算" min-width="110"><template #default="{ row }">{{ (row as UnifiedOrderFeeDetailResource).settlementIncluded == null ? '—' : (row as UnifiedOrderFeeDetailResource).settlementIncluded ? '是' : '否' }}</template></el-table-column>
-                  <el-table-column label="账单编号" min-width="140"><template #default="{ row }">{{ feeText((row as UnifiedOrderFeeDetailResource).billNo) }}</template></el-table-column>
-                  <el-table-column label="结算起始日" min-width="130"><template #default="{ row }">{{ feeDate((row as UnifiedOrderFeeDetailResource).settlementStartDate) }}</template></el-table-column>
-                  <el-table-column label="结算结束日" min-width="130"><template #default="{ row }">{{ feeDate((row as UnifiedOrderFeeDetailResource).settlementEndDate) }}</template></el-table-column>
-                </el-table>
-              </div>
+              <div class="panel-title"><div><h2>费用信息</h2><p>维护运单与入库单应收应付费用</p></div><WalletCards :size="19" /></div>
+              <InboundFeeDetailManager
+                :account-id="String(detail.summary.tenantId)"
+                :inbound-id="String(detail.summary.inboundId)"
+                @changed="loadDetail(true)"
+              />
             </template>
 
             <template v-else-if="activeDetailTab === 'history'">