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

---
 ui/src/workflow/common/NodeContainer.vue | 30 ++++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
index 7be819190..ba6e5e4c6 100644
--- a/ui/src/workflow/common/NodeContainer.vue
+++ b/ui/src/workflow/common/NodeContainer.vue
@@ -6,7 +6,31 @@
           <component :is="iconComponent(`${nodeModel.type}-icon`)" class="mr-8" :size="24" />
           <h4>{{ nodeModel.properties.stepName }}</h4>
         </div>
-        <div><slot></slot></div>
+        <div>
+          <slot></slot>
+          <template v-if="props.nodeModel.properties.fields?.length > 0">
+            <h5 class="title-decoration-1 mb-8 mt-8">参数输出</h5>
+            <template v-for="(item, index) in props.nodeModel.properties.fields" :key="index">
+              <div
+                class="flex-between border-r-4 p-8-12 mb-8 layout-bg lighter"
+                @mouseenter="showicon = index"
+                @mouseleave="showicon = null"
+              >
+                <span>{{ item.label }} {{ '{' + item.value + '}' }}</span>
+                <el-tooltip
+                  effect="dark"
+                  content="复制参数"
+                  placement="top"
+                  v-if="showicon === index"
+                >
+                  <el-button link @click="copyClick(item.globeLabel)" style="padding: 0">
+                    <AppIcon iconName="app-copy"></AppIcon>
+                  </el-button>
+                </el-tooltip>
+              </div>
+            </template>
+          </template>
+        </div>
       </div>
     </div>
   </div>
@@ -14,7 +38,7 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { iconComponent } from '../icons/utils'
-
+import { copyClick } from '@/utils/clipboard'
 const height = ref<{
   stepContainerHeight: number
   inputContainerHeight: number
@@ -25,6 +49,8 @@ const height = ref<{
   outputContainerHeight: 0
 })
 
+const showicon = ref<number | null>(null)
+
 const resizeStepContainer = (wh: any) => {
   if (wh.height) {
     height.value.stepContainerHeight = wh.height