列表不换行+悬停显示

src/views/group/index.vue

@@ -42,6 +42,9 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       title: $t('page.groupConfig.groupName'),
       align: 'center',
       minWidth: 100,
+      ellipsis: {
+        tooltip: true,
+      },
       render: row => {
         function showDetailDrawer() {
           detailData.value = row || null;
@@ -49,9 +52,11 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
         }
 
         return (
-          <n-button text tag="a" type="primary" onClick={showDetailDrawer} class="ws-normal">
+          <div style={{whiteSpace: 'nowrap'}}>
+          <n-button text tag="a" type="primary" onClick={showDetailDrawer} class="ws-normal" style={{whiteSpace: 'nowrap'}}>
             {row.groupName}
           </n-button>
+          </div>
         );
       }
     },
@@ -107,7 +112,10 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       key: 'description',
       title: $t('page.groupConfig.description'),
       align: 'center',
-      width: 250
+      width: 250,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'operate',

src/views/job/batch/index.vue

@@ -53,7 +53,7 @@ const { columnChecks, columns, data, getData, loading, mobilePagination, searchP
     {
       key: 'id',
       align: 'center',
-      width: 60,
+      width: 80,
       title: () => {
         return (
           <div class="flex-center">
@@ -79,9 +79,11 @@ const { columnChecks, columns, data, getData, loading, mobilePagination, searchP
         }
 
         return (
-          <NButton text tag="a" type="primary" onClick={showDetailDrawer} class="ws-normal">
+          <div style={{whiteSpace: 'nowrap'}}>
-            {row.id}
+            <NButton text tag="a" type="primary" onClick={showDetailDrawer} class="ws-normal">
-          </NButton>
+              {row.id}
+            </NButton>
+          </div>
         );
       }
     },

src/views/job/task/index.vue

@@ -81,6 +81,9 @@ const { columnChecks, columns, data, getData, loading, mobilePagination, searchP
       title: $t('page.jobTask.executorInfo'),
       align: 'left',
       width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
       render: row => {
         if (row.executorType == 1) {
           return '自定义执行器:'+row.executorInfo;
@@ -99,7 +102,10 @@ const { columnChecks, columns, data, getData, loading, mobilePagination, searchP
       key: 'nextTriggerAt',
       title: $t('page.jobTask.nextTriggerAt'),
       align: 'center',
-      width: 120
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'jobStatus',

src/views/retry/dead-letter/index.vue

@@ -68,7 +68,10 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       key: 'sceneName',
       title: $t('page.retryDeadLetter.sceneName'),
       align: 'center',
-      minWidth: 120
+      minWidth: 120,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'idempotentId',
@@ -80,7 +83,10 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       key: 'bizNo',
       title: $t('page.retryDeadLetter.bizNo'),
       align: 'center',
-      minWidth: 120
+      minWidth: 120,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'createDt',

src/views/retry/info/index.vue

@@ -91,19 +91,28 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       key: 'groupNameCn',
       title: $t('page.retry.groupNameCn'),
       align: 'center',
-      width: 180
+      width: 180,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'sceneName',
       title: $t('page.retry.sceneName'),
       align: 'center',
-      width: 180
+      width: 180,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'nextTriggerAt',
       title: $t('page.retry.nextTriggerAt'),
       align: 'center',
-      width: 120
+      width: 120,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'retryCount',
@@ -153,7 +162,10 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       key: 'bizNo',
       title: $t('page.retry.bizNo'),
       align: 'center',
-      minWidth: 120
+      minWidth: 120,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'createDt',

src/views/retry/scene/index.vue

@@ -79,7 +79,10 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       key: 'groupNameCn',
       title: $t('page.retryScene.groupNameCn'),
       align: 'center',
-      width: 180
+      width: 180,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'sceneStatus',

src/views/retry/task/index.vue

@@ -87,13 +87,19 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       key: 'groupNameCn',
       title: $t('page.retryTask.groupNameCn'),
       align: 'center',
-      minWidth: 120
+      minWidth: 120,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'sceneName',
       title: $t('page.retryTask.sceneName'),
       align: 'center',
-      minWidth: 120
+      minWidth: 120,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'retryId',

src/views/workflow/batch/index.vue

@@ -64,19 +64,28 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       key: 'workflowName',
       title: $t('page.workflowBatch.workflowName'),
       align: 'center',
-      minWidth: 120
+      minWidth: 120,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'groupNameCn',
       title: $t('page.workflowBatch.groupNameCn'),
       align: 'center',
-      minWidth: 120
+      minWidth: 120,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'executionAt',
       title: $t('page.workflowBatch.executionAt'),
       align: 'center',
-      minWidth: 120
+      minWidth: 120,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'taskBatchStatus',

src/views/workflow/task/index.vue

@@ -167,7 +167,10 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
       key: 'nextTriggerAt',
       title: $t('page.workflow.nextTriggerAt'),
       align: 'left',
-      minWidth: 120
+      minWidth: 120,
+      ellipsis: {
+        tooltip: true,
+      },
     },
     {
       key: 'workflowStatus',