<template>
|
<ElDrawer :model-value="visible" title="库存明细详情" size="72%" @update:model-value="handleVisibleChange">
|
<div class="flex h-full flex-col gap-4">
|
<ElDescriptions :column="3" border>
|
<ElDescriptionsItem label="库位编码">{{ detail.locCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="物料编码">{{ detail.matnrCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="物料名称">{{ detail.maktx || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="批次">{{ detail.batch || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="供应商批次">{{ detail.splrBatch || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="追踪码">{{ detail.trackCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="单位">{{ detail.unit || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="可用数量">{{ detail.anfme ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="执行数量">{{ detail.workQty ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="出库数量">{{ detail.outQty ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="完成数量">{{ detail.qty ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="状态">{{ detail.statusText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="站点号">{{ detail.siteNo || '--' }}</ElDescriptionsItem>
|
</ElDescriptions>
|
|
<ElDescriptions :column="2" border>
|
<ElDescriptionsItem label="供应商编码">{{ detail.splrCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="供应商名称">{{ detail.splrName || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="备注">{{ detail.memo || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="更新时间">{{ detail.updateTimeText || '--' }}</ElDescriptionsItem>
|
</ElDescriptions>
|
</div>
|
</ElDrawer>
|
</template>
|
|
<script setup>
|
defineProps({
|
visible: { type: Boolean, default: false },
|
detail: { type: Object, default: () => ({}) }
|
})
|
|
const emit = defineEmits(['update:visible'])
|
|
function handleVisibleChange(visible) {
|
emit('update:visible', visible)
|
}
|
</script>
|
