feat(sj_1.0.0): 优化组列表列宽

This commit is contained in:
opensnail 2024-05-12 10:46:55 +08:00
parent ff4b4f7bee
commit cd928ef59b
2 changed files with 40 additions and 30 deletions

View File

@ -296,12 +296,6 @@ watch(visible, () => {
</NSpace> </NSpace>
</NRadioGroup> </NRadioGroup>
</NFormItem> </NFormItem>
<NFormItem :label="$t('page.jobTask.routeKey')" path="routeKey">
<RouteKey v-model:value="model.routeKey" />
</NFormItem>
<NFormItem :label="$t('page.jobTask.blockStrategy')" path="blockStrategy">
<BlockStrategy v-model:value="model.blockStrategy" />
</NFormItem>
<NFormItem :label="$t('page.jobTask.executorType')" path="executorType"> <NFormItem :label="$t('page.jobTask.executorType')" path="executorType">
<ExecutorType v-model:value="model.executorType" /> <ExecutorType v-model:value="model.executorType" />
</NFormItem> </NFormItem>
@ -342,6 +336,12 @@ watch(visible, () => {
</NCard> </NCard>
<CodeMirror v-else v-model="model.argsStr" lang="json" :placeholder="$t('page.jobTask.form.argsStr')" /> <CodeMirror v-else v-model="model.argsStr" lang="json" :placeholder="$t('page.jobTask.form.argsStr')" />
</NFormItem> </NFormItem>
<NFormItem :label="$t('page.jobTask.routeKey')" path="routeKey">
<RouteKey v-model:value="model.routeKey" />
</NFormItem>
<NFormItem :label="$t('page.jobTask.blockStrategy')" path="blockStrategy">
<BlockStrategy v-model:value="model.blockStrategy" />
</NFormItem>
<NFormItem :label="$t('page.jobTask.triggerType')" path="triggerType"> <NFormItem :label="$t('page.jobTask.triggerType')" path="triggerType">
<TriggerType <TriggerType
v-model:value="model.triggerType" v-model:value="model.triggerType"

View File

@ -49,6 +49,7 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
key: 'uniqueId', key: 'uniqueId',
title: $t('page.retryTask.uniqueId'), title: $t('page.retryTask.uniqueId'),
align: 'left', align: 'left',
fixed: 'left',
minWidth: 120, minWidth: 120,
render: row => { render: row => {
async function showDetailDrawer() { async function showDetailDrawer() {
@ -66,44 +67,36 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
{ {
key: 'groupName', key: 'groupName',
title: $t('page.retryTask.groupName'), title: $t('page.retryTask.groupName'),
align: 'center', align: 'left',
minWidth: 120 resizable: true,
minWidth: 120,
maxWidth: 250
}, },
{ {
key: 'sceneName', key: 'sceneName',
title: $t('page.retryTask.sceneName'), title: $t('page.retryTask.sceneName'),
align: 'center', align: 'left',
minWidth: 120
},
{
key: 'idempotentId',
title: $t('page.retryTask.idempotentId'),
align: 'center',
minWidth: 120
},
{
key: 'bizNo',
title: $t('page.retryTask.bizNo'),
align: 'center',
minWidth: 120 minWidth: 120
}, },
{ {
key: 'nextTriggerAt', key: 'nextTriggerAt',
title: $t('page.retryTask.nextTriggerAt'), title: $t('page.retryTask.nextTriggerAt'),
align: 'center', align: 'left',
minWidth: 120 resizable: true,
minWidth: 120,
maxWidth: 150
}, },
{ {
key: 'retryCount', key: 'retryCount',
title: $t('page.retryTask.retryCount'), title: $t('page.retryTask.retryCount'),
align: 'center', align: 'center',
minWidth: 120 width: 80
}, },
{ {
key: 'retryStatus', key: 'retryStatus',
title: $t('page.retryTask.retryStatus'), title: $t('page.retryTask.retryStatus'),
align: 'center', align: 'left',
minWidth: 120, width: 120,
render: row => { render: row => {
if (row.retryStatus === null) { if (row.retryStatus === null) {
return null; return null;
@ -116,8 +109,8 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
{ {
key: 'taskType', key: 'taskType',
title: $t('page.retryTask.taskType'), title: $t('page.retryTask.taskType'),
align: 'center', align: 'left',
minWidth: 120, width: 100,
render: row => { render: row => {
if (row.taskType === null) { if (row.taskType === null) {
return null; return null;
@ -131,11 +124,28 @@ const { columns, columnChecks, data, getData, loading, mobilePagination, searchP
return <NTag type={tagMap[row.taskType!]}>{label}</NTag>; return <NTag type={tagMap[row.taskType!]}>{label}</NTag>;
} }
}, },
{
key: 'idempotentId',
title: $t('page.retryTask.idempotentId'),
align: 'left',
resizable: true,
minWidth: 150,
maxWidth: 300
},
{
key: 'bizNo',
title: $t('page.retryTask.bizNo'),
align: 'left',
resizable: true,
minWidth: 150,
maxWidth: 300
},
{ {
key: 'operate', key: 'operate',
title: $t('common.operate'), title: $t('common.operate'),
align: 'center', align: 'left',
width: 260, width: 260,
fixed: 'right',
render: row => ( render: row => (
<div class="flex-center gap-8px"> <div class="flex-center gap-8px">
{/* 非[完成,最大次数], 显示[执行]按钮 */} {/* 非[完成,最大次数], 显示[执行]按钮 */}
@ -304,7 +314,7 @@ async function updateRetryTaskStatus(id: number, groupName: string, retryStatus:
: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"