feat: 增加异常错误信息显示

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) || {};

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) || {};

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) || {};

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) || {};