<template>
|
<ElDrawer
|
:model-value="visible"
|
title="扩展字段明细详情"
|
size="560px"
|
@update:model-value="handleVisibleChange"
|
>
|
<ElSkeleton :loading="loading" animated :rows="10">
|
<ElDescriptions :column="1" border>
|
<ElDescriptionsItem label="唯一标识">{{ displayData.uuid || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="扩展字段标识">{{ displayData.fieldsId || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="字段值">{{ displayData.value || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="物料标识">{{ displayData.matnrId || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="货主标识">{{ displayData.shiperId || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="状态">
|
<ElTag :type="displayData.statusType" effect="light">{{ displayData.statusText || '--' }}</ElTag>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="更新人">{{ displayData.updateByLabel || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="更新时间">{{ displayData.updateTimeText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="创建人">{{ displayData.createByLabel || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="创建时间">{{ displayData.createTimeText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="备注">{{ displayData.memo || '--' }}</ElDescriptionsItem>
|
</ElDescriptions>
|
</ElSkeleton>
|
</ElDrawer>
|
</template>
|
|
<script setup>
|
import { normalizeFieldsItemListRow } from '../fieldsItemPage.helpers'
|
|
const props = defineProps({
|
visible: {
|
type: Boolean,
|
default: false
|
},
|
loading: {
|
type: Boolean,
|
default: false
|
},
|
detailData: {
|
type: Object,
|
default: () => ({})
|
}
|
})
|
|
const emit = defineEmits(['update:visible'])
|
const displayData = computed(() => normalizeFieldsItemListRow(props.detailData))
|
|
function handleVisibleChange(visible) {
|
emit('update:visible', visible)
|
}
|
</script>
|
