This is an automated email from the ASF dual-hosted git repository.
fanjia pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/seatunnel.git
The following commit(s) were added to refs/heads/dev by this push:
new 7adf523a71 [Improve][seatunnel-engine-ui] improve sorting of Running
Jobs and Finished Jobs (#9107)
7adf523a71 is described below
commit 7adf523a71a9f41a439231171d348bf514abf2c1
Author: ocean <[email protected]>
AuthorDate: Thu Apr 3 10:37:58 2025 +0800
[Improve][seatunnel-engine-ui] improve sorting of Running Jobs and Finished
Jobs (#9107)
---
.../src/views/jobs/finished-jobs.tsx | 39 ++++++++++++----------
.../src/views/jobs/running-jobs.tsx | 39 ++++++++++++----------
2 files changed, 42 insertions(+), 36 deletions(-)
diff --git
a/seatunnel-engine/seatunnel-engine-ui/src/views/jobs/finished-jobs.tsx
b/seatunnel-engine/seatunnel-engine-ui/src/views/jobs/finished-jobs.tsx
index e964e53c32..202feef158 100644
--- a/seatunnel-engine/seatunnel-engine-ui/src/views/jobs/finished-jobs.tsx
+++ b/seatunnel-engine/seatunnel-engine-ui/src/views/jobs/finished-jobs.tsx
@@ -53,24 +53,27 @@ export default defineComponent({
},
{
title: 'Id',
- key: 'jobId'
+ key: 'jobId',
+ sorter: 'default'
},
{
title: 'Name',
- key: 'jobName'
+ key: 'jobName',
+ sorter: 'default'
},
{
title: 'Create Time',
- key: 'createTime'
+ key: 'createTime',
+ sorter: 'default'
},
{
title: 'Status',
key: 'jobStatus',
render(row) {
return (
- <NTag bordered={false} color={getColorFromStatus(row.jobStatus)}>
- {row.jobStatus}
- </NTag>
+ <NTag bordered={false}
color={getColorFromStatus(row.jobStatus)}>
+ {row.jobStatus}
+ </NTag>
)
}
},
@@ -79,14 +82,14 @@ export default defineComponent({
key: 'actions',
render(row) {
return h(
- NButton,
- {
- strong: true,
- tertiary: true,
- size: 'small',
- onClick: () => view(row)
- },
- { default: () => 'View' }
+ NButton,
+ {
+ strong: true,
+ tertiary: true,
+ size: 'small',
+ onClick: () => view(row)
+ },
+ { default: () => 'View' }
)
}
}
@@ -95,10 +98,10 @@ export default defineComponent({
const columns = createColumns()
return () => (
- <div class="w-full bg-white p-6 border border-gray-100 rounded-xl">
- <h2 class="font-bold text-2xl pb-6">{t('jobs.finishedJobs')}</h2>
- <NDataTable columns={columns} data={jobs.value} pagination={false}
bordered={false} />
- </div>
+ <div class="w-full bg-white p-6 border border-gray-100 rounded-xl">
+ <h2 class="font-bold text-2xl pb-6">{t('jobs.finishedJobs')}</h2>
+ <NDataTable columns={columns} data={jobs.value} pagination={false}
bordered={false} />
+ </div>
)
}
})
diff --git
a/seatunnel-engine/seatunnel-engine-ui/src/views/jobs/running-jobs.tsx
b/seatunnel-engine/seatunnel-engine-ui/src/views/jobs/running-jobs.tsx
index f09df9fb5e..c55a46ca71 100644
--- a/seatunnel-engine/seatunnel-engine-ui/src/views/jobs/running-jobs.tsx
+++ b/seatunnel-engine/seatunnel-engine-ui/src/views/jobs/running-jobs.tsx
@@ -54,24 +54,27 @@ export default defineComponent({
},
{
title: 'Id',
- key: 'jobId'
+ key: 'jobId',
+ sorter: 'default'
},
{
title: 'Name',
- key: 'jobName'
+ key: 'jobName',
+ sorter: 'default'
},
{
title: 'Create Time',
- key: 'createTime'
+ key: 'createTime',
+ sorter: 'default'
},
{
title: 'Status',
key: 'jobStatus',
render(row) {
return (
- <NTag bordered={false} color={getColorFromStatus(row.jobStatus)}>
- {row.jobStatus}
- </NTag>
+ <NTag bordered={false}
color={getColorFromStatus(row.jobStatus)}>
+ {row.jobStatus}
+ </NTag>
)
}
},
@@ -80,14 +83,14 @@ export default defineComponent({
key: 'actions',
render(row) {
return h(
- NButton,
- {
- strong: true,
- tertiary: true,
- size: 'small',
- onClick: () => view(row)
- },
- { default: () => 'View' }
+ NButton,
+ {
+ strong: true,
+ tertiary: true,
+ size: 'small',
+ onClick: () => view(row)
+ },
+ { default: () => 'View' }
)
}
}
@@ -96,10 +99,10 @@ export default defineComponent({
const columns = createColumns()
return () => (
- <div class="w-full bg-white p-6 border border-gray-100 rounded-xl">
- <h2 class="font-bold text-2xl pb-6">{t('jobs.runningJobs')}</h2>
- <NDataTable columns={columns} data={jobs.value} pagination={false}
bordered={false} />
- </div>
+ <div class="w-full bg-white p-6 border border-gray-100 rounded-xl">
+ <h2 class="font-bold text-2xl pb-6">{t('jobs.runningJobs')}</h2>
+ <NDataTable columns={columns} data={jobs.value} pagination={false}
bordered={false} />
+ </div>
)
}
})
