From 6e2c2adcaa3320a009afa311a5efce48787a249c Mon Sep 17 00:00:00 2001
From: calvin <jianghuachinacom@163.com>
Date: Mon, 7 Mar 2022 19:26:50 +0800
Subject: [PATCH] [Fix-8715][UI Next][V1.0.0-Alpha] Worked out this issue with
 missing some data in the form of a task when continuously clicking the same
 task node. (#8742)

---
 .../task/components/node/detail-modal.tsx         | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/dolphinscheduler-ui-next/src/views/projects/task/components/node/detail-modal.tsx b/dolphinscheduler-ui-next/src/views/projects/task/components/node/detail-modal.tsx
index c547a403a0..cfc4286625 100644
--- a/dolphinscheduler-ui-next/src/views/projects/task/components/node/detail-modal.tsx
+++ b/dolphinscheduler-ui-next/src/views/projects/task/components/node/detail-modal.tsx
@@ -23,7 +23,8 @@ import {
   watch,
   nextTick,
   provide,
-  computed
+  computed,
+  onMounted
 } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { omit } from 'lodash'
@@ -102,12 +103,12 @@ const NodeDetailModal = defineComponent({
     )
 
     watch(
-      () => props.data,
-      async () => {
-        if (!props.show) return
-        await nextTick()
-        detailRef.value.value.setValues(formatModel(props.data))
-      }
+        () => [props.show, props.data],
+        async () => {
+          if (!props.show) return
+          await nextTick()
+          detailRef.value.value.setValues(formatModel(props.data))
+        }
     )
 
     return () => (