From 85ac7002d9e9150a65b45e78254a8e2a4d861238 Mon Sep 17 00:00:00 2001
From: shaohuzhang1 <shaohu.zhang@fit2cloud.com>
Date: Thu, 27 Jun 2024 16:53:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=20=E6=95=B0=E6=8D=AE=E4=B9=9F=E8=B7=9F?=
 =?UTF-8?q?=E9=9A=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/workflow/common/NodeContainer.vue | 20 ++++++++++++++++----
 ui/src/workflow/common/app-node.ts       |  8 +-------
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
index 668100b91..16c693387 100644
--- a/ui/src/workflow/common/NodeContainer.vue
+++ b/ui/src/workflow/common/NodeContainer.vue
@@ -38,9 +38,9 @@
 
         <div>
           <slot></slot>
-          <template v-if="props.nodeModel.properties.fields?.length > 0">
+          <template v-if="paramsFileds?.length > 0">
             <h5 class="title-decoration-1 mb-8 mt-8">参数输出</h5>
-            <template v-for="(item, index) in props.nodeModel.properties.fields" :key="index">
+            <template v-for="(item, index) in paramsFileds" :key="index">
               <div
                 class="flex-between border-r-4 p-8-12 mb-8 layout-bg lighter"
                 @mouseenter="showicon = index"
@@ -66,7 +66,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref } from 'vue'
+import { ref, computed } from 'vue'
 import { set } from 'lodash'
 import { iconComponent } from '../icons/utils'
 import { copyClick } from '@/utils/clipboard'
@@ -84,7 +84,19 @@ const height = ref<{
 })
 
 const showEditIcon = ref(false)
-
+const paramsFileds = computed(() => {
+  if (props.nodeModel.properties.fields) {
+    return props.nodeModel.properties.fields?.map((field: any) => {
+      return {
+        label: field.label,
+        value: field.value,
+        globeLabel: `{{${props.nodeModel.properties.stepName}.${field.value}}}`,
+        globeValue: `{{context['${props.nodeModel.id}'].${field.value}}}`
+      }
+    })
+  }
+  return []
+})
 function editName(val: string) {
   if (val.trim() && val.trim() !== props.nodeModel.properties.stepName) {
     if (
diff --git a/ui/src/workflow/common/app-node.ts b/ui/src/workflow/common/app-node.ts
index bd958316b..08e624d79 100644
--- a/ui/src/workflow/common/app-node.ts
+++ b/ui/src/workflow/common/app-node.ts
@@ -43,12 +43,6 @@ class AppNode extends HtmlResize.view {
         props.model.properties.stepName = props.model.properties.stepName + (filterNodes.length - 1)
       }
     }
-    if (props.model.properties?.fields?.length > 0) {
-      props.model.properties.fields.map((item: any) => {
-        item['globeLabel'] = `{{${props.model.properties.stepName}.${item.value}}}`
-        item['globeValue'] = `{{context['${props.model.id}'].${item.value}}}`
-      })
-    }
   }
 
   getAnchorShape(anchorData: any) {
@@ -140,7 +134,7 @@ class AppNodeModel extends HtmlResize.model {
   getControlPointStyle() {
     const style = super.getControlPointStyle()
     style.stroke = 'none'
-    style.fill= 'none'
+    style.fill = 'none'
     return style
   }
   getNodeStyle() {