[dolphinscheduler] branch dev updated: [Fix][UI Next][V1.0.0-Alpha] Fix the display of the project name is too long, causing UI confusion. (#8669)

[ki...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

kirs pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/dolphinscheduler.git


The following commit(s) were added to refs/heads/dev by this push:
     new 43fc7ec  [Fix][UI Next][V1.0.0-Alpha] Fix the display of the project name is too long, causing UI confusion. (#8669)
43fc7ec is described below

commit 43fc7ec968e11568b5c07ab21b6d849646022fb3
Author: songjianet <17...@qq.com>
AuthorDate: Wed Mar 2 21:52:58 2022 +0800

    [Fix][UI Next][V1.0.0-Alpha] Fix the display of the project name is too long, causing UI confusion. (#8669)
    
    * [Fix][UI Next][V1.0.0-Alpha] Fix the display of the project name is too long, causing UI confusion.
    
    * [Fix][UI Next][V1.0.0-Alpha] Fix the display of the project name is too long, causing UI confusion.
---
 .../src/views/projects/list/index.module.scss      | 10 -------
 .../src/views/projects/list/use-table.ts           | 33 +++++++++++++---------
 2 files changed, 20 insertions(+), 23 deletions(-)

diff --git a/dolphinscheduler-ui-next/src/views/projects/list/index.module.scss b/dolphinscheduler-ui-next/src/views/projects/list/index.module.scss
index b518e96..de6cf70 100644
--- a/dolphinscheduler-ui-next/src/views/projects/list/index.module.scss
+++ b/dolphinscheduler-ui-next/src/views/projects/list/index.module.scss
@@ -41,13 +41,3 @@
     justify-content: center;
   }
 }
-
-.links {
-  color: dodgerblue;
-  text-decoration: none;
-  cursor: pointer;
-
-  &:hover {
-    text-decoration: underline;
-  }
-}
diff --git a/dolphinscheduler-ui-next/src/views/projects/list/use-table.ts b/dolphinscheduler-ui-next/src/views/projects/list/use-table.ts
index f85e9ae..a6938e0 100644
--- a/dolphinscheduler-ui-next/src/views/projects/list/use-table.ts
+++ b/dolphinscheduler-ui-next/src/views/projects/list/use-table.ts
@@ -21,12 +21,12 @@ import { useAsyncState } from '@vueuse/core'
 import { queryProjectListPaging } from '@/service/modules/projects'
 import { parseISO, format } from 'date-fns'
 import { useRouter } from 'vue-router'
+import { useMenuStore } from '@/store/menu/menu'
+import { NEllipsis } from 'naive-ui'
 import TableAction from './components/table-action'
-import styles from './index.module.scss'
 import type { Router } from 'vue-router'
 import type { TableColumns } from 'naive-ui/es/data-table/src/interface'
 import type { ProjectRes } from '@/service/modules/projects/types'
-import { useMenuStore } from '@/store/menu/menu'
 
 export function useTable(
   updateProjectItem = (
@@ -47,18 +47,25 @@ export function useTable(
       key: 'name',
       render: (row) =>
         h(
-          'a',
-          {
-            class: styles.links,
-            onClick: () => {
-              menuStore.setProjectCode(row.code)
-              router.push({ path: `/projects/${row.code}` })
-            }
-          },
+          NEllipsis,
+          { style: 'max-width: 200px; color: #2080f0' },
           {
-            default: () => {
-              return row.name
-            }
+            default: () =>
+              h(
+                'a',
+                {
+                  onClick: () => {
+                    menuStore.setProjectCode(row.code)
+                    router.push({ path: `/projects/${row.code}` })
+                  }
+                },
+                {
+                  default: () => {
+                    return row.name
+                  }
+                }
+              ),
+            tooltip: () => row.name
           }
         )
     },