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

refactor(web): 增加分页通用配置

Browse Source
This commit is contained in:
兰缘小妖
2023-06-14 15:21:01 +08:00
parent edbf54a519
commit 58487be66a
5 changed files with 28 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
web/components/common.js
View File

@@ -8,6 +8,22 @@ function crudCommonOptions() {
} }
} }
function paginationCommonOptions(perPage = true) {
let option = {
type: 'pagination',
layout: [
'pager'
],
maxButtons: 5,
showPageInput: false,
perPageAvailable: [10, 15, 20, 50, 100, 200],
}
if (perPage) {
option.layout.push('perPage')
}
return option
}
function timeAndFrom(field, fromNow, emptyText = '未停止', showSource = true) { function timeAndFrom(field, fromNow, emptyText = '未停止', showSource = true) {
let tpl = "${IF(" + field + " === 0, '(" + emptyText + ")', CONCATENATE('<span class=\"font-bold\">'," + fromNow + ",'</span>'))}" let tpl = "${IF(" + field + " === 0, '(" + emptyText + ")', CONCATENATE('<span class=\"font-bold\">'," + fromNow + ",'</span>'))}"
if (showSource) { if (showSource) {
@@ -543,12 +559,7 @@ function simpleYarnDialog(cluster, title, filterField) {
perPage: 10, perPage: 10,
headerToolbar: [ headerToolbar: [
"reload", "reload",
{ paginationCommonOptions(),
type: 'pagination',
layout: ['pager', 'perPage'],
maxButtons: 5,
showPageInput: false,
}
], ],
footerToolbar: [], footerToolbar: [],
columns: yarnCrudColumns(), columns: yarnCrudColumns(),
@@ -769,28 +780,14 @@ function tableMetaDialog() {
filter_type: 'active', filter_type: 'active',
}, },
}, },
affixHeader: true, ...crudCommonOptions(),
syncLocation: false, perPage: 15,
silentPolling: true,
stopAutoRefreshWhenModalIsOpen: true,
resizable: false,
perPage: 10,
headerToolbar: [ headerToolbar: [
"reload", "reload",
{ paginationCommonOptions(),
type: 'pagination',
layout: ['pager', 'perPage'],
maxButtons: 5,
showPageInput: false,
},
], ],
footerToolbar: [ footerToolbar: [
{ paginationCommonOptions(),
type: 'pagination',
layout: ['pager', 'perPage'],
maxButtons: 5,
showPageInput: false,
},
], ],
columns: [ columns: [
{ {

7
web/components/queue-tab.js
View File

@@ -14,12 +14,7 @@ function queueCrud(name) {
type: "tpl", type: "tpl",
tpl: "共 <span class='text-primary font-bold'>${total|default:0}</span> 个任务" tpl: "共 <span class='text-primary font-bold'>${total|default:0}</span> 个任务"
}, },
{ paginationCommonOptions(false)
type: 'pagination',
layout: ['pager'],
maxButtons: 5,
showPageInput: false,
}
], ],
footerToolbar: [], footerToolbar: [],
columns: [ columns: [

14
web/components/table-tab.js
View File

@@ -69,20 +69,10 @@ function tableTab() {
headerToolbar: [ headerToolbar: [
"reload", "reload",
'filter-toggler', 'filter-toggler',
{ paginationCommonOptions(),
type: 'pagination',
layout: ['pager', 'perPage'],
maxButtons: 5,
showPageInput: false,
},
], ],
footerToolbar: [ footerToolbar: [
{ paginationCommonOptions(),
type: 'pagination',
layout: ['pager', 'perPage'],
maxButtons: 5,
showPageInput: false,
},
], ],
columns: [ columns: [
{ {

14
web/components/version-tab.js
View File

@@ -82,20 +82,10 @@ function versionTab() {
type: "tpl", 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> 个表未跨天" 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(),
type: 'pagination',
layout: ['pager', 'perPage'],
maxButtons: 5,
showPageInput: false,
},
], ],
footerToolbar: [ footerToolbar: [
{ paginationCommonOptions(),
type: 'pagination',
layout: ['pager', 'perPage'],
maxButtons: 5,
showPageInput: false,
},
], ],
columns: [ columns: [
{ {

14
web/components/yarn-tab.js
View File

@@ -87,20 +87,10 @@ function yarnTab(cluster, title, queueNames = 'root', searchName = undefined) {
type: "tpl", type: "tpl",
tpl: "共 <span class='text-primary font-bold'>${total|default:0}</span> 个任务，其中 <span class='text-success font-bold'>${running|default:0}</span> 个任务运行中，<span class='text-danger font-bold'>${unRunning|default:0}</span> 个任务处于非运行状态" tpl: "共 <span class='text-primary font-bold'>${total|default:0}</span> 个任务，其中 <span class='text-success font-bold'>${running|default:0}</span> 个任务运行中，<span class='text-danger font-bold'>${unRunning|default:0}</span> 个任务处于非运行状态"
}, },
{ paginationCommonOptions(),
type: 'pagination',
layout: ['pager', 'perPage'],
maxButtons: 5,
showPageInput: false,
}
], ],
footerToolbar: [ footerToolbar: [
{ paginationCommonOptions(),
type: 'pagination',
layout: ['pager', 'perPage'],
maxButtons: 5,
showPageInput: false,
}
], ],
columns: yarnCrudColumns(), columns: yarnCrudColumns(),
} }