lanyuanxiaoyao/hudi-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(web): 更换页面框架为pro-layout

Browse Source
This commit is contained in:
v-zhangjc9
2025-05-12 10:42:59 +08:00
parent aa93b52dd9
commit 1e7b195f9f
17 changed files with 772 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files

185
service-web/client/src/pages/overview/Version.tsx Normal file
View File

@@ -0,0 +1,185 @@
import {
aliasTextInput,
amisRender,
commonInfo,
crudCommonOptions,
filterableField,
flinkJobDialog,
flinkJobIdTextInput,
mappingField,
paginationCommonOptions,
tableMetaDialog,
versionUpdateStateMapping,
} from '../../util/amis.ts'
function Version() {
return (
<div className="hudi-version">
{amisRender(
{
type: 'wrapper',
body: [
{
type: 'crud',
api: {
method: 'get',
url: `${commonInfo.baseUrl}/version_update/list`,
data: {
page: '${page|default:undefined}',
count: '${perPage|default:undefined}',
order: '${orderBy|default:undefined}',
direction: '${orderDir|default:undefined}',
search_flink_job_id: '${flinkJobId|default:undefined}',
search_alias: '${alias|default:undefined}',
search_version: '${version|default:undefined}',
filter_schedules: '${updated|default:undefined}',
},
},
data: {
now: '${DATETOSTR(DATEMODIFY(NOW(), -1, \'days\'), \'YYYYMMDD\')}',
},
...crudCommonOptions(),
interval: 10000,
filter: {
mode: 'inline',
title: '表筛选',
body: [
{
type: 'group',
body: [
{
...flinkJobIdTextInput('c5cac9d3-844a-4d86-b2c5-0c10f2283667'),
size: 'md',
},
{
...aliasTextInput('c5cac9d3-844a-4d86-b2c5-0c10f2283667'),
size: 'md',
},
{
type: 'input-date',
name: 'version',
label: '版本',
clearable: true,
placeholder: '通过版本搜索',
size: 'md',
format: 'YYYYMMDD',
inputFormat: 'YYYYMMDD',
value: '${now}',
},
],
},
],
actions: [
{
type: 'submit',
level: 'primary',
label: '查询',
},
{
type: 'reset',
label: '重置',
},
],
},
filterTogglable: true,
filterDefaultVisible: true,
perPage: 20,
headerToolbar: [
'reload',
'filter-toggler',
{
type: 'tpl',
tpl: '共 <span class=\'text-primary font-bold\'>${total|default:0}</span> 个表，其中 <span class=\'text-success font-bold\'>${scheduled|default:0}</span> 个表已跨天，<span class=\'text-danger font-bold\'>${unScheduled|default:0}</span> 个表未跨天',
},
paginationCommonOptions(),
],
footerToolbar: [
paginationCommonOptions(),
],
columns: [
{
label: 'Flink job id',
width: 195,
fixed: 'left',
type: 'wrapper',
size: 'none',
body: [
{
type: 'action',
level: 'link',
label: '${flinkJobId}',
size: 'xs',
actionType: 'dialog',
tooltip: '查看详情',
dialog: flinkJobDialog(),
},
{
type: 'action',
level: 'link',
label: '',
icon: 'fa fa-copy',
size: 'xs',
actionType: 'copy',
content: '${flinkJobId}',
tooltip: '复制 ID',
},
],
},
{
label: '别名',
type: 'wrapper',
fixed: 'left',
size: 'none',
className: 'nowrap',
body: [
{
type: 'action',
level: 'link',
label: '${tableMeta.alias}',
size: 'xs',
actionType: 'dialog',
tooltip: '查看详情',
dialog: tableMetaDialog(),
},
{
type: 'action',
level: 'link',
label: '',
icon: 'fa fa-copy',
size: 'xs',
actionType: 'copy',
content: '${tableMeta.alias}',
tooltip: '复制别名',
},
],
},
{
name: 'priority',
label: '表优先级',
align: 'center',
width: 75,
sortable: true,
}, {
name: 'version',
label: '版本',
align: 'center',
width: 75,
},
{
name: 'updated',
label: '状态',
align: 'center',
...mappingField('updated', versionUpdateStateMapping),
filterable: filterableField(versionUpdateStateMapping, true),
width: 70,
},
],
},
],
},
)}
</div>
)
}
export default Version