Commit 8944c38f authored by 徐一鸣's avatar 徐一鸣

流程预览组件

parent d7912e5e
...@@ -13,10 +13,14 @@ ...@@ -13,10 +13,14 @@
<template v-slot:node="{ meta }"> <template v-slot:node="{ meta }">
<div <div
v-if="meta.type === 1 || meta.type === 2" v-if="meta.type === 1 || meta.type === 2"
:class="`flow-node flow-node-${meta.type}`" class="flow-node"
:class="`flow-node-${meta.type}`"
> >
<span v-text="meta.name"></span> <span v-text="meta.name"></span>
</div> </div>
<div v-else-if="hideDetail" class="flow-node">
<span v-text="meta.name"></span>
</div>
<el-tooltip v-else effect="dark" placement="right-start"> <el-tooltip v-else effect="dark" placement="right-start">
<div class="node-detail" slot="content"> <div class="node-detail" slot="content">
<p>当前实例数:{{ meta.running_nodes || 0 }}</p> <p>当前实例数:{{ meta.running_nodes || 0 }}</p>
...@@ -35,7 +39,7 @@ ...@@ -35,7 +39,7 @@
</span> </span>
</div> </div>
</div> </div>
<div :class="`flow-node`"> <div class="flow-node">
<span v-text="meta.name"></span> <span v-text="meta.name"></span>
<span class="example-count" v-text="meta.running_nodes || 0"></span> <span class="example-count" v-text="meta.running_nodes || 0"></span>
</div> </div>
...@@ -52,6 +56,10 @@ export default { ...@@ -52,6 +56,10 @@ export default {
type: Number, type: Number,
required: true, required: true,
}, },
hideDetail: {
type: Number,
default: false,
},
}, },
data() { data() {
return { return {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment