<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="2" border>
|
<ElDescriptionsItem label="流程实例ID">{{ detail.flowInstanceId ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="步骤实例ID">{{ detail.stepInstanceId ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="日志类型">{{ detail.logType || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="日志级别">{{ detail.logLevel || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="日志内容" :span="2">{{ detail.logContent || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="请求数据" :span="2">{{ detail.requestData || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="响应数据" :span="2">{{ detail.responseData || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="创建时间">{{ detail.createTimeText || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="备注">{{ detail.memo || '--' }}</ElDescriptionsItem>
|
</ElDescriptions>
|
</div>
|
</ElScrollbar>
|
</ElDrawer>
|
</template>
|
|
<script setup>
|
defineOptions({ name: 'FlowStepLogDetailDrawer' })
|
|
defineProps({
|
visible: { type: Boolean, default: false },
|
detail: { type: Object, default: () => ({}) }
|
})
|
|
const emit = defineEmits(['update:visible'])
|
|
function handleVisibleChange(visible) {
|
emit('update:visible', visible)
|
}
|
</script>
|
