列表不换行+悬停显示

This commit is contained in:
zhuangdashia 2025-07-02 23:01:24 +08:00
parent b42d35d65c
commit 629d029adc
9 changed files with 75 additions and 20 deletions

View File

@ -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',

View File

@ -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 (
<div style={{whiteSpace: 'nowrap'}}>
<NButton text tag="a" type="primary" onClick={showDetailDrawer} class="ws-normal">
{row.id}
</NButton>
</div>
);
}
},

View File

@ -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',

View File

@ -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',

View File

@ -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',

View File

@ -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',

View File

@ -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',

View File

@ -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',

View File

@ -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',