<template>
|
<ElDrawer
|
:model-value="visible"
|
title="质检信息明细"
|
size="72%"
|
destroy-on-close
|
@update:model-value="emit('update:visible', $event)"
|
>
|
<div class="flex h-full flex-col gap-4">
|
<ElDescriptions :column="3" border>
|
<ElDescriptionsItem label="质检单号">{{ summary.code || '-' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="单据类型">{{ summary.wkTypeLabel || '-' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="来源单号">{{ summary.asnCode || '-' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="质检数量">{{ summary.isptQty ?? '-' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="质检状态">{{ summary.isptStatusText || '-' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="更新人">{{ summary.updateByText || '-' }}</ElDescriptionsItem>
|
</ElDescriptions>
|
|
<ArtTable
|
:loading="loading"
|
:data="data"
|
:columns="columns"
|
:pagination="pagination"
|
@pagination:size-change="emit('size-change', $event)"
|
@pagination:current-change="emit('current-change', $event)"
|
/>
|
</div>
|
</ElDrawer>
|
</template>
|
|
<script setup>
|
defineOptions({ name: 'QlyInspectItemsDrawer' })
|
|
defineProps({
|
visible: { type: Boolean, default: false },
|
loading: { type: Boolean, default: false },
|
summary: { 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'])
|
</script>
|
