<template>
|
<ElDrawer :model-value="visible" 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="流程实例号">{{ detail.flowInstanceNo || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="任务号">{{ detail.taskNo || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="节点编码">{{ detail.nodeCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="流程模板编码">{{ detail.flowTemplateCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="当前步骤">{{ detail.currentStepCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="执行结果" :span="2">{{ detail.executeResult || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="错误信息" :span="2">{{ detail.errorMessage || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="开始时间">{{ detail.startTimeText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="结束时间">{{ detail.endTimeText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="状态">
|
<ElTag :type="detail.statusType || 'info'" effect="light">{{ detail.statusText || '--' }}</ElTag>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="备注" :span="4">{{ detail.memo || '--' }}</ElDescriptionsItem>
|
</ElDescriptions>
|
</div>
|
</ElScrollbar>
|
</ElDrawer>
|
</template>
|
|
<script setup>
|
defineOptions({ name: 'FlowInstanceDetailDrawer' })
|
defineProps({
|
visible: { type: Boolean, default: false },
|
detail: { type: Object, default: () => ({}) }
|
})
|
const emit = defineEmits(['update:visible'])
|
function handleVisibleChange(visible) {
|
emit('update:visible', visible)
|
}
|
</script>
|
