From 3e8231271351454dacd3e9b6edab0a17fdc81a68 Mon Sep 17 00:00:00 2001
From: Amy0104 <97265214+Amy0104@users.noreply.github.com>
Date: Mon, 28 Mar 2022 14:51:05 +0800
Subject: [PATCH] [Fix][UI Next][V1.0.0-Alpha]Fix the rules display incorrect
 in DATA_QUALITY. (#9236)

* [Fix][UI Next][V1.0.0-Alpha]Fix the rules display incorrect in DATA_QUALITY.

* [Fix][UI Next][V1.0.0-Alpha]Remove the unuse watch.
---
 .../task/components/node/fields/use-rules.ts       |  3 ++-
 .../task/components/node/tasks/use-data-quality.ts |  5 ++++-
 .../projects/task/components/node/use-task.ts      | 14 +++++---------
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/dolphinscheduler-ui-next/src/views/projects/task/components/node/fields/use-rules.ts b/dolphinscheduler-ui-next/src/views/projects/task/components/node/fields/use-rules.ts
index 409cab4d0e..977be8517c 100644
--- a/dolphinscheduler-ui-next/src/views/projects/task/components/node/fields/use-rules.ts
+++ b/dolphinscheduler-ui-next/src/views/projects/task/components/node/fields/use-rules.ts
@@ -80,7 +80,8 @@ export function useRules(
       field: responseItem.field,
       options: responseItem.options,
       validate: responseItem.validate,
-      props: responseItem.props
+      props: responseItem.props,
+      value: responseItem.value
     }
     const name = responseItem.name?.replace('$t(', '').replace(')', '')
     item.name = name ? t(`project.node.${name}`) : ''
diff --git a/dolphinscheduler-ui-next/src/views/projects/task/components/node/tasks/use-data-quality.ts b/dolphinscheduler-ui-next/src/views/projects/task/components/node/tasks/use-data-quality.ts
index bf9598b3d3..d9d2b490f4 100644
--- a/dolphinscheduler-ui-next/src/views/projects/task/components/node/tasks/use-data-quality.ts
+++ b/dolphinscheduler-ui-next/src/views/projects/task/components/node/tasks/use-data-quality.ts
@@ -25,13 +25,15 @@ export function useDataQuality({
   from = 0,
   readonly,
   data,
-  jsonRef
+  jsonRef,
+  updateElements
 }: {
   projectCode: number
   from?: number
   readonly?: boolean
   data?: ITaskData
   jsonRef: Ref<IJsonItem[]>
+  updateElements: () => void
 }) {
   const { t } = useI18n()
   const model = reactive({
@@ -87,6 +89,7 @@ export function useDataQuality({
       ...Fields.useTimeoutAlarm(model),
       ...Fields.useRules(model, (items: IJsonItem[], len: number) => {
         jsonRef.value.splice(15, len, ...items)
+        updateElements()
       }),
       Fields.useDeployMode(),
       Fields.useDriverCores(),
diff --git a/dolphinscheduler-ui-next/src/views/projects/task/components/node/use-task.ts b/dolphinscheduler-ui-next/src/views/projects/task/components/node/use-task.ts
index 82c01e6f92..b197bd1361 100644
--- a/dolphinscheduler-ui-next/src/views/projects/task/components/node/use-task.ts
+++ b/dolphinscheduler-ui-next/src/views/projects/task/components/node/use-task.ts
@@ -14,7 +14,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { ref, Ref, unref, watch } from 'vue'
+import { ref, Ref, unref } from 'vue'
 import nodes from './tasks'
 import getElementByJson from '@/components/form/get-elements-by-json'
 import { useTaskNodeStore } from '@/store/project/task-node'
@@ -56,7 +56,10 @@ export function useTask({
     from,
     readonly,
     data,
-    jsonRef
+    jsonRef,
+    updateElements: () => {
+      getElements()
+    }
   }
 
   const { model, json } = nodes[data.taskType || 'SHELL'](params)
@@ -71,12 +74,5 @@ export function useTask({
 
   getElements()
 
-  watch(
-    () => jsonRef.value.length,
-    () => {
-      getElements()
-    }
-  )
-
   return { elementsRef, rulesRef, model }
 }