[Bug] Dependent components cannot be justified and viewed (#14924)

* Dependent components cannot be justified and viewed (dependent components cannot be edited and viewed) #14865

* Dependent components cannot be justified and viewed (dependent components cannot be edited and viewed) #14865  Improve stability

---------

Co-authored-by: AmriStrong <wanggang1@baseus.com>
Co-authored-by: xiangzihao <460888207@qq.com>

dolphinscheduler-ui/src/views/projects/task/components/node/fields/use-dependent.ts

@@ -258,8 +258,8 @@ export function useDependent(model: { [field: string]: any }): IJsonItem[] {
       return null
     const key = `${item.definitionCode}-${item.depTaskCode}-${item.cycle}-${item.dateValue}`
     const state: ITaskState = dependentResult[key]
-    return h(NIcon, { size: 24, color: TasksStateConfig[state].color }, () =>
+    return h(NIcon, { size: 24, color: TasksStateConfig[state]?.color }, () =>
-      h(TasksStateConfig[state].icon)
+      h(TasksStateConfig[state]?.icon)
     )
   }
 

dolphinscheduler-ui/src/views/projects/workflow/components/dag/use-node-status.ts

@@ -77,15 +77,14 @@ export function useNodeStatus(options: Options) {
       window.$message.success(t('project.workflow.refresh_status_succeeded'))
       taskList.value = res.taskList
       if (taskList.value) {
+        const allDependentResult = {}
         taskList.value.forEach((taskInstance: any) => {
           setNodeStatus(taskInstance.taskCode, taskInstance.state, taskInstance)
-
           if (taskInstance.dependentResult) {
-            nodeStore.updateDependentResult(
+            Object.assign(allDependentResult, JSON.parse(taskInstance.dependentResult))
-              JSON.parse(taskInstance.dependentResult)
-            )
           }
         })
+        nodeStore.updateDependentResult(allDependentResult)
       }
     })
   }