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

feat(web): 增加离线检索页面和任务查看

Browse Source
This commit is contained in:
兰缘小妖
2024-01-10 16:15:32 +08:00
parent be64de7fe8
commit 8d6c637b37
5 changed files with 216 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
service-web/src/main/resources/static/components/common.js
View File

@@ -238,7 +238,7 @@ function yarnCrudColumns() {
label: '名称',
className: 'nowrap',
type: 'tpl',
tpl: "${IF(syncApplication, '<span class=\"rounded-xl label label-primary\">S</span>', IF(compactionApplication, '<span class=\"rounded-xl label label-primary\">C</span>', ''))}${IF(hudiApplication, '<span class=\"mx-2\"/>', '')}${IF(syncApplication, flinkJobName, IF(compactionApplication, alias, name))}",
tpl: "${IF(syncApplication, '<span class=\"rounded-xl label label-primary\">S</span>', IF(compactionApplication, '<span class=\"rounded-xl label label-primary\">C</span>', IF(taskApplication, '<span class=\"rounded-xl label label-primary\">T</span>', '')))}${IF(hudiApplication || taskApplication, '<span class=\"mx-2\"/>', '')}${IF(syncApplication, flinkJobName, IF(compactionApplication, alias, IF(taskApplication, taskName, name)))}",
// tpl: '${name}',
backgroundScale: {
min: 0.001,
@@ -399,6 +399,40 @@ function yarnCrudColumns() {
level: 'link',
tooltip: '${alias}'
},
{
disabledOn: '${finalStatus != \'SUCCEEDED\' || state != \'FINISHED\'}',
disabledTip: '无结果',
visibleOn: 'taskId',
label: '结果',
level: 'link',
type: 'action',
actionType: 'dialog',
dialog: {
title: '结果',
...readOnlyDialogOptions(),
size: 'xl',
body: [
{
type: 'service',
api: {
method: 'get',
url: '${base}/task/results',
data: {
task_id: '${taskId|default:undefined}'
}
},
body: {
type: 'editor',
disabled: true,
name: 'text',
options: {
wordWrap: 'on'
}
}
}
],
},
},
{
label: 'ID',
type: 'action',

96
service-web/src/main/resources/static/components/task-tab.js Normal file
View File

@@ -0,0 +1,96 @@
function taskTab() {
return {
title: `离线检索`,
tab: [
{
type: 'form',
title: '检索文件',
actions: [
{
type: 'submit',
label: '提交任务',
actionType: 'ajax',
api: {
method: 'get',
url: '${base}/task/scan',
data: {
hdfs: '${hdfs|default:undefined}',
key: '${key|default:undefined}',
mode: '${scan_mode|default:undefined}',
}
}
},
],
body: [
{
name: 'scan_mode',
type: 'checkboxes',
label: '检索范围',
checkAll: true,
required: true,
value: 'log',
options: [
{label: '日志文件', value: 'log'},
{label: '数据文件', value: 'data'},
]
},
{
type: 'group',
body: [
{
type: 'input-text',
name: 'key',
label: '检索字段',
required: true,
clearable: true,
description: '检索带有该字符的记录',
columnRatio: 4,
},
{
type: 'input-text',
name: 'hdfs',
label: 'HDFS路经',
required: true,
clearable: true,
description: '输入表HDFS路径',
autoComplete: '${base}/table/all_hdfs?key=$term',
columnRatio: 8,
},
]
}
]
},
{
type: 'crud',
api: {
method: 'get',
url: `\${base}/yarn/job_list`,
data: {
clusters: `b12`,
page: '${page|default:undefined}',
count: '${perPage|default:undefined}',
order: '${orderBy|default:undefined}',
direction: '${orderDir|default:undefined}',
filter_state: '${state|default:undefined}',
filter_final_status: '${finalStatus|default:undefined}',
search_id: '${id|default:undefined}',
search_name: 'Service_Task',
precise: false,
}
},
affixHeader: false,
interval: 10000,
syncLocation: false,
silentPolling: true,
resizable: false,
perPage: 10,
headerToolbar: [
"reload",
paginationCommonOptions(),
],
footerToolbar: [],
columns: yarnCrudColumns(),
}
]
}
}

2
service-web/src/main/resources/static/index.html
View File

@@ -49,6 +49,7 @@
<script src="components/version-tab.js"></script>
<script src="components/overview-tab.js"></script>
<script src="components/tool-tab.js"></script>
<script src="components/task-tab.js"></script>
<script type="text/javascript">
(function () {
let amis = amisRequire('amis/embed')
@@ -73,6 +74,7 @@
cloudTab(),
yarnClusterTab(),
toolTab(),
taskTab(),
]
}
}