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

feat(sj_1.0.0): 优化场景的列表宽度

Browse Source
This commit is contained in:
opensnail 2024-05-07 23:46:59 +08:00
parent fc3a7530bc
commit a8834e8798
1 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/views/retry/scene/index.vue
View File

@ -34,8 +34,8 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
{ {
key: 'sceneName', key: 'sceneName',
title: $t('page.retryScene.sceneName'), title: $t('page.retryScene.sceneName'),
align: 'left', fixed: 'left',
minWidth: 120, width: 120,
render: row => { render: row => {
function showDetailDrawer() { function showDetailDrawer() {
detailData.value = row || null; detailData.value = row || null;
@ -53,13 +53,13 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
key: 'groupName', key: 'groupName',
title: $t('page.retryScene.groupName'), title: $t('page.retryScene.groupName'),
align: 'left', align: 'left',
minWidth: 120 width: 180
}, },
{ {
key: 'sceneStatus', key: 'sceneStatus',
title: $t('page.retryScene.sceneStatus'), title: $t('page.retryScene.sceneStatus'),
align: 'left', align: 'left',
minWidth: 120, width: 50,
render: row => { render: row => {
const fetchFn = async (sceneStatus: Api.Common.EnableStatusNumber, callback: () => void) => { const fetchFn = async (sceneStatus: Api.Common.EnableStatusNumber, callback: () => void) => {
const { error } = await fetchUpdateSceneStatus(row.id!, sceneStatus); const { error } = await fetchUpdateSceneStatus(row.id!, sceneStatus);
@ -77,7 +77,7 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
key: 'backOff', key: 'backOff',
title: $t('page.retryScene.backOff'), title: $t('page.retryScene.backOff'),
align: 'left', align: 'left',
minWidth: 120, width: 80,
render: row => { render: row => {
const label = $t(backOffRecord[row.backOff!]); const label = $t(backOffRecord[row.backOff!]);
return <NTag type="primary">{label}</NTag>; return <NTag type="primary">{label}</NTag>;
@ -87,7 +87,7 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
key: 'routeKey', key: 'routeKey',
title: $t('page.retryScene.routeKey'), title: $t('page.retryScene.routeKey'),
align: 'left', align: 'left',
minWidth: 120, width: 80,
render: row => { render: row => {
const label = $t(routeKeyRecord[row.routeKey!]); const label = $t(routeKeyRecord[row.routeKey!]);
return <NTag type="primary">{label}</NTag>; return <NTag type="primary">{label}</NTag>;
@ -97,13 +97,13 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
key: 'maxRetryCount', key: 'maxRetryCount',
title: $t('page.retryScene.maxRetryCount'), title: $t('page.retryScene.maxRetryCount'),
align: 'left', align: 'left',
minWidth: 120 width: 80
}, },
{ {
key: 'triggerInterval', key: 'triggerInterval',
title: $t('page.retryScene.triggerInterval'), title: $t('page.retryScene.triggerInterval'),
align: 'left', align: 'left',
minWidth: 120, width: 130,
render: row => { render: row => {
if (row.backOff === 1) { if (row.backOff === 1) {
return triggerInterval(row.backOff!, row.maxRetryCount!); return triggerInterval(row.backOff!, row.maxRetryCount!);
@ -116,36 +116,37 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
key: 'deadlineRequest', key: 'deadlineRequest',
title: $t('page.retryScene.deadlineRequest'), title: $t('page.retryScene.deadlineRequest'),
align: 'left', align: 'left',
minWidth: 120 width: 120
}, },
{ {
key: 'executorTimeout', key: 'executorTimeout',
title: $t('page.retryScene.executorTimeout'), title: $t('page.retryScene.executorTimeout'),
align: 'left', align: 'left',
minWidth: 120 width: 80
}, },
{ {
key: 'createDt', key: 'createDt',
title: $t('page.retryScene.createDt'), title: $t('page.retryScene.createDt'),
align: 'left', align: 'left',
minWidth: 120 width: 120
}, },
{ {
key: 'updateDt', key: 'updateDt',
title: $t('page.retryScene.updateDt'), title: $t('page.retryScene.updateDt'),
align: 'left', align: 'left',
minWidth: 120 width: 120
}, },
{ {
key: 'description', key: 'description',
title: $t('page.retryScene.description'), title: $t('page.retryScene.description'),
align: 'left', align: 'left',
minWidth: 120 width: 120
}, },
{ {
key: 'operate', key: 'operate',
title: $t('common.operate'), title: $t('common.operate'),
align: 'center', align: 'center',
fixed: 'right',
width: 130, width: 130,
render: row => ( render: row => (
<div class="flex-center gap-8px"> <div class="flex-center gap-8px">
@ -205,7 +206,7 @@ function triggerInterval(backOff: number, maxRetryCount: number) {
:columns="columns" :columns="columns"
:data="data" :data="data"
:flex-height="!appStore.isMobile" :flex-height="!appStore.isMobile"
:scroll-x="962" :scroll-x="2000"
:loading="loading" :loading="loading"
remote remote
:row-key="row => row.id" :row-key="row => row.id"