<template>
|
<ElDrawer
|
:model-value="visible"
|
title="波次单详情"
|
size="88%"
|
@update:model-value="handleVisibleChange"
|
>
|
<ElScrollbar class="wave-detail-scroll">
|
<div class="flex min-h-full flex-col gap-4 pr-2">
|
<ElDescriptions :column="4" border>
|
<ElDescriptionsItem label="波次单号">{{ detail.code || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="波次类型">{{ detail.typeLabel || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="波次状态">{{ detail.exceStatusText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="状态">
|
<ElTag :type="Number(detail.status) === 1 ? 'success' : 'danger'" effect="light">
|
{{ detail.statusLabel || '--' }}
|
</ElTag>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="应盘数量">{{ detail.anfme ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="执行数量">{{ detail.workQty ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="已盘数量">{{ detail.qty ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="单据数量">{{ detail.orderNum ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="品类数量">{{ detail.groupQty ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="目标位置">{{ detail.targSite || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="指定站点">{{ detail.stationId || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="指定库位">{{ detail.locCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="创建人">{{ detail.createByText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="创建时间">{{ detail.createTimeText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="更新人">{{ detail.updateByText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="更新时间">{{ detail.updateTimeText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="备注" :span="4">{{ detail.memo || '--' }}</ElDescriptionsItem>
|
</ElDescriptions>
|
|
<ElCard shadow="never" class="border border-[var(--art-border-color)]">
|
<template #header>
|
<div class="text-sm font-medium text-[var(--art-text-gray-800)]">波次预览明细 - 物料编码</div>
|
</template>
|
<ArtTable
|
:loading="loading"
|
:data="data"
|
:columns="columns"
|
:pagination="pagination"
|
@pagination:size-change="$emit('size-change', $event)"
|
@pagination:current-change="$emit('current-change', $event)"
|
/>
|
</ElCard>
|
</div>
|
</ElScrollbar>
|
</ElDrawer>
|
</template>
|
|
<script setup>
|
defineOptions({ name: 'WaveDetailDrawer' })
|
|
defineProps({
|
visible: { type: Boolean, default: false },
|
loading: { type: Boolean, default: false },
|
detail: { type: Object, default: () => ({}) },
|
data: { type: Array, default: () => [] },
|
columns: { type: Array, default: () => [] },
|
pagination: { type: Object, default: () => ({ current: 1, size: 20, total: 0 }) }
|
})
|
|
const emit = defineEmits(['update:visible', 'size-change', 'current-change'])
|
|
function handleVisibleChange(visible) {
|
emit('update:visible', visible)
|
}
|
</script>
|
|
<style scoped>
|
.wave-detail-scroll {
|
height: calc(100vh - 120px);
|
}
|
</style>
|
