<template>
|
<ElDrawer
|
:model-value="visible"
|
title="任务路径模板节点详情"
|
size="980px"
|
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="模板ID">{{ detail.templateId ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="模板编码">{{ detail.templateCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="节点顺序">{{ detail.nodeOrder ?? '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="节点编码">{{ detail.nodeCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="节点名称">{{ detail.nodeName || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="节点类型">
|
<ElTag :type="detail.nodeTypeType || 'info'" effect="light">
|
{{ detail.nodeTypeText || '--' }}
|
</ElTag>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="系统编码">{{ detail.systemCode || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="系统名称">{{ detail.systemName || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="必须节点">
|
<ElTag :type="detail.mandatoryType || 'info'" effect="light">
|
{{ detail.mandatoryText || '--' }}
|
</ElTag>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="可并行">
|
<ElTag :type="detail.parallelExecutableType || 'info'" effect="light">
|
{{ detail.parallelExecutableText || '--' }}
|
</ElTag>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="超时(分)">{{ detail.timeoutMinutes ?? '--' }}</ElDescriptionsItem>
|
</ElDescriptions>
|
|
<ElDescriptions title="执行规则" :column="2" border>
|
<ElDescriptionsItem label="执行参数" :span="2">
|
<pre class="m-0 whitespace-pre-wrap break-words text-[var(--art-text-secondary)]">{{ detail.executeParams || '--' }}</pre>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="结果结构" :span="2">
|
<pre class="m-0 whitespace-pre-wrap break-words text-[var(--art-text-secondary)]">{{ detail.resultSchema || '--' }}</pre>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="前置条件" :span="2">
|
<pre class="m-0 whitespace-pre-wrap break-words text-[var(--art-text-secondary)]">{{ detail.preCondition || '--' }}</pre>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="后置条件" :span="2">
|
<pre class="m-0 whitespace-pre-wrap break-words text-[var(--art-text-secondary)]">{{ detail.postCondition || '--' }}</pre>
|
</ElDescriptionsItem>
|
<ElDescriptionsItem label="下一节点规则" :span="2">
|
<pre class="m-0 whitespace-pre-wrap break-words text-[var(--art-text-secondary)]">{{ detail.nextNodeRules || '--' }}</pre>
|
</ElDescriptionsItem>
|
</ElDescriptions>
|
|
<ElDescriptions title="审计信息" :column="2" border>
|
<ElDescriptionsItem label="创建人">{{ detail.createByText || detail.createBy || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="创建时间">{{ detail.createTimeText || detail.createTime || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="更新人">{{ detail.updateByText || detail.updateBy || '--' }}</ElDescriptionsItem>
|
<ElDescriptionsItem label="更新时间">{{ detail.updateTimeText || detail.updateTime || '--' }}</ElDescriptionsItem>
|
</ElDescriptions>
|
</div>
|
</ElScrollbar>
|
</ElDrawer>
|
</template>
|
|
<script setup>
|
import { computed } from 'vue'
|
|
const props = defineProps({
|
visible: { type: Boolean, default: false },
|
loading: { type: Boolean, default: false },
|
detail: { type: Object, 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>
|
