<template>
|
<ElDrawer
|
:model-value="visible"
|
title="PO单详情"
|
size="1180px"
|
destroy-on-close
|
@update:model-value="handleVisibleChange"
|
>
|
<ElScrollbar class="h-[calc(100vh-180px)] pr-1">
|
<div v-if="loading" class="py-6">
|
<ElSkeleton :rows="12" animated />
|
</div>
|
<div v-else class="space-y-4">
|
<ElDescriptions title="基础信息" :column="2" border>
|
<ElDescriptionsItem label="PO单号">{{ detail.code || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="来源单号">{{ detail.source || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="单据类型">{{ detail.typeText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="业务类型">{{ detail.wkTypeText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="需求数量">{{ detail.anfme ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="已收数量">{{ detail.qty ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="收货中数量">{{ detail.workQty ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="收货道口">{{ detail.channel || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="ERP单号">{{ detail.platCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="项目编码">{{ detail.project || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="预计到达时间">{{
|
detail.preArrText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem label="计划收货时间">{{
|
detail.startTimeText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem label="计划结束时间">{{
|
detail.endTimeText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem label="执行状态">{{
|
detail.exceStatusText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem label="状态">
|
<ElTag :type="detail.statusType || 'info'" effect="light">
|
{{ detail.statusText || '--' }}
|
</ElTag>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="备注" :span="2">{{ detail.memo || '--' }}</ElDescriptionsItem>
|
</ElDescriptions>
|
|
<ElDescriptions title="审计信息" :column="2" border>
|
<ElDescriptionsItem label="创建人">{{ detail.createByText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="创建时间">{{
|
detail.createTimeText || '--'
|
}}</ElDescriptionsItem>
|
<ElDescriptionsItem label="更新人">{{ detail.updateByText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="更新时间">{{
|
detail.updateTimeText || '--'
|
}}</ElDescriptionsItem>
|
</ElDescriptions>
|
|
<div class="space-y-3">
|
<div class="flex items-center justify-between">
|
<div class="text-sm font-medium text-[var(--art-gray-900)]">采购明细</div>
|
<ElTag effect="plain">共 {{ itemRows.length }} 条</ElTag>
|
</div>
|
<ArtTable :data="itemRows" :columns="itemColumns" :loading="itemsLoading" />
|
</div>
|
</div>
|
</ElScrollbar>
|
</ElDrawer>
|
</template>
|
|
<script setup>
|
import { computed } from 'vue'
|
import ArtTable from '@/components/core/tables/art-table/index.vue'
|
|
const props = defineProps({
|
visible: { type: Boolean, default: false },
|
loading: { type: Boolean, default: false },
|
itemsLoading: { type: Boolean, default: false },
|
detail: { type: Object, default: () => ({}) },
|
itemRows: { type: Array, default: () => [] },
|
itemColumns: { type: Array, default: () => [] }
|
})
|
|
const emit = defineEmits(['update:visible'])
|
|
const visible = computed({
|
get: () => props.visible,
|
set: (value) => emit('update:visible', value)
|
})
|
|
function handleVisibleChange(value) {
|
visible.value = value
|
}
|
</script>
|
