[Fix][UI][V1.0.0-Beta] Adjust the UI presentation of the dependent task. (#9649)

dolphinscheduler-ui-next/src/components/form/fields/custom-parameters.ts

@@ -110,8 +110,9 @@ export function renderCustomParameters(
       return h(
         NFormItemGi,
         {
-          showLabel: false,
+          showLabel: !!mergedChild.name,
           path: `${field}[${i}].${mergedChild.field}`,
+          label: mergedChild.name,
           span: unref(mergedChild.span),
           class: mergedChild.class
         },

dolphinscheduler-ui-next/src/locales/modules/en_US.ts

@@ -872,6 +872,9 @@ const project = {
     waiting_dependent_start: 'Waiting Dependent start',
     check_interval: 'Check interval',
     waiting_dependent_complete: 'Waiting Dependent complete',
+    project_name: 'Project Name',
+    process_name: 'Wrokflow Name',
+    cycle_time: 'Cycle Time',
     rule_name: 'Rule Name',
     null_check: 'NullCheck',
     custom_sql: 'CustomSql',

dolphinscheduler-ui-next/src/locales/modules/zh_CN.ts

@@ -861,6 +861,9 @@ const project = {
     waiting_dependent_start: '等待依赖启动',
     check_interval: '检查间隔',
     waiting_dependent_complete: '等待依赖完成',
+    project_name: '项目名称',
+    process_name: '工作流名称',
+    cycle_time: '时间周期',
     rule_name: '规则名称',
     null_check: '空值检测',
     custom_sql: '自定义SQL',

dolphinscheduler-ui-next/src/service/service.ts

@@ -93,5 +93,4 @@ service.interceptors.response.use((res: AxiosResponse) => {
   }
 }, err)
 
-
 export { service as axios }

dolphinscheduler-ui-next/src/utils/downloadFile.ts

@@ -1,4 +1,3 @@
-
 /*
  * Licensed to the Apache Software Foundation (ASF) under one or more
  * contributor license agreements.  See the NOTICE file distributed with
@@ -55,4 +54,4 @@ const downloadFile = (url: string, obj?: any) => {
   document.body.removeChild(form)
 }
 
-export default downloadFile
+export default downloadFile

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

@@ -241,7 +241,8 @@ export function useDependent(model: { [field: string]: any }): IJsonItem[] {
           (j = 0) => ({
             type: 'select',
             field: 'projectCode',
-            span: 12,
+            name: t('project.node.project_name'),
+            span: 24,
             props: {
               filterable: true,
               onUpdateValue: async (projectCode: number) => {
@@ -256,7 +257,8 @@ export function useDependent(model: { [field: string]: any }): IJsonItem[] {
           (j = 0) => ({
             type: 'select',
             field: 'definitionCode',
-            span: 12,
+            span: 24,
+            name: t('project.node.process_name'),
             props: {
               filterable: true,
               onUpdateValue: async (processCode: number) => {
@@ -275,7 +277,8 @@ export function useDependent(model: { [field: string]: any }): IJsonItem[] {
           (j = 0) => ({
             type: 'select',
             field: 'depTaskCode',
-            span: 12,
+            span: 24,
+            name: t('project.node.task_name'),
             props: {
               filterable: true
             },
@@ -286,7 +289,8 @@ export function useDependent(model: { [field: string]: any }): IJsonItem[] {
           (j = 0) => ({
             type: 'select',
             field: 'cycle',
-            span: 12,
+            span: 10,
+            name: t('project.node.cycle_time'),
             props: {
               onUpdateValue: (value: 'month') => {
                 model.dependTaskList[i].dependItemList[j].dateOptions =
@@ -298,7 +302,8 @@ export function useDependent(model: { [field: string]: any }): IJsonItem[] {
           (j = 0) => ({
             type: 'select',
             field: 'dateValue',
-            span: 12,
+            span: 10,
+            name: ' ',
             options:
               model.dependTaskList[i]?.dependItemList[j]?.dateOptions || []
           })