feat(overseas): show return receipt and redispatch history

src/modules/overseas-warehouse/components/ExceptionProcessingPanel.vue

@@ -1,16 +1,20 @@
 <script setup lang="ts">
 import { computed, reactive, ref, watch } from 'vue'
+import { RouterLink } from 'vue-router'
 import { useAccessPreviewStore } from '@/core/access/accessPreview'
 import { ApiResponseError, getApiErrorDetails } from '@/shared/api/http'
 import { commandException, getExceptionDetail, uploadExceptionEvidence, type ExceptionAction, type ExceptionCommand, type ExceptionDetail, type ExceptionReturnSource } from '../api/exceptionOrders'
 import { getPallet, listPallets, type PalletDto } from '../api/pallets'
 import { getOverseasLocation } from '../api/locations'
 import { formatOverseasDateTime } from '../lastMilePresentation'
+import { overseasWarehousePermissions as permission } from '../permissions'
 
 const props = defineProps<{ customerId: string; exceptionNo: string; active: boolean }>()
 const emit = defineEmits<{ changed: [] }>()
 const access = useAccessPreviewStore()
 const canProcess = computed(() => access.can('platform:overseas-warehouse:exception-order:process'))
+const dispatchStatusLabels: Record<string, string> = { PENDING_DEPARTURE: '待发车', PICKING: '拣货中', READY_TO_DEPART: '待发车', DEPARTED: '已发车', IN_TRANSIT: '在途', COMPLETED: '已完成', CANCELLED: '已取消' }
+const dispatchStatusLabel = (status: string) => dispatchStatusLabels[status] || '—'
 const identity = computed(() => `${props.customerId}:${props.exceptionNo}`)
 const detail = ref<ExceptionDetail | null>(null), loading = ref(false), busy = ref(false), error = ref(''), message = ref('')
 type ReceiptInput = ExceptionReturnSource & { sourcePalletNo: string; quantity: number | undefined; target: string; palletNo: string; locationId: string; locationCode: string }
@@ -171,6 +175,27 @@ watch(() => [props.customerId, props.exceptionNo, props.active], () => { ++seque
         <el-descriptions-item label="处理动作" :span="2">{{ detail.order.handlingAction || '—' }}</el-descriptions-item>
         <el-descriptions-item label="处理结果" :span="2">{{ detail.order.handlingResult || '—' }}</el-descriptions-item>
       </el-descriptions>
+      <section v-if="detail.returnReceipts.length" aria-label="退回实收与重派关联" class="exception-return-history">
+        <h3>退回实收与重派关联</h3>
+        <div v-for="receipt in detail.returnReceipts" :key="receipt.receiptNo" class="exception-return-batch">
+          <el-descriptions :column="3" border>
+            <el-descriptions-item label="退回收货号">{{ receipt.receiptNo }}</el-descriptions-item>
+            <el-descriptions-item label="本批实收">{{ receipt.receivedPackages }} 箱</el-descriptions-item>
+            <el-descriptions-item label="实收时间">{{ formatOverseasDateTime(receipt.receivedAt) }}</el-descriptions-item>
+          </el-descriptions>
+          <p v-if="!receipt.redispatches.length">尚未关联重派排车</p>
+          <table v-else class="exception-redispatch-table">
+            <thead><tr><th>重派排车单</th><th>排车状态</th><th>选定箱数</th><th>实际拣货</th><th>重派派送单</th></tr></thead>
+            <tbody><tr v-for="dispatch in receipt.redispatches" :key="dispatch.dispatchNo">
+              <td><RouterLink v-if="access.can(permission.dispatchList)" :to="`/overseas-warehouse/dispatches/${encodeURIComponent(dispatch.dispatchNo)}`">{{ dispatch.dispatchNo }}</RouterLink><span v-else>{{ dispatch.dispatchNo }}</span></td>
+              <td>{{ dispatchStatusLabel(dispatch.status) }}</td><td>{{ dispatch.selectedPackages }} 箱</td><td>{{ dispatch.pickedPackages }} 箱</td>
+              <td><span v-if="!dispatch.deliveries.length">—</span><div v-for="delivery in dispatch.deliveries" :key="delivery.deliveryNo">
+                <RouterLink v-if="access.can(permission.deliveryList)" :to="{ path: `/overseas-warehouse/delivery-orders/${encodeURIComponent(delivery.deliveryNo)}`, query: { customerId } }">{{ delivery.deliveryNo }}</RouterLink><span v-else>{{ delivery.deliveryNo }}</span>
+              </div></td>
+            </tr></tbody>
+          </table>
+        </div>
+      </section>
       <p v-if="detail.order.evidenceFileIds?.length">已保存 {{ detail.order.evidenceFileIds.length }} 份历史证据；本次可按需选用，不自动全部提交。</p>
       <template v-if="canProcess">
         <el-form label-position="top" :disabled="locked">
@@ -201,3 +226,12 @@ watch(() => [props.customerId, props.exceptionNo, props.active], () => { ++seque
     </template>
   </section>
 </template>
+
+<style scoped>
+.exception-return-history { margin: 12px 0; }
+.exception-return-history h3 { margin: 0 0 8px; font-size: 14px; }
+.exception-return-batch + .exception-return-batch { margin-top: 12px; }
+.exception-redispatch-table { width: 100%; border-collapse: collapse; font-size: 12px; }
+.exception-redispatch-table th, .exception-redispatch-table td { padding: 6px 8px; border: 1px solid var(--el-border-color-lighter); text-align: left; }
+.exception-redispatch-table th { background: var(--el-fill-color-light); }
+</style>