12 lines
809 B
Vue
12 lines
809 B
Vue
<script setup lang="ts">
|
|
import type { FbaAppointment } from '../dispatchContracts'
|
|
import { formatOverseasDateTime } from '../lastMilePresentation'
|
|
defineProps<{ appointments: FbaAppointment[] }>()
|
|
</script>
|
|
<template>
|
|
<table class="density-table" aria-label="目的仓预约"><thead><tr><th>目的仓</th><th>预约号</th><th>确认送达时间</th><th>货件号</th></tr></thead><tbody>
|
|
<tr v-for="appointment in appointments" :key="appointment.destinationKey"><td>{{ appointment.destinationWarehouseCode || '—' }}</td><td>{{ appointment.appointmentNo || '—' }}</td><td>{{ formatOverseasDateTime(appointment.confirmedAt) }}</td><td>{{ appointment.shipmentNumbers?.join('、') || '—' }}</td></tr>
|
|
<tr v-if="!appointments.length"><td colspan="4">—</td></tr>
|
|
</tbody></table>
|
|
</template>
|