gtsoft/gtsoft-snail-job-admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(sj_map_reduce): 优化任务批次操作按钮栏

Browse Source
This commit is contained in:
xlsea 2024-06-24 16:35:11 +08:00
parent 34826d7ea4
commit 629204f270
1 changed files with 55 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

90
src/views/job/batch/index.vue
View File

@ -159,41 +159,61 @@ const { columnChecks, columns, data, getData, loading, mobilePagination, searchP
title: $t('common.operate'),
align: 'center',
width: 130,
render: row => (
<div class="flex-center gap-8px">
<NButton type="primary" text ghost size="small" onClick={handleLog}>
{$t('common.log')}
</NButton>
{row.taskBatchStatus === 1 || row.taskBatchStatus === 2 ? (
<NPopconfirm onPositiveClick={() => handleStopJob(row.id!)}>
{{
default: () => $t('common.confirmStop'),
trigger: () => (
<NButton type="error" text ghost size="small">
{$t('common.stop')}
</NButton>
)
}}
</NPopconfirm>
) : (
''
)}
{row.taskBatchStatus === 4 || row.taskBatchStatus === 5 || row.taskBatchStatus === 6 ? (
<NPopconfirm onPositiveClick={() => handleRetryJob(row.id!)}>
{{
default: () => $t('common.confirmRetry'),
trigger: () => (
<NButton type="error" text ghost size="small">
{$t('common.retry')}
</NButton>
)
}}
</NPopconfirm>
) : (
''
)}
</div>
)
render: row => {
const stopBtn = () => {
if (row.taskBatchStatus === 1 || row.taskBatchStatus === 2) {
return (
<>
<n-divider vertical />
<NPopconfirm onPositiveClick={() => handleStopJob(row.id!)}>
{{
default: () => $t('common.confirmStop'),
trigger: () => (
<>
<n-divider vertical />
<NButton type="error" text ghost size="small">
{$t('common.stop')}
</NButton>
</>
)
}}
</NPopconfirm>
</>
);
}
return null;
};
const retryBtn = () => {
if (row.taskBatchStatus === 4 || row.taskBatchStatus === 5 || row.taskBatchStatus === 6) {
return (
<>
<n-divider vertical />
<NPopconfirm onPositiveClick={() => handleRetryJob(row.id!)}>
{{
default: () => $t('common.confirmRetry'),
trigger: () => (
<NButton type="error" text ghost size="small">
{$t('common.retry')}
</NButton>
)
}}
</NPopconfirm>
</>
);
}
return null;
};
return (
<div class="flex-center gap-8px">
<NButton type="primary" text ghost size="small" onClick={handleLog}>
{$t('common.log')}
</NButton>
{stopBtn()}
{retryBtn()}
</div>
);
}
}
]
});