feat(web): 拆分页面功能,区分基础和高级
This commit is contained in:
6
service-web/src/main/resources/static/common/info.js
Normal file
6
service-web/src/main/resources/static/common/info.js
Normal 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
94
service-web/src/main/resources/static/extra.html
Normal 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>
|
||||
@@ -11,15 +11,9 @@
|
||||
name="viewport"
|
||||
/>
|
||||
<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/cxd.css" rel="stylesheet"/>-->
|
||||
<!-- <link href="sdk/antd.css" rel="stylesheet"/>-->
|
||||
<link href="sdk/helper.css" rel="stylesheet"/>
|
||||
<link href="sdk/iconfont.css" rel="stylesheet"/>
|
||||
<link href="sdk/fontawesome.css" rel="stylesheet"/>
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
@@ -38,6 +32,7 @@
|
||||
<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>
|
||||
@@ -63,18 +58,12 @@
|
||||
unmountOnExit: true,
|
||||
tabsMode: 'strong',
|
||||
tabs: [
|
||||
// logTab(),
|
||||
// runningTab(),
|
||||
overviewTab(),
|
||||
tableTab(),
|
||||
queueTab(),
|
||||
versionTab(),
|
||||
yarnTab('b12', '同步', undefined, 'Sync'),
|
||||
yarnTab('b12,b1,b5,a4', '压缩', 'datalake,ten_iap.datalake,default', 'Compaction'),
|
||||
cloudTab(),
|
||||
yarnClusterTab(),
|
||||
toolTab(),
|
||||
taskTab(),
|
||||
yarnTab('b12,b1,b5,a4', '压缩', 'datalake,ten_iap.datalake,default', 'Compaction')
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -84,9 +73,7 @@
|
||||
amisJSON,
|
||||
{
|
||||
data: {
|
||||
// base: 'http://132.126.207.130:35690/hudi_services/service_web',
|
||||
// base: 'http://132.122.116.148:35690/hudi_services/service_web',
|
||||
base: '/hudi_services/service_web',
|
||||
base: commonInfo().baseUrl
|
||||
},
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user