From bb9672f1f86a4ad567614782a5bf4d283ca21dff Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Fri, 7 Jun 2024 18:25:27 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B7=A5=E4=BD=9C=E7=BC=96=E6=8E=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/workflow/common/NodeCascader.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/ui/src/workflow/common/NodeCascader.vue b/ui/src/workflow/common/NodeCascader.vue
index 9086bda62..4e93d0c20 100644
--- a/ui/src/workflow/common/NodeCascader.vue
+++ b/ui/src/workflow/common/NodeCascader.vue
@@ -1,13 +1,18 @@
 <template>
   <el-cascader :options="options" @visible-change="visibleChange" v-bind="$attrs" separator=" > ">
     <template #default="{ node, data }">
-      <span>{{ data.label }}</span>
+      <span class="flex align-center">
+        <component :is="iconComponent(`${data.type}-icon`)" class="mr-8" :size="18" />{{
+          data.label
+        }}</span
+      >
     </template>
   </el-cascader>
 </template>
 
 <script setup lang="ts">
 import { ref, computed } from 'vue'
+import { iconComponent } from '../icons/utils'
 const props = defineProps<{
   nodeModel: any
 }>()
@@ -29,6 +34,7 @@ function getIncomingNode(id: string) {
         options.value.unshift({
           value: item.id,
           label: item.properties.stepName,
+          type: item.type,
           children: item.properties?.fields || []
         })
       }