<template>
|
<ElDrawer
|
:model-value="visible"
|
:title="OUT_STATISTIC_PAGE_TITLE + '详情'"
|
size="72%"
|
@update:model-value="handleVisibleChange"
|
>
|
<ElScrollbar class="h-[calc(100vh-120px)]">
|
<div class="flex min-h-full flex-col gap-4 pr-2">
|
<ElDescriptions :column="4" border>
|
<ElDescriptionsItem label="ID">{{ detail.id ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="统计日期">{{ detail.dayTimeText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="任务类型">
|
<ElTag :type="detail.taskTypeTagType || 'info'" effect="light">
|
{{ detail.taskTypeText || '--' }}
|
</ElTag>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="任务状态">
|
<ElTag :type="detail.taskStatusTagType || 'info'" effect="light">
|
{{ detail.taskStatusText || '--' }}
|
</ElTag>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="库位">{{ detail.locCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="物料编码">{{ detail.matnrCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="物料名称">{{ detail.maktx || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="批次">{{ detail.batch || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="数量">{{ detail.anfme ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="单位">{{ detail.unit || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="托盘码">{{ detail.barcode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="索引">{{ detail.fieldsIndex || '--' }}</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>
|
</div>
|
</ElScrollbar>
|
</ElDrawer>
|
</template>
|
|
<script setup>
|
import { OUT_STATISTIC_PAGE_TITLE } from '../outStatisticPage.helpers'
|
|
defineOptions({ name: 'OutStatisticDetailDrawer' })
|
|
defineProps({
|
visible: { type: Boolean, default: false },
|
detail: { type: Object, default: () => ({}) }
|
})
|
|
const emit = defineEmits(['update:visible'])
|
|
function handleVisibleChange(visible) {
|
emit('update:visible', visible)
|
}
|
</script>
|
