From 320d15f26a2185a9ca9de5ab14e9c59c603259c8 Mon Sep 17 00:00:00 2001
From: zhanghao <774378400@qq.com>
Date: Thu, 19 Mar 2026 13:36:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E5=BC=82=E5=B8=B8?=
 =?UTF-8?q?=E9=94=99=E8=AF=AF=E4=BF=A1=E6=81=AF=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/flow/nodes/common/serviceNode.vue | 51 +++++++++++----------
 src/views/flow/nodes/function/codeNode.vue  | 51 +++++++++++----------
 src/views/flow/nodes/function/httpNode.vue  | 51 +++++++++++----------
 src/views/flow/nodes/function/switch.vue    |  7 ++-
 4 files changed, 90 insertions(+), 70 deletions(-)

diff --git a/src/views/flow/nodes/common/serviceNode.vue b/src/views/flow/nodes/common/serviceNode.vue
index d9eb133..eba9341 100644
--- a/src/views/flow/nodes/common/serviceNode.vue
+++ b/src/views/flow/nodes/common/serviceNode.vue
@@ -5,29 +5,32 @@
         <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
       </template>
       <template #output>
-        <JsonViewer
-          v-if="props.properties.outputType === 'json'"
-          :value="outputJsonData"
-          copyable
-          boxed
-          sort
-          theme="light"
-        />
-        <el-image
-          v-if="props.properties.outputType === 'img'"
-          v-for="item in outputJsonData.imageUrl"
-          style="width: 60px; height: 60px"
-          :src="item"
-          :preview-src-list="outputJsonData.imageUrl"
-          :preview-teleported="true"
-          show-progress
-          fit="fill"
-        />
-        <IPlayer
-          v-if="props.properties.outputType === 'video'"
-          v-for="item in outputJsonData.videoUrl"
-          :videoUrl="item"
-        />
+        <div v-if="nodeOperatingStatus != 'FAILED'">
+          <JsonViewer
+            v-if="props.properties.outputType === 'json'"
+            :value="outputJsonData"
+            copyable
+            boxed
+            sort
+            theme="light"
+          />
+          <el-image
+            v-if="props.properties.outputType === 'img'"
+            v-for="item in outputJsonData.imageUrl"
+            style="width: 60px; height: 60px"
+            :src="item"
+            :preview-src-list="outputJsonData.imageUrl"
+            :preview-teleported="true"
+            show-progress
+            fit="fill"
+          />
+          <IPlayer
+            v-if="props.properties.outputType === 'video'"
+            v-for="item in outputJsonData.videoUrl"
+            :videoUrl="item"
+          />
+        </div>
+        <div v-else>{{ errorInfoData }}</div>
       </template>
     </NodeState>
     <NodeTitle
@@ -308,6 +311,7 @@ const setNodeName = (name) => {
 const nodeOperatingStatus = ref("NORMAL");
 const inputJsonData = ref({});
 const outputJsonData = ref({});
+const errorInfoData = ref('');
 
 const visibleChange = (value, index, quote) => {
   if (value) {
@@ -425,6 +429,7 @@ onMounted(() => {
       nodeOperatingStatus.value = data.status;
       let inputData = {};
       let output = {};
+      errorInfoData.value = data?.message || ''
       try {
         inputData = JSON.parse(data.paramsIn) || {};
         output = JSON.parse(data.paramsOut) || {};
diff --git a/src/views/flow/nodes/function/codeNode.vue b/src/views/flow/nodes/function/codeNode.vue
index 69fbfb0..01a154a 100644
--- a/src/views/flow/nodes/function/codeNode.vue
+++ b/src/views/flow/nodes/function/codeNode.vue
@@ -5,29 +5,32 @@
         <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
       </template>
       <template #output>
-        <JsonViewer
-          v-if="props.properties.outputType === 'json'"
-          :value="outputJsonData"
-          copyable
-          boxed
-          sort
-          theme="light"
-        />
-        <el-image
-          v-if="props.properties.outputType === 'img'"
-          v-for="item in outputJsonData.imageUrl"
-          style="width: 60px; height: 60px"
-          :src="item"
-          :preview-src-list="outputJsonData.imageUrl"
-          :preview-teleported="true"
-          show-progress
-          fit="fill"
-        />
-        <IPlayer
-          v-if="props.properties.outputType === 'video'"
-          v-for="item in outputJsonData.videoUrl"
-          :videoUrl="item"
-        />
+        <div v-if="nodeOperatingStatus != 'FAILED'">
+          <JsonViewer
+            v-if="props.properties.outputType === 'json'"
+            :value="outputJsonData"
+            copyable
+            boxed
+            sort
+            theme="light"
+          />
+          <el-image
+            v-if="props.properties.outputType === 'img'"
+            v-for="item in outputJsonData.imageUrl"
+            style="width: 60px; height: 60px"
+            :src="item"
+            :preview-src-list="outputJsonData.imageUrl"
+            :preview-teleported="true"
+            show-progress
+            fit="fill"
+          />
+          <IPlayer
+            v-if="props.properties.outputType === 'video'"
+            v-for="item in outputJsonData.videoUrl"
+            :videoUrl="item"
+          />
+        </div>
+        <div v-else>{{ errorInfoData }}</div>
       </template>
     </NodeState>
     <NodeTitle
@@ -328,6 +331,7 @@ const setNodeName = (name) => {
 const nodeOperatingStatus = ref("NORMAL");
 const inputJsonData = ref({});
 const outputJsonData = ref({});
+const errorInfoData = ref('');
 
 const visibleChange = (value, index, quote) => {
   if (value) {
@@ -532,6 +536,7 @@ onMounted(() => {
       nodeOperatingStatus.value = data.status;
       let inputData = {};
       let output = {};
+      errorInfoData.value = data?.message || ''
       try {
         inputData = JSON.parse(data.paramsIn) || {};
         output = JSON.parse(data.paramsOut) || {};
diff --git a/src/views/flow/nodes/function/httpNode.vue b/src/views/flow/nodes/function/httpNode.vue
index 1135f92..9235cd6 100644
--- a/src/views/flow/nodes/function/httpNode.vue
+++ b/src/views/flow/nodes/function/httpNode.vue
@@ -5,29 +5,32 @@
         <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
       </template>
       <template #output>
-        <JsonViewer
-          v-if="props.properties.outputType === 'json'"
-          :value="outputJsonData"
-          copyable
-          boxed
-          sort
-          theme="light"
-        />
-        <el-image
-          v-if="props.properties.outputType === 'img'"
-          v-for="item in outputJsonData.imageUrl"
-          style="width: 60px; height: 60px"
-          :src="item"
-          :preview-src-list="outputJsonData.imageUrl"
-          :preview-teleported="true"
-          show-progress
-          fit="fill"
-        />
-        <IPlayer
-          v-if="props.properties.outputType === 'video'"
-          v-for="item in outputJsonData.videoUrl"
-          :videoUrl="item"
-        />
+        <div v-if="nodeOperatingStatus != 'FAILED'">
+          <JsonViewer
+            v-if="props.properties.outputType === 'json'"
+            :value="outputJsonData"
+            copyable
+            boxed
+            sort
+            theme="light"
+          />
+          <el-image
+            v-if="props.properties.outputType === 'img'"
+            v-for="item in outputJsonData.imageUrl"
+            style="width: 60px; height: 60px"
+            :src="item"
+            :preview-src-list="outputJsonData.imageUrl"
+            :preview-teleported="true"
+            show-progress
+            fit="fill"
+          />
+          <IPlayer
+            v-if="props.properties.outputType === 'video'"
+            v-for="item in outputJsonData.videoUrl"
+            :videoUrl="item"
+          />
+        </div>
+        <div v-else>{{ errorInfoData }}</div>
       </template>
     </NodeState>
     <NodeTitle
@@ -307,6 +310,7 @@ const setNodeName = (name) => {
 const nodeOperatingStatus = ref("NORMAL");
 const inputJsonData = ref({});
 const outputJsonData = ref({});
+const errorInfoData = ref('');
 
 const visibleChange = (value, index, quote) => {
   if (value) {
@@ -424,6 +428,7 @@ onMounted(() => {
       nodeOperatingStatus.value = data.status;
       let inputData = {};
       let output = {};
+      errorInfoData.value = data?.message || ''
       try {
         inputData = JSON.parse(data.paramsIn) || {};
         output = JSON.parse(data.paramsOut) || {};
diff --git a/src/views/flow/nodes/function/switch.vue b/src/views/flow/nodes/function/switch.vue
index a56f086..66133a6 100644
--- a/src/views/flow/nodes/function/switch.vue
+++ b/src/views/flow/nodes/function/switch.vue
@@ -5,7 +5,10 @@
         <JsonViewer :value="inputJsonData" copyable boxed sort theme="light" />
       </template>
       <template #output>
-        <JsonViewer :value="outputJsonData" copyable boxed sort theme="light" />
+        <div v-if="nodeOperatingStatus != 'FAILED'">
+          <JsonViewer :value="outputJsonData" copyable boxed sort theme="light" />
+        </div>
+        <div v-else>{{ errorInfoData }}</div>
       </template>
     </NodeState>
     <NodeTitle
@@ -384,6 +387,7 @@ const visibleChange = (value) => {
 const nodeOperatingStatus = ref("NORMAL");
 const inputJsonData = ref({});
 const outputJsonData = ref({});
+const errorInfoData = ref('');
 
 watch(
   () => props.properties,
@@ -412,6 +416,7 @@ onMounted(() => {
       nodeOperatingStatus.value = data.status;
       let inputData = {};
       let output = {};
+      errorInfoData.value = data?.message || ''
       try {
         inputData = JSON.parse(data.paramsIn) || {};
         output = JSON.parse(data.paramsOut) || {};