From 3dfcb0ff9a0342019773c500856140709c994300 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Tue, 27 Aug 2024 13:50:53 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=B0=83=E6=95=B4=E9=AB=98=E7=BA=A7?=
 =?UTF-8?q?=E7=BC=96=E6=8E=92=E4=B8=8D=E5=8F=AF=E7=94=A8=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/workflow/common/NodeContainer.vue | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/ui/src/workflow/common/NodeContainer.vue b/ui/src/workflow/common/NodeContainer.vue
index ac9b80be1..2926421d1 100644
--- a/ui/src/workflow/common/NodeContainer.vue
+++ b/ui/src/workflow/common/NodeContainer.vue
@@ -2,7 +2,7 @@
   <div @mousedown="mousedown" class="workflow-node-container p-16" style="overflow: visible">
     <div
       class="step-container app-card p-16"
-      :class="props.nodeModel.isSelected ? 'isSelected' : ''"
+      :class="{ isSelected: props.nodeModel.isSelected, error: node_status !== 200 }"
       style="overflow: visible"
     >
       <div v-resize="resizeStepContainer">
@@ -33,9 +33,6 @@
             @click.stop
             v-if="showOperate(nodeModel.type)"
           >
-            <el-tag type="danger" v-if="node_status != 200" style="margin-right: 8px"
-              >不可用</el-tag
-            >
             <el-dropdown :teleported="false" trigger="click">
               <el-button text>
                 <el-icon class="color-secondary"><MoreFilled /></el-icon>
@@ -51,6 +48,14 @@
         </div>
 
         <div @mousedown.stop @keydown.stop @click.stop>
+          <el-alert
+            v-if="node_status != 200"
+            class="mb-16"
+            title="该函数不可用"
+            type="error"
+            show-icon
+            :closable="false"
+          />
           <slot></slot>
           <template v-if="nodeFields.length > 0">
             <h5 class="title-decoration-1 mb-8 mt-8">参数输出</h5>
@@ -180,6 +185,9 @@ function showOperate(type: string) {
     &.isSelected {
       border: 2px solid var(--el-color-primary) !important;
     }
+    &.error {
+      border: 1px solid #f54a45 !important;
+    }
   }
 }
 :deep(.el-card) {