diff --git a/service-web/src/main/resources/static/common/info.js b/service-web/src/main/resources/static/common/info.js
new file mode 100644
index 0000000..9696ddd
--- /dev/null
+++ b/service-web/src/main/resources/static/common/info.js
@@ -0,0 +1,6 @@
+function commonInfo() {
+    return {
+        // baseUrl: 'http://132.126.207.131:35690/hudi_services/service_web',
+        baseUrl: '/hudi_services/service_web',
+    }
+}
\ No newline at end of file
diff --git a/service-web/src/main/resources/static/extra.html b/service-web/src/main/resources/static/extra.html
new file mode 100644
index 0000000..a778885
--- /dev/null
+++ b/service-web/src/main/resources/static/extra.html
@@ -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>
diff --git a/service-web/src/main/resources/static/index.html b/service-web/src/main/resources/static/index.html
index fba7ad7..4d2cdd3 100644
--- a/service-web/src/main/resources/static/index.html
+++ b/service-web/src/main/resources/static/index.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
                 },
             },
             {
