28 lines
2.1 KiB
Vue
28 lines
2.1 KiB
Vue
<script setup lang="ts">
|
|
import '../overseasFeeDetails.css'
|
|
import type { OverseasFee } from '../api/overseasFees'
|
|
import { feeMoney } from '../overseasFeePresentation'
|
|
import { storageRentSourceType, storageRentTime } from '../storageRentPresentation'
|
|
defineProps<{ fee: OverseasFee }>()
|
|
</script>
|
|
<template>
|
|
<section v-if="fee.storageRent" aria-label="仓租计费明细">
|
|
<el-descriptions :column="2" border class="density-descriptions overseas-fee-descriptions">
|
|
<el-descriptions-item label="出库批次">{{ fee.storageRent.outboundNo }}</el-descriptions-item>
|
|
<el-descriptions-item label="出库时间">{{ storageRentTime(fee.storageRent.outboundAt) }}</el-descriptions-item>
|
|
<el-descriptions-item label="原计算金额">{{ feeMoney(fee.storageRent.calculatedAmount, fee.originalCurrency) }}</el-descriptions-item>
|
|
<el-descriptions-item label="应扣金额">{{ feeMoney(fee.amount, fee.currency) }}</el-descriptions-item>
|
|
<el-descriptions-item label="实扣金额">{{ feeMoney(fee.storageRent.chargedAmount, fee.currency) }}</el-descriptions-item>
|
|
</el-descriptions>
|
|
<el-table :data="fee.storageRent.lines" border empty-text="暂无计租批次">
|
|
<el-table-column label="来源类型" min-width="130"><template #default="{ row }">{{ storageRentSourceType(row.sourceBusinessType) }}</template></el-table-column>
|
|
<el-table-column label="来源单号" min-width="180"><template #default="{ row }">{{ row.sourceBusinessNo || '—' }}</template></el-table-column>
|
|
<el-table-column label="入库批次" min-width="160"><template #default="{ row }">{{ row.batchNo || '—' }}</template></el-table-column>
|
|
<el-table-column label="入库时间" min-width="170"><template #default="{ row }">{{ storageRentTime(row.inboundAt) }}</template></el-table-column>
|
|
<el-table-column prop="quantity" label="本次出库数量" width="130" />
|
|
<el-table-column prop="days" label="计租天数" width="100" />
|
|
<el-table-column label="原计算仓租" min-width="130"><template #default="{ row }">{{ feeMoney(row.calculatedAmount, fee.originalCurrency) }}</template></el-table-column>
|
|
</el-table>
|
|
</section>
|
|
</template>
|