From 647b0990aabe78151a0e8788ec80a237ae8a4e6b Mon Sep 17 00:00:00 2001
From: songjianet <1778651752@qq.com>
Date: Thu, 24 Mar 2022 16:35:29 +0800
Subject: [PATCH] [Fix][UI Next][V1.0.0-Alpha] Fix the upstream Tasks field UI
 display extra long. (#9148)

* [Fix][UI Next][V1.0.0-Alpha] Fix the upstream Tasks field UI display extra long.
---
 .../projects/task/definition/use-table.ts     | 25 ++++++-------------
 1 file changed, 8 insertions(+), 17 deletions(-)

diff --git a/dolphinscheduler-ui-next/src/views/projects/task/definition/use-table.ts b/dolphinscheduler-ui-next/src/views/projects/task/definition/use-table.ts
index 23fb500b83..2add224535 100644
--- a/dolphinscheduler-ui-next/src/views/projects/task/definition/use-table.ts
+++ b/dolphinscheduler-ui-next/src/views/projects/task/definition/use-table.ts
@@ -105,23 +105,14 @@ export function useTable(onEdit: Function) {
         title: t('project.task.upstream_tasks'),
         key: 'upstreamTaskMap',
         render: (row: TaskDefinitionItem) =>
-          h(
-            'span',
-            null,
-            row.upstreamTaskMap.length < 1
-              ? '-'
-              : h(NSpace, null, {
-                  default: () =>
-                    row.upstreamTaskMap.map((item: string) => {
-                      return h(
-                        NTag,
-                        { type: 'info', size: 'small' },
-                        { default: () => item }
-                      )
-                    })
-                })
-          ),
-        width: 140
+          row.upstreamTaskMap.map((item: string, index: number) => {
+            return h(
+              'p',
+              null,
+              { default: () => `[${index + 1}] ${item}` }
+            )
+          }),
+        ...COLUMN_WIDTH_CONFIG['name']
       },
       {
         title: t('project.task.create_time'),