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-11 14:33:10 +08:00
parent f58b803cd0
commit d04bf22f8a
3 changed files with 103 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
service-web/src/main/resources/static/common/info.js Normal file
View File

@@ -0,0 +1,6 @@
function commonInfo() {
return {
// baseUrl: 'http://132.126.207.131:35690/hudi_services/service_web',
baseUrl: '/hudi_services/service_web',
}
}

94
service-web/src/main/resources/static/extra.html Normal file
View File

@@ -0,0 +1,94 @@
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8"/>
<meta
content="IE=edge"
http-equiv="X-UA-Compatible"
/>
<meta
content="width=device-width, initial-scale=1.0"
name="viewport"
/>
<title>Hudi 服务页面</title>
<link href="sdk/ang.css" rel="stylesheet"/>
<link href="sdk/helper.css" rel="stylesheet"/>
<link href="sdk/iconfont.css" rel="stylesheet"/>
<style>
html,
body {
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.no-resize textarea {
resize: none !important;
}
</style>
</head>
<body>
<div id="root"></div>
<script src="sdk/sdk.js"></script>
<script src="common/info.js"></script>
<script src="components/common.js"></script>
<script src="components/table-tab.js"></script>
<script src="components/yarn-tab.js"></script>
<script src="components/yarn-cluster-tab.js"></script>
<script src="components/cloud-tab.js"></script>
<script src="components/queue-tab.js"></script>
<script src="components/running-tab.js"></script>
<script src="components/log-tab.js"></script>
<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')
let amisJSON = {
type: 'page',
title: 'Hudi 服务总台',
subTitle: 'Hudi 全链路服务监控和控制台',
body: {
type: 'tabs',
mountOnEnter: true,
unmountOnExit: true,
tabsMode: 'strong',
tabs: [
overviewTab(),
tableTab(),
queueTab(),
versionTab(),
yarnTab('b12', '同步', undefined, 'Sync'),
yarnTab('b12,b1,b5,a4', '压缩', 'datalake,ten_iap.datalake,default', 'Compaction'),
cloudTab(),
yarnClusterTab(),
toolTab(),
taskTab(),
]
}
}
let debug = false
let server = amis.embed(
'#root',
amisJSON,
{
data: {
base: commonInfo().baseUrl
},
},
{
theme: 'ang',
enableAMISDebug: debug,
},
);
if (debug) {
console.log('Source', amisJSON)
}
})()
</script>
</body>
</html>

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

@@ -11,15 +11,9 @@
name="viewport" name="viewport"
/> />
<title>Hudi 服务页面</title> <title>Hudi 服务页面</title>
<link href="sdk/sdk-icon.css" rel="stylesheet"/>
<!-- <link href="sdk/default.css" rel="stylesheet"/>-->
<!-- <link href="sdk/fontawesome.css" rel="stylesheet"/>-->
<link href="sdk/ang.css" rel="stylesheet"/> <link href="sdk/ang.css" rel="stylesheet"/>
<!-- <link href="sdk/cxd.css" rel="stylesheet"/>-->
<!-- <link href="sdk/antd.css" rel="stylesheet"/>-->
<link href="sdk/helper.css" rel="stylesheet"/> <link href="sdk/helper.css" rel="stylesheet"/>
<link href="sdk/iconfont.css" rel="stylesheet"/> <link href="sdk/iconfont.css" rel="stylesheet"/>
<link href="sdk/fontawesome.css" rel="stylesheet"/>
<style> <style>
html, html,
body { body {
@@ -38,6 +32,7 @@
<body> <body>
<div id="root"></div> <div id="root"></div>
<script src="sdk/sdk.js"></script> <script src="sdk/sdk.js"></script>
<script src="common/info.js"></script>
<script src="components/common.js"></script> <script src="components/common.js"></script>
<script src="components/table-tab.js"></script> <script src="components/table-tab.js"></script>
<script src="components/yarn-tab.js"></script> <script src="components/yarn-tab.js"></script>
@@ -63,18 +58,12 @@
unmountOnExit: true, unmountOnExit: true,
tabsMode: 'strong', tabsMode: 'strong',
tabs: [ tabs: [
// logTab(),
// runningTab(),
overviewTab(), overviewTab(),
tableTab(), tableTab(),
queueTab(), queueTab(),
versionTab(), versionTab(),
yarnTab('b12', '同步', undefined, 'Sync'), yarnTab('b12', '同步', undefined, 'Sync'),
yarnTab('b12,b1,b5,a4', '压缩', 'datalake,ten_iap.datalake,default', 'Compaction'), yarnTab('b12,b1,b5,a4', '压缩', 'datalake,ten_iap.datalake,default', 'Compaction')
cloudTab(),
yarnClusterTab(),
toolTab(),
taskTab(),
] ]
} }
} }
@@ -84,9 +73,7 @@
amisJSON, amisJSON,
{ {
data: { data: {
// base: 'http://132.126.207.130:35690/hudi_services/service_web', base: commonInfo().baseUrl
// base: 'http://132.122.116.148:35690/hudi_services/service_web',
base: '/hudi_services/service_web',
}, },
}, },
{ {