From db925f3216b8e6a53fc360c5e4c899620fcd4f45 Mon Sep 17 00:00:00 2001
From: Assert <42203474+shangeyao@users.noreply.github.com>
Date: Tue, 23 Aug 2022 17:12:40 +0800
Subject: [PATCH] =?UTF-8?q?[Improvement-10942][UI]The=20workflow=20or=20ta?=
 =?UTF-8?q?sk=20name=20is=20too=20long=20and=20resu=E2=80=A6=20(#10957)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* [Improvement-10942][UI]The workflow or task name is too long and results in incomplete display

* [improvement-10942][ui]The workflow or task name is too long and results in incomplete display
---
 .../projects/task/components/node/fields/use-dependent.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/dolphinscheduler-ui/src/views/projects/task/components/node/fields/use-dependent.ts b/dolphinscheduler-ui/src/views/projects/task/components/node/fields/use-dependent.ts
index c650a815f0..9589a38f08 100644
--- a/dolphinscheduler-ui/src/views/projects/task/components/node/fields/use-dependent.ts
+++ b/dolphinscheduler-ui/src/views/projects/task/components/node/fields/use-dependent.ts
@@ -17,7 +17,7 @@
 
 import { ref, onMounted, watch, h } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { NIcon } from 'naive-ui'
+import { NEllipsis, NIcon } from 'naive-ui'
 import { useRelationCustomParams, useDependentTimeout } from '.'
 import { useTaskNodeStore } from '@/store/project/task-node'
 import { queryAllProjectList } from '@/service/modules/projects'
@@ -179,7 +179,7 @@ export function useDependent(model: { [field: string]: any }): IJsonItem[] {
     const result = await queryAllProjectList()
     projectList.value = result.map((item: { code: number; name: string }) => ({
       value: item.code,
-      label: item.name
+      label: () => h(NEllipsis, null, item.name)
     }))
     return projectList
   }
@@ -190,7 +190,7 @@ export function useDependent(model: { [field: string]: any }): IJsonItem[] {
     const result = await queryProcessDefinitionList(code)
     const processList = result.map((item: { code: number; name: string }) => ({
       value: item.code,
-      label: item.name
+      label: () => h(NEllipsis, null, item.name)
     }))
     processCache[code] = processList
 
@@ -204,7 +204,7 @@ export function useDependent(model: { [field: string]: any }): IJsonItem[] {
     const result = await getTasksByDefinitionList(code, processCode)
     const taskList = result.map((item: { code: number; name: string }) => ({
       value: item.code,
-      label: item.name
+      label: () => h(NEllipsis, null, item.name)
     }))
     taskList.unshift({
       value: 0,