[Fix][UI] Fix workflow name overlaps bug (#11862)

dolphinscheduler-ui/src/common/column-width-config.ts

@@ -94,6 +94,9 @@ export const COLUMN_WIDTH_CONFIG = {
   },
   tag: {
     width: 160
+  },
+  copy: {
+    width: 50
   }
 }
 

dolphinscheduler-ui/src/views/projects/workflow/definition/use-table.ts

@@ -83,7 +83,8 @@ export function useTable() {
         title: t('project.workflow.workflow_name'),
         key: 'name',
         className: 'workflow-name',
-        width: 200,
+        ...COLUMN_WIDTH_CONFIG['name'],
+        titleColSpan: 2,
         render: (row) =>
           h(
             NSpace,
@@ -93,7 +94,7 @@ export function useTable() {
               class: styles['workflow-name']
             },
             {
-              default: () => [
+              default: () =>
                 h(
                   ButtonLink,
                   {
@@ -104,9 +105,22 @@ export function useTable() {
                       })
                   },
                   {
-                    default: () => h(NEllipsis, null, () => row.name)
+                    default: () =>
+                      h(
+                        NEllipsis,
+                        COLUMN_WIDTH_CONFIG['linkEllipsis'],
+                        () => row.name
+                      )
                   }
-                ),
+                )
+            }
+          )
+      },
+      {
+        title: 'Copy',
+        key: 'copy',
+        ...COLUMN_WIDTH_CONFIG['copy'],
+        render: (row) =>
           h(
             NButton,
             {
@@ -118,9 +132,6 @@ export function useTable() {
             },
             { icon: () => h(NIcon, { size: 16 }, () => h(CopyOutlined)) }
           )
-              ]
-            }
-          )
       },
       {
         title: t('project.workflow.status'),