feat(web): 拆分页面功能,区分基础和高级

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

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',
}
}

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>

View File

@@ -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
},
},
{