From 9f2aaed166924b5bdc45218796d9e181f1af6c5c Mon Sep 17 00:00:00 2001
From: "manson.li" <mansonliwh@163.com>
Date: Sat, 12 Oct 2024 14:29:45 +0800
Subject: [PATCH] [AMORO-3038] Unify the API set for dashboard and open API

---
 .../server/dashboard/DashboardServer.java     | 14 ++--
 .../controller/CatalogController.java         |  2 +-
 .../PlatformFileInfoController.java           |  2 +-
 amoro-web/mock/modules/catalogs.js            | 26 +++----
 amoro-web/mock/modules/common.js              | 10 +--
 amoro-web/mock/modules/optimize.js            | 29 ++++---
 amoro-web/mock/modules/overview.js            | 10 +--
 amoro-web/mock/modules/settings.js            |  4 +-
 amoro-web/mock/modules/table.js               | 22 +++---
 amoro-web/mock/modules/terminal.js            | 30 ++++----
 amoro-web/src/services/global.service.ts      |  2 +-
 amoro-web/src/services/login.service.ts       |  6 +-
 amoro-web/src/services/optimize.service.ts    | 33 ++++----
 amoro-web/src/services/overview.service.ts    | 14 ++--
 amoro-web/src/services/setting.services.ts    | 16 ++--
 amoro-web/src/services/table.service.ts       | 42 +++++-----
 amoro-web/src/services/terminal.service.ts    | 14 ++--
 amoro-web/src/types/common.type.ts            |  1 -
 amoro-web/src/utils/request.ts                |  1 +
 amoro-web/src/utils/table.ts                  | 26 +++++++
 amoro-web/src/views/catalogs/Detail.vue       |  2 +-
 .../src/views/optimize/components/List.vue    | 77 ++++++++++++++-----
 charts/amoro/templates/amoro-deployment.yaml  |  4 +-
 23 files changed, 231 insertions(+), 156 deletions(-)
 create mode 100644 amoro-web/src/utils/table.ts

diff --git a/amoro-ams/src/main/java/org/apache/amoro/server/dashboard/DashboardServer.java b/amoro-ams/src/main/java/org/apache/amoro/server/dashboard/DashboardServer.java
index bb773fca6d..6803851681 100644
--- a/amoro-ams/src/main/java/org/apache/amoro/server/dashboard/DashboardServer.java
+++ b/amoro-ams/src/main/java/org/apache/amoro/server/dashboard/DashboardServer.java
@@ -189,14 +189,13 @@ public EndpointGroup endpoints() {
 
       // for dashboard api
       path(
-          "/ams/v1",
+          "/api/ams/v1",
           () -> {
             // login controller
             get("/login/current", loginController::getCurrent);
             post("/login", loginController::login);
             post("/logout", loginController::logout);
           });
-      path("ams/v1", apiGroup());
 
       // for open api
       path("/api/ams/v1", apiGroup());
@@ -355,7 +354,8 @@ private EndpointGroup apiGroup() {
 
   public void preHandleRequest(Context ctx) {
     String uriPath = ctx.path();
-    if (needApiKeyCheck(uriPath)) {
+    String requestSource = ctx.header("X-Request-Source");
+    if (needApiKeyCheck(uriPath) && !"frontend".equals(requestSource)) {
       if (AUTH_TYPE_BASIC.equalsIgnoreCase(authType)) {
         BasicAuthCredentials cred = ctx.basicAuthCredentials();
         if (!(basicAuthUser.equals(cred.component1())
@@ -391,10 +391,10 @@ public void handleException(Exception e, Context ctx) {
   }
 
   private static final String[] urlWhiteList = {
-    "/ams/v1/versionInfo",
-    "/ams/v1/login",
-    "/ams/v1/health/status",
-    "/ams/v1/login/current",
+    "/api/ams/v1/versionInfo",
+    "/api/ams/v1/login",
+    "/api/ams/v1/health/status",
+    "/api/ams/v1/login/current",
     "/",
     "/overview",
     "/introduce",
diff --git a/amoro-ams/src/main/java/org/apache/amoro/server/dashboard/controller/CatalogController.java b/amoro-ams/src/main/java/org/apache/amoro/server/dashboard/controller/CatalogController.java
index 78d10823bd..c85111a806 100644
--- a/amoro-ams/src/main/java/org/apache/amoro/server/dashboard/controller/CatalogController.java
+++ b/amoro-ams/src/main/java/org/apache/amoro/server/dashboard/controller/CatalogController.java
@@ -610,7 +610,7 @@ public void deleteCatalog(Context ctx) {
   /** Construct a url */
   private String constructCatalogConfigFileUrl(String catalogName, String type, String key) {
     return String.format(
-        "/ams/v1/catalogs/%s/config/%s/%s", catalogName, type, key.replaceAll("\\.", "-"));
+        "/api/ams/v1/catalogs/%s/config/%s/%s", catalogName, type, key.replaceAll("\\.", "-"));
   }
 
   /** Get the config file content uri("/catalogs/{catalogName}/config/{type}/{key} */
diff --git a/amoro-ams/src/main/java/org/apache/amoro/server/dashboard/controller/PlatformFileInfoController.java b/amoro-ams/src/main/java/org/apache/amoro/server/dashboard/controller/PlatformFileInfoController.java
index fe1018ebf4..b3e4689901 100644
--- a/amoro-ams/src/main/java/org/apache/amoro/server/dashboard/controller/PlatformFileInfoController.java
+++ b/amoro-ams/src/main/java/org/apache/amoro/server/dashboard/controller/PlatformFileInfoController.java
@@ -64,7 +64,7 @@ public void uploadFile(Context ctx) throws IOException {
     Integer fid = platformFileInfoService.addFile(name, content);
     Map<String, String> result = new HashMap<>();
     result.put("id", String.valueOf(fid));
-    result.put("url", "/ams/v1/files/" + fid);
+    result.put("url", "/api/ams/v1/files/" + fid);
     ctx.json(OkResponse.of(result));
   }
 
diff --git a/amoro-web/mock/modules/catalogs.js b/amoro-web/mock/modules/catalogs.js
index 15623acf26..79195ae47b 100644
--- a/amoro-web/mock/modules/catalogs.js
+++ b/amoro-web/mock/modules/catalogs.js
@@ -18,7 +18,7 @@
 
 export default [
   {
-    url: '/mock/ams/v1/catalogs',
+    url: '/mock/api/ams/v1/catalogs',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -56,27 +56,27 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/catalogs',
+    url: '/mock/api/ams/v1/catalogs',
     method: 'post',
     response: () => ({"message":"success","code":200,"result":""}),
   },
 
   {
-    url: '/mock/ams/v1/catalogs/test_catalog/databases',
+    url: '/mock/api/ams/v1/catalogs/test_catalog/databases',
     method: 'get',
     response: () => {
       return { "message": "success", "code": 200, "result": ["db", "test", "acc"] }
     },
   },
   {
-    url: '/mock/ams/v1/catalogs/test_catalog/databases/db/tables',
+    url: '/mock/api/ams/v1/catalogs/test_catalog/databases/db/tables',
     method: 'get',
     response: () => {
       return { "message": "success", "code": 200, "result": [{ "name": "user", "type": "ICEBERG" },{ "name": "wf", "type": "ICEBERG" }, { "name": "xcvz", "type": "ICEBERG" }] };
     },
   },
   {
-    url: '/mock/ams/v1/catalogs/:id',
+    url: '/mock/api/ams/v1/catalogs/:id',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -92,15 +92,15 @@ export default [
           "storage.type": "Hadoop",
           "hive.site": {
             "fileName": "hive-site.xml",
-            "fileUrl": "/ams/v1/catalogs/test_catalog/config/storage-config/hive-site"
+            "fileUrl": "/api/ams/v1/catalogs/test_catalog/config/storage-config/hive-site"
           },
           "hadoop.core.site": {
             "fileName": "core-site.xml",
-            "fileUrl": "/ams/v1/catalogs/test_catalog/config/storage-config/hadoop-core-site"
+            "fileUrl": "/api/ams/v1/catalogs/test_catalog/config/storage-config/hadoop-core-site"
           },
           "hadoop.hdfs.site": {
             "fileName": "hdfs-site.xml",
-            "fileUrl": "/ams/v1/catalogs/test_catalog/config/storage-config/hadoop-hdfs-site"
+            "fileUrl": "/api/ams/v1/catalogs/test_catalog/config/storage-config/hadoop-hdfs-site"
           }
         },
         "authConfig": {
@@ -116,22 +116,22 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/catalogs/:id',
+    url: '/mock/api/ams/v1/catalogs/:id',
     method: 'put',
     response: () => ({ "message": "success", "code": 200, "result": null }),
   },
   {
-    url: '/mock/ams/v1/catalogs/:id',
+    url: '/mock/api/ams/v1/catalogs/:id',
     method: 'delete',
     response: () => ({ "message": "success", "code": 200, "result": true }),
   },
   {
-    url: '/mock/ams/v1/catalogs/:id/delete/check',
+    url: '/mock/api/ams/v1/catalogs/:id/delete/check',
     method: 'get',
     response: () => ({ "message": "success", "code": 200, "result": true }),
   },
   {
-    url: '/mock/ams/v1/catalogs/metastore/types',
+    url: '/mock/api/ams/v1/catalogs/metastore/types',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -161,7 +161,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/tables/catalogs/:catalog/dbs/:dbId/tables/:tableName/optimizing-processes/:processesId/tasks',
+    url: '/mock/api/ams/v1/tables/catalogs/:catalog/dbs/:dbId/tables/:tableName/optimizing-processes/:processesId/tasks',
     method: 'get',
     response: () => ({
       "message": "success",
diff --git a/amoro-web/mock/modules/common.js b/amoro-web/mock/modules/common.js
index afc71a272b..089dea2448 100644
--- a/amoro-web/mock/modules/common.js
+++ b/amoro-web/mock/modules/common.js
@@ -18,7 +18,7 @@
 
 export default [
   {
-    url: '/mock/ams/v1/login/current',
+    url: '/mock/api/ams/v1/login/current',
     method: 'get',
     response: () => ({
       code: 200,
@@ -30,7 +30,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/login',
+    url: '/mock/api/ams/v1/login',
     method: 'post',
     response: () => ({
       code: 200,
@@ -39,7 +39,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/versionInfo',
+    url: '/mock/api/ams/v1/versionInfo',
     method: 'get',
     response: () => ({
       code: 200,
@@ -51,7 +51,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/upgrade/properties',
+    url: '/mock/api/ams/v1/upgrade/properties',
     method: 'get',
     response: () => ({
       code: 200,
@@ -63,7 +63,7 @@ export default [
     })
   },
   {
-    url: '/mock/ams/v1/logout',
+    url: '/mock/api/ams/v1/logout',
     method: 'post',
     response: () => ({
       code: 200,
diff --git a/amoro-web/mock/modules/optimize.js b/amoro-web/mock/modules/optimize.js
index 81207ee18e..588baf9589 100644
--- a/amoro-web/mock/modules/optimize.js
+++ b/amoro-web/mock/modules/optimize.js
@@ -18,7 +18,7 @@
 
 export default [
   {
-    url: '/mock/ams/v1/optimize/resourceGroups/get',
+    url: '/mock/api/ams/v1/optimize/resourceGroups/get',
     method: 'get',
     response: () => ({
       code: 200,
@@ -29,7 +29,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/optimize/containers/get',
+    url: '/mock/api/ams/v1/optimize/containers/get',
     method: 'get',
     response: () => ({
       code: 200,
@@ -38,7 +38,16 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/optimize/optimizerGroups/:groups/tables',
+    url: '/mock/api/ams/v1/optimize/actions',
+    method: 'get',
+    response: () => ({
+      code: 200,
+      msg: 'success',
+      result: ['major', 'minor', 'clean', 'idle', 'pending']
+    }),
+  },
+  {
+    url: '/mock/api/ams/v1/optimize/optimizerGroups/:groups/tables',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -76,12 +85,12 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/optimize/optimizerGroups/local/optimizers',
+    url: '/mock/api/ams/v1/optimize/optimizerGroups/local/optimizers',
     method: 'post',
     response: () => ({ "message": "success", "code": 200, "result": "success to scaleOut optimizer" }),
   },
   {
-    url: '/mock/ams/v1/optimize/resourceGroups',
+    url: '/mock/api/ams/v1/optimize/resourceGroups',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -124,7 +133,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/optimize/resourceGroups',
+    url: '/mock/api/ams/v1/optimize/resourceGroups',
     method: 'put',
     response: () => ({
       "message": "success",
@@ -133,7 +142,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/optimize/resourceGroups',
+    url: '/mock/api/ams/v1/optimize/resourceGroups',
     method: 'post',
     response: () => ({
       "message": "success",
@@ -142,12 +151,12 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/optimize/resourceGroups/:id/delete/check',
+    url: '/mock/api/ams/v1/optimize/resourceGroups/:id/delete/check',
     method: 'get',
     response: () => ({ "message": "success", "code": 200, "result": true }),
   },
   {
-    url: '/mock/ams/v1/optimize/resourceGroups/:id',
+    url: '/mock/api/ams/v1/optimize/resourceGroups/:id',
     method: 'delete',
     response: () => ({
       "message": "success",
@@ -156,7 +165,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/optimize/optimizerGroups/all/optimizers',
+    url: '/mock/api/ams/v1/optimize/optimizerGroups/all/optimizers',
     method: 'get',
     response: () => ({
       "message": "success",
diff --git a/amoro-web/mock/modules/overview.js b/amoro-web/mock/modules/overview.js
index 1e5ac44755..4946e68dfd 100644
--- a/amoro-web/mock/modules/overview.js
+++ b/amoro-web/mock/modules/overview.js
@@ -18,7 +18,7 @@
 
 export default [
   {
-    url: '/mock/ams/v1/overview/summary',
+    url: '/mock/api/ams/v1/overview/summary',
     method: 'get',
     response: () => ({
       code: 200,
@@ -33,7 +33,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/overview/optimizing',
+    url: '/mock/api/ams/v1/overview/optimizing',
     method: 'get',
     response: () => ({
       code: 200,
@@ -48,7 +48,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/overview/top',
+    url: '/mock/api/ams/v1/overview/top',
     method: 'get',
     response: () => ({
       code: 200,
@@ -68,7 +68,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/overview/resource',
+    url: '/mock/api/ams/v1/overview/resource',
     method: 'get',
     response: () => ({
       code: 200,
@@ -97,7 +97,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/overview/dataSize',
+    url: '/mock/api/ams/v1/overview/dataSize',
     method: 'get',
     response: () => ({
       code: 200,
diff --git a/amoro-web/mock/modules/settings.js b/amoro-web/mock/modules/settings.js
index 3412937860..f8fc1f7e48 100644
--- a/amoro-web/mock/modules/settings.js
+++ b/amoro-web/mock/modules/settings.js
@@ -18,7 +18,7 @@
 
 export default [
   {
-    url: '/mock/ams/v1/settings/system',
+    url: '/mock/api/ams/v1/settings/system',
     method: 'get',
     response: () => ({
       code: 200,
@@ -30,7 +30,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/settings/containers',
+    url: '/mock/api/ams/v1/settings/containers',
     method: 'get',
     response: () => ({
       code: 200,
diff --git a/amoro-web/mock/modules/table.js b/amoro-web/mock/modules/table.js
index fc654349fe..372e81fd97 100644
--- a/amoro-web/mock/modules/table.js
+++ b/amoro-web/mock/modules/table.js
@@ -18,7 +18,7 @@
 
 export default [
   {
-    url: '/mock/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/details',
+    url: '/mock/api/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/details',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -91,7 +91,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/partitions',
+    url: '/mock/api/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/partitions',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -120,7 +120,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/branches',
+    url: '/mock/api/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/branches',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -141,12 +141,12 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/tags',
+    url: '/mock/api/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/tags',
     method: 'get',
     response: () => ({ "message": "success", "code": 200, "result": { "list": [], "total": 0 } }),
   },
   {
-    url: '/mock/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/snapshots',
+    url: '/mock/api/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/snapshots',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -193,12 +193,12 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/operations',
+    url: '/mock/api/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/operations',
     method: 'get',
     response: () => ({ "message": "success", "code": 200, "result": { "list": [], "total": 0 } }),
   },
   {
-    url: '/mock/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/partitions/:filter/files',
+    url: '/mock/api/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/partitions/:filter/files',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -223,7 +223,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/snapshots/:snapshotId/detail',
+    url: '/mock/api/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/snapshots/:snapshotId/detail',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -260,7 +260,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/optimizing-processes',
+    url: '/mock/api/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/optimizing-processes',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -307,7 +307,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/optimizing-types',
+    url: '/mock/api/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/optimizing-types',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -320,7 +320,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/operations',
+    url: '/mock/api/ams/v1/tables/catalogs/test_catalog/dbs/db/tables/user/operations',
     method: 'get',
     response: () => ({
       "message": "success",
diff --git a/amoro-web/mock/modules/terminal.js b/amoro-web/mock/modules/terminal.js
index 1e5eacd87a..bd6125dac1 100644
--- a/amoro-web/mock/modules/terminal.js
+++ b/amoro-web/mock/modules/terminal.js
@@ -18,7 +18,7 @@
 
 export default [
   {
-    url: '/mock/ams/v1/terminal/examples',
+    url: '/mock/api/ams/v1/terminal/examples',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -36,12 +36,12 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/terminal/latestInfos',
+    url: '/mock/api/ams/v1/terminal/latestInfos',
     method: 'get',
     response: () => ({ "message": "success", "code": 200, "result": { "sessionId": "", "sql": "" } }),
   },
   {
-    url: '/mock/ams/v1/terminal/catalogs/:catalogName/execute',
+    url: '/mock/api/ams/v1/terminal/catalogs/:catalogName/execute',
     method: 'post',
     response: () => ({
       "message": "success",
@@ -52,7 +52,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/terminal/:sessionId/logs',
+    url: '/mock/api/ams/v1/terminal/:sessionId/logs',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -96,23 +96,23 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/terminal/:sessionId/result',
+    url: '/mock/api/ams/v1/terminal/:sessionId/result',
     method: 'get',
     response: () => ({ "message": "success", "code": 200, "result": [] }),
   },
   {
-    url: '/mock/ams/v1/terminal/:sessionId/result',
+    url: '/mock/api/ams/v1/terminal/:sessionId/result',
     method: 'get',
     response: () => ({ "message": "success", "code": 200, "result": [] }),
   },
   {
-    url: '/mock/ams/v1/terminal/:sessionId/stop',
+    url: '/mock/api/ams/v1/terminal/:sessionId/stop',
     method: 'get',
     response: () => ({ "message": "success", "code": 200, "result": null }),
   },
 
   {
-    url: '/mock/ams/v1/terminal/examples/CreateTable',
+    url: '/mock/api/ams/v1/terminal/examples/CreateTable',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -121,12 +121,12 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/terminal/examples/DeleteTable',
+    url: '/mock/api/ams/v1/terminal/examples/DeleteTable',
     method: 'get',
     response: () => ({ "message": "success", "code": 200, "result": "drop table db_name.table_name;" }),
   },
   {
-    url: '/mock/ams/v1/terminal/examples/EditTable',
+    url: '/mock/api/ams/v1/terminal/examples/EditTable',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -135,7 +135,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/terminal/examples/SetProperties',
+    url: '/mock/api/ams/v1/terminal/examples/SetProperties',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -144,7 +144,7 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/terminal/examples/UnsetProperties',
+    url: '/mock/api/ams/v1/terminal/examples/UnsetProperties',
     method: 'get',
     response: () => ({
       "message": "success",
@@ -153,17 +153,17 @@ export default [
     }),
   },
   {
-    url: '/mock/ams/v1/terminal/examples/ShowDatabases',
+    url: '/mock/api/ams/v1/terminal/examples/ShowDatabases',
     method: 'get',
     response: () => ({ "message": "success", "code": 200, "result": "show databases;" }),
   },
   {
-    url: '/mock/ams/v1/terminal/examples/ShowTables',
+    url: '/mock/api/ams/v1/terminal/examples/ShowTables',
     method: 'get',
     response: () => ({ "message": "success", "code": 200, "result": "show tables;" }),
   },
   {
-    url: '/mock/ams/v1/terminal/examples/Describe',
+    url: '/mock/api/ams/v1/terminal/examples/Describe',
     method: 'get',
     response: () => ({"message":"success","code":200,"result":"desc db_name.table_name;"}),
   },
diff --git a/amoro-web/src/services/global.service.ts b/amoro-web/src/services/global.service.ts
index d8408cfa63..23405e46db 100644
--- a/amoro-web/src/services/global.service.ts
+++ b/amoro-web/src/services/global.service.ts
@@ -19,5 +19,5 @@
 import request from '@/utils/request'
 
 export function getVersionInfo() {
-  return request.get('ams/v1/versionInfo')
+  return request.get('api/ams/v1/versionInfo')
 }
diff --git a/amoro-web/src/services/login.service.ts b/amoro-web/src/services/login.service.ts
index e8a216392c..8dc6cee154 100644
--- a/amoro-web/src/services/login.service.ts
+++ b/amoro-web/src/services/login.service.ts
@@ -26,18 +26,18 @@ export class LoginService {
     user: string
     password: string
   }) {
-    return request.post('ams/v1/login', params, { returnCode: true })
+    return request.post('api/ams/v1/login', params, { returnCode: true })
   }
 
   public logout() {
-    return request.post('ams/v1/logout', { handleError: false, returnCode: true })
+    return request.post('api/ams/v1/logout', { handleError: false, returnCode: true })
   }
 
   /**
    * Check the login interface
    */
   public getCurUserInfo(token: string) {
-    return request.get('ams/v1/login/current', { handleError: false, params: { token } }).then((res) => {
+    return request.get('api/ams/v1/login/current', { handleError: false, params: { token } }).then((res) => {
       // if (res) {
       //   store.updateUserInfo({
       //     userName: res.userName
diff --git a/amoro-web/src/services/optimize.service.ts b/amoro-web/src/services/optimize.service.ts
index cd1c368078..98d6fa2b66 100644
--- a/amoro-web/src/services/optimize.service.ts
+++ b/amoro-web/src/services/optimize.service.ts
@@ -19,7 +19,11 @@
 import request from '@/utils/request'
 
 export function getOptimizerGroups() {
-  return request.get('ams/v1/optimize/optimizerGroups')
+  return request.get('api/ams/v1/optimize/optimizerGroups')
+}
+
+export function getOptimizerAction() {
+  return request.get('api/ams/v1/optimize/actions')
 }
 
 export function getOptimizerTableList(
@@ -29,10 +33,11 @@ export function getOptimizerTableList(
     tableSearchInput: string
     page: number
     pageSize: number
+    actions: string[]
   },
 ) {
-  const { optimizerGroup, dbSearchInput, tableSearchInput, page, pageSize } = params
-  return request.get(`ams/v1/optimize/optimizerGroups/${optimizerGroup}/tables`, { params: { dbSearchInput, tableSearchInput, page, pageSize } })
+  const { optimizerGroup, dbSearchInput, tableSearchInput, page, pageSize, actions } = params
+  return request.get(`api/ams/v1/optimize/optimizerGroups/${optimizerGroup}/tables`, { params: { dbSearchInput, tableSearchInput, page, pageSize, actions } })
 }
 
 export function getOptimizerResourceList(
@@ -43,13 +48,13 @@ export function getOptimizerResourceList(
   },
 ) {
   const { optimizerGroup, page, pageSize } = params
-  return request.get(`ams/v1/optimize/optimizerGroups/${optimizerGroup}/optimizers`, { params: { page, pageSize } })
+  return request.get(`api/ams/v1/optimize/optimizerGroups/${optimizerGroup}/optimizers`, { params: { page, pageSize } })
 }
 
 export function getQueueResourceInfo(
   optimizerGroup: string,
 ) {
-  return request.get(`ams/v1/optimize/optimizerGroups/${optimizerGroup}/info`)
+  return request.get(`api/ams/v1/optimize/optimizerGroups/${optimizerGroup}/info`)
 }
 
 export function scaleoutResource(
@@ -59,7 +64,7 @@ export function scaleoutResource(
   },
 ) {
   const { optimizerGroup, parallelism } = params
-  return request.post(`ams/v1/optimize/optimizerGroups/${optimizerGroup}/optimizers`, { parallelism })
+  return request.post(`api/ams/v1/optimize/optimizerGroups/${optimizerGroup}/optimizers`, { parallelism })
 }
 
 export function createOptimizerResource(
@@ -69,7 +74,7 @@ export function createOptimizerResource(
     },
 ) {
     const { optimizerGroup, parallelism } = params
-    return request.post(`ams/v1/optimize/optimizers`, { optimizerGroup, parallelism })
+    return request.post(`api/ams/v1/optimize/optimizers`, { optimizerGroup, parallelism })
 }
 
 export function releaseResource(
@@ -79,31 +84,31 @@ export function releaseResource(
   },
 ) {
   const { jobId } = params
-  return request.delete(`ams/v1/optimize/optimizers/${jobId}`)
+  return request.delete(`api/ams/v1/optimize/optimizers/${jobId}`)
 }
 
 export async function getResourceGroupsListAPI() {
-  const result = await request.get('ams/v1/optimize/resourceGroups')
+  const result = await request.get('api/ams/v1/optimize/resourceGroups')
   return result
 }
 
 export async function getGroupContainerListAPI() {
-  const result = await request.get('ams/v1/optimize/containers/get')
+  const result = await request.get('api/ams/v1/optimize/containers/get')
   return result
 }
 
 export function addResourceGroupsAPI(params: { name: string, container: string, properties: { [prop: string]: string } }) {
-  return request.post('ams/v1/optimize/resourceGroups', params)
+  return request.post('api/ams/v1/optimize/resourceGroups', params)
 }
 
 export function updateResourceGroupsAPI(params: { name: string, container: string, properties: { [prop: string]: string } }) {
-  return request.put('ams/v1/optimize/resourceGroups', params)
+  return request.put('api/ams/v1/optimize/resourceGroups', params)
 }
 
 export function groupDeleteCheckAPI(params: { name: string }) {
-  return request.get(`/ams/v1/optimize/resourceGroups/${params.name}/delete/check`)
+  return request.get(`/api/ams/v1/optimize/resourceGroups/${params.name}/delete/check`)
 }
 
 export function groupDeleteAPI(params: { name: string }) {
-  return request.delete(`/ams/v1/optimize/resourceGroups/${params.name}`)
+  return request.delete(`/api/ams/v1/optimize/resourceGroups/${params.name}`)
 }
diff --git a/amoro-web/src/services/overview.service.ts b/amoro-web/src/services/overview.service.ts
index f6d1e22be3..71e95721cf 100644
--- a/amoro-web/src/services/overview.service.ts
+++ b/amoro-web/src/services/overview.service.ts
@@ -19,19 +19,19 @@
 import request from '@/utils/request'
 
 export function getOverviewSummary() {
-  return request.get('ams/v1/overview/summary')
+  return request.get('api/ams/v1/overview/summary')
 }
 
 export function getOverviewFormat() {
-  return request.get('ams/v1/overview/format')
+  return request.get('api/ams/v1/overview/format')
 }
 
 export function getOverviewOptimizingStatus() {
-  return request.get('ams/v1/overview/optimizing')
+  return request.get('api/ams/v1/overview/optimizing')
 }
 
 export function getOverviewOperations() {
-  return request.get('ams/v1/overview/operations')
+  return request.get('api/ams/v1/overview/operations')
 }
 
 export function getTop10TableList(params: {
@@ -40,7 +40,7 @@ export function getTop10TableList(params: {
   count?: number
 }) {
   const { order, orderBy, count } = params
-  return request.get(`ams/v1/overview/top`, {
+  return request.get(`api/ams/v1/overview/top`, {
     params: {
       order: order || 'asc',
       orderBy: orderBy || 'healthScore',
@@ -50,9 +50,9 @@ export function getTop10TableList(params: {
 }
 
 export function getResourceUsageList(startTime: number) {
-  return request.get(`ams/v1/overview/resource`, { params: { startTime } })
+  return request.get(`api/ams/v1/overview/resource`, { params: { startTime } })
 }
 
 export function getDataSizeList(startTime: number) {
-  return request.get(`ams/v1/overview/dataSize`, { params: { startTime } })
+  return request.get(`api/ams/v1/overview/dataSize`, { params: { startTime } })
 }
diff --git a/amoro-web/src/services/setting.services.ts b/amoro-web/src/services/setting.services.ts
index 73d13f11c0..e7ce6652d6 100644
--- a/amoro-web/src/services/setting.services.ts
+++ b/amoro-web/src/services/setting.services.ts
@@ -20,16 +20,16 @@ import type { IMap } from '@/types/common.type'
 import request from '@/utils/request'
 
 export function getCatalogsTypes() {
-  return request.get('ams/v1/catalogs/metastore/types')
+  return request.get('api/ams/v1/catalogs/metastore/types')
 }
 export function getCatalogsSetting(catalogName: string) {
-  return request.get(`ams/v1/catalogs/${catalogName}`)
+  return request.get(`api/ams/v1/catalogs/${catalogName}`)
 }
 export function delCatalog(catalogName: string) {
-  return request.delete(`ams/v1/catalogs/${catalogName}`)
+  return request.delete(`api/ams/v1/catalogs/${catalogName}`)
 }
 export function checkCatalogStatus(catalogName: string) {
-  return request.get(`ams/v1/catalogs/${catalogName}/delete/check`)
+  return request.get(`api/ams/v1/catalogs/${catalogName}/delete/check`)
 }
 export function saveCatalogsSetting(params: {
   name: string
@@ -43,13 +43,13 @@ export function saveCatalogsSetting(params: {
   const { isCreate, name } = params
   delete params.isCreate
   if (isCreate) {
-    return request.post('ams/v1/catalogs', { ...params })
+    return request.post('api/ams/v1/catalogs', { ...params })
   }
-  return request.put(`ams/v1/catalogs/${name}`, { ...params })
+  return request.put(`api/ams/v1/catalogs/${name}`, { ...params })
 }
 export function getSystemSetting() {
-  return request.get('ams/v1/settings/system')
+  return request.get('api/ams/v1/settings/system')
 }
 export function getContainersSetting() {
-  return request.get('ams/v1/settings/containers')
+  return request.get('api/ams/v1/settings/containers')
 }
diff --git a/amoro-web/src/services/table.service.ts b/amoro-web/src/services/table.service.ts
index 03ccc88d1d..8b83d71d6b 100644
--- a/amoro-web/src/services/table.service.ts
+++ b/amoro-web/src/services/table.service.ts
@@ -21,14 +21,14 @@ import type { ICatalogItem, IMap } from '@/types/common.type'
 import request from '@/utils/request'
 
 export function getCatalogList(): Promise<ICatalogItem[]> {
-  return request.get('ams/v1/catalogs')
+  return request.get('api/ams/v1/catalogs')
 }
 export function getDatabaseList(params: {
   catalog: string
   keywords: string
 }): Promise<string[]> {
   const { catalog, keywords } = params
-  return request.get(`ams/v1/catalogs/${catalog}/databases`, { params: { keywords } })
+  return request.get(`api/ams/v1/catalogs/${catalog}/databases`, { params: { keywords } })
 }
 
 export function getTableList(params: {
@@ -37,26 +37,26 @@ export function getTableList(params: {
   keywords: string
 }) {
   const { catalog, db, keywords } = params
-  return request.get(`ams/v1/catalogs/${catalog}/databases/${db}/tables`, { params: { keywords } })
+  return request.get(`api/ams/v1/catalogs/${catalog}/databases/${db}/tables`, { params: { keywords } })
 }
 
 // get tables detail
 export function getTableDetail(
   { catalog = '' as string, db = '' as string, table = '' as string, token = '' as string },
 ) {
-  return request.get(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/details`, { params: { token } })
+  return request.get(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/details`, { params: { token } })
 }
 
 export function getHiveTableDetail(
   { catalog = '' as string, db = '' as string, table = '' as string },
 ) {
-  return request.get(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/hive/details`)
+  return request.get(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/hive/details`)
 }
 
 export function getUpgradeStatus(
   { catalog = '' as string, db = '' as string, table = '' as string },
 ) {
-  return request.get(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/upgrade/status`)
+  return request.get(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/upgrade/status`)
 }
 // get partions table
 export function getPartitionTable(
@@ -71,7 +71,7 @@ export function getPartitionTable(
   },
 ) {
   const { catalog, db, table, filter, page, pageSize, token } = params
-  return request.get(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/partitions`, { params: { filter, page, pageSize, token } })
+  return request.get(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/partitions`, { params: { filter, page, pageSize, token } })
 }
 
 // get partions
@@ -86,7 +86,7 @@ export function getPartitions(
   },
 ) {
   const { catalog, db, table, page, pageSize, token } = params
-  return request.get(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/partitions`, { params: { page, pageSize, token } })
+  return request.get(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/partitions`, { params: { page, pageSize, token } })
 }
 // get partions-files
 export function getPartitionFiles(
@@ -102,7 +102,7 @@ export function getPartitionFiles(
   },
 ) {
   const { catalog, db, table, partition, specId, page, pageSize, token } = params
-  return request.get(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/partitions/${partition}/files`, { params: { specId, page, pageSize, token } })
+  return request.get(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/partitions/${partition}/files`, { params: { specId, page, pageSize, token } })
 }
 // get snapshots
 export function getSnapshots(
@@ -118,7 +118,7 @@ export function getSnapshots(
   },
 ) {
   const { catalog, db, table, page, pageSize, token, ref, operation } = params
-  return request.get(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/snapshots`, { params: { page, pageSize, token, ref, operation } })
+  return request.get(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/snapshots`, { params: { page, pageSize, token, ref, operation } })
 }
 
 // get Snapshot detail
@@ -134,7 +134,7 @@ export function getDetailBySnapshotId(
   },
 ) {
   const { catalog, db, table, snapshotId, page, pageSize, token } = params
-  return request.get(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/snapshots/${snapshotId}/detail`, { params: { page, pageSize, token } })
+  return request.get(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/snapshots/${snapshotId}/detail`, { params: { page, pageSize, token } })
 }
 // get operations
 export function getOperations(
@@ -148,7 +148,7 @@ export function getOperations(
   },
 ) {
   const { catalog, db, table, page, pageSize, token } = params
-  return request.get(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/operations`, { params: { page, pageSize, token } })
+  return request.get(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/operations`, { params: { page, pageSize, token } })
 }
 // get optimizing processes
 export function getOptimizingProcesses(
@@ -164,7 +164,7 @@ export function getOptimizingProcesses(
   },
 ) {
   const { catalog, db, table, type, status, page, pageSize, token } = params
-  return request.get(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/optimizing-processes`, { params: { page, pageSize, token, type, status } })
+  return request.get(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/optimizing-processes`, { params: { page, pageSize, token, type, status } })
 }
 
 // get optimizing process types
@@ -177,7 +177,7 @@ export function getTableOptimizingTypes(
   },
 ) {
   const { catalog, db, table, token } = params
-  return request.get(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/optimizing-types`, { params: { token } })
+  return request.get(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/optimizing-types`, { params: { token } })
 }
 
 // get optimizing taskes
@@ -193,38 +193,38 @@ export function getTasksByOptimizingProcessId(
   },
 ) {
   const { catalog, db, table, processId, page, pageSize, token } = params
-  return request.get(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/optimizing-processes/${processId}/tasks`, { params: { page, pageSize, token } })
+  return request.get(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/optimizing-processes/${processId}/tasks`, { params: { page, pageSize, token } })
 }
 
 export function upgradeHiveTable(
   { catalog = '' as string, db = '' as string, table = '' as string, properties = {} as IMap<string>, pkList = [] as IMap<string>[] },
 ) {
-  return request.post(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/upgrade`, {
+  return request.post(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/upgrade`, {
     properties,
     pkList,
   })
 }
 
 export function getUpgradeProperties() {
-  return request.get('ams/v1/upgrade/properties')
+  return request.get('api/ams/v1/upgrade/properties')
 }
 
 export function cancelOptimizingProcess(
   { catalog = '' as string, db = '' as string, table = '' as string, processId = '' as string },
 ) {
-  return request.post(`ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/optimizing-processes/${processId}/cancel`)
+  return request.post(`api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/optimizing-processes/${processId}/cancel`)
 }
 
 export function getBranches(params: { catalog: string, db: string, table: string }) {
   const { catalog, db, table } = params
-  return request.get(`/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/branches`)
+  return request.get(`/api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/branches`)
 }
 
 export function getTags(params: { catalog: string, db: string, table: string }) {
   const { catalog, db, table } = params
-  return request.get(`/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/tags`)
+  return request.get(`/api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/tags`)
 }
 export function getConsumers(params: { catalog: string, db: string, table: string }) {
   const { catalog, db, table } = params
-  return request.get(`/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/consumers`)
+  return request.get(`/api/ams/v1/tables/catalogs/${catalog}/dbs/${db}/tables/${table}/consumers`)
 }
diff --git a/amoro-web/src/services/terminal.service.ts b/amoro-web/src/services/terminal.service.ts
index 288a7a4c55..3be9423233 100644
--- a/amoro-web/src/services/terminal.service.ts
+++ b/amoro-web/src/services/terminal.service.ts
@@ -19,15 +19,15 @@
 import request from '@/utils/request'
 
 export function getJobDebugResult(sessionId: string) {
-  return request.get(`ams/v1/terminal/${sessionId}/result`)
+  return request.get(`api/ams/v1/terminal/${sessionId}/result`)
 }
 
 export function getShortcutsList() {
-  return request.get('ams/v1/terminal/examples')
+  return request.get('api/ams/v1/terminal/examples')
 }
 
 export function getExampleSqlCode(exampleName: string) {
-  return request.get(`ams/v1/terminal/examples/${exampleName}`)
+  return request.get(`api/ams/v1/terminal/examples/${exampleName}`)
 }
 
 export function executeSql(params: {
@@ -35,18 +35,18 @@ export function executeSql(params: {
   sql: string
 }) {
   const { catalog, sql } = params
-  return request.post(`ams/v1/terminal/catalogs/${catalog}/execute`, { sql })
+  return request.post(`api/ams/v1/terminal/catalogs/${catalog}/execute`, { sql })
 }
 
 export function stopSql(sessionId: string) {
-  return request.put(`ams/v1/terminal/${sessionId}/stop`)
+  return request.put(`api/ams/v1/terminal/${sessionId}/stop`)
 }
 
 export function getLogsResult(sessionId: string) {
-  return request.get(`ams/v1/terminal/${sessionId}/logs`)
+  return request.get(`api/ams/v1/terminal/${sessionId}/logs`)
 }
 
 // get the last executed sql and sessionId
 export function getLastDebugInfo() {
-  return request.get('ams/v1/terminal/latestInfos')
+  return request.get('api/ams/v1/terminal/latestInfos')
 }
diff --git a/amoro-web/src/types/common.type.ts b/amoro-web/src/types/common.type.ts
index a2da8d9dfe..049a74aeda 100644
--- a/amoro-web/src/types/common.type.ts
+++ b/amoro-web/src/types/common.type.ts
@@ -271,7 +271,6 @@ export interface IOptimizeTableItem {
   quotaOccupationDesc: string
   duration: number
   durationDesc: string
-  durationDisplay: string
   fileSizeDesc: string
   tableIdentifier: ITableIdentifier
   tableNameOnly?: string
diff --git a/amoro-web/src/utils/request.ts b/amoro-web/src/utils/request.ts
index c9d28ff577..fe4650d3c7 100644
--- a/amoro-web/src/utils/request.ts
+++ b/amoro-web/src/utils/request.ts
@@ -64,6 +64,7 @@ const DEFAULT_CONFIG = {
   timeout: 45000,
   headers: {
     'Content-Type': 'application/json',
+    'X-Request-Source' : 'frontend'
   },
 }
 
diff --git a/amoro-web/src/utils/table.ts b/amoro-web/src/utils/table.ts
new file mode 100644
index 0000000000..5e44204e99
--- /dev/null
+++ b/amoro-web/src/utils/table.ts
@@ -0,0 +1,26 @@
+/*
+  * Licensed to the Apache Software Foundation (ASF) under one
+  * or more contributor license agreements.  See the NOTICE file
+  * distributed with this work for additional information
+  * regarding copyright ownership.  The ASF licenses this file
+  * to you under the Apache License, Version 2.0 (the
+  * "License"); you may not use this file except in compliance
+  * with the License.  You may obtain a copy of the License at
+  *
+  *     http://www.apache.org/licenses/LICENSE-2.0
+  *
+  * Unless required by applicable law or agreed to in writing, software
+  * distributed under the License is distributed on an "AS IS" BASIS,
+  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  * See the License for the specific language governing permissions and
+  * limitations under the License.
+  */
+
+/**
+ * Calculate table max width
+ */
+export function getTableMaxWidth(columns: Array<{ width: number }>) {
+  return columns.reduce((pre: number, cur: { width: number }) => {
+    return pre + cur.width
+  }, 0)
+}
diff --git a/amoro-web/src/views/catalogs/Detail.vue b/amoro-web/src/views/catalogs/Detail.vue
index 0dc7f70a6c..707a6a0514 100644
--- a/amoro-web/src/views/catalogs/Detail.vue
+++ b/amoro-web/src/views/catalogs/Detail.vue
@@ -91,7 +91,7 @@ const isEdit = computed(() => {
   return props.isEdit
 })
 const uploadUrl = computed(() => {
-  return '/ams/v1/files'
+  return '/api/ams/v1/files'
 })
 const isNewCatalog = computed(() => {
   const catalog = (route.query?.catalogname || '').toString()
diff --git a/amoro-web/src/views/optimize/components/List.vue b/amoro-web/src/views/optimize/components/List.vue
index 6dff19dd2e..2a0b599bb7 100644
--- a/amoro-web/src/views/optimize/components/List.vue
+++ b/amoro-web/src/views/optimize/components/List.vue
@@ -17,15 +17,16 @@ limitations under the License.
 / -->
 
 <script lang="ts" setup>
-import { onMounted, reactive, ref, shallowReactive } from 'vue'
+import { computed, onMounted, reactive, ref, shallowReactive } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { Modal } from 'ant-design-vue'
 import type { IIOptimizeGroupItem, ILableAndValue, IOptimizeResourceTableItem, IOptimizeTableItem } from '@/types/common.type'
-import { getOptimizerTableList, getResourceGroupsListAPI, releaseResource } from '@/services/optimize.service'
+import { getOptimizerAction, getOptimizerTableList, getResourceGroupsListAPI, releaseResource } from '@/services/optimize.service'
 import { usePagination } from '@/hooks/usePagination'
 import { usePlaceholder } from '@/hooks/usePlaceholder'
 import { bytesToSize, formatMS2DisplayTime, formatMS2Time } from '@/utils'
+import { getTableMaxWidth } from '@/utils/table'
 
 const { t } = useI18n()
 const router = useRouter()
@@ -44,24 +45,35 @@ const loading = ref<boolean>(false)
 const releaseLoading = ref<boolean>(false)
 const optimizerGroupList = ref<ILableAndValue[]>([])
 
-const columns = shallowReactive([
-  { dataIndex: 'tableName', title: t('table'), ellipsis: true, scopedSlots: { customRender: 'tableName' } },
-  { dataIndex: 'groupName', title: t('optimizerGroup'), width: '16%', ellipsis: true },
-  { dataIndex: 'optimizeStatus', title: t('optimizingStatus'), width: '16%', ellipsis: true },
-  { dataIndex: 'durationDisplay', title: t('duration'), width: '10%', ellipsis: true },
-  { dataIndex: 'fileCount', title: t('fileCount'), width: '10%', ellipsis: true },
-  { dataIndex: 'fileSizeDesc', title: t('fileSize'), width: '10%', ellipsis: true },
-  { dataIndex: 'quota', title: t('quota'), width: '10%', ellipsis: true },
-  { dataIndex: 'quotaOccupationDesc', title: t('occupation'), width: 120, ellipsis: true },
+const columns = computed(() => [
+  { dataIndex: 'tableName', title: t('table'), width: 200, scopedSlots: { customRender: 'tableName' } },
+  { dataIndex: 'groupName', title: t('optimizerGroup'), width: 180, ellipsis: true },
+  { dataIndex: 'optimizeStatus', title: t('optimizingStatus'), width: 240, ellipsis: true },
+  { dataIndex: 'duration', title: t('duration'), width: 150, ellipsis: true },
+  { dataIndex: 'fileCount', title: t('fileCount'), width: 150, ellipsis: true },
+  { dataIndex: 'fileSizeDesc', title: t('fileSize'), width: 150, ellipsis: true },
+  { dataIndex: 'quota', title: t('quota'), width: 150, ellipsis: true },
+  { dataIndex: 'quotaOccupation', title: t('occupation'), width: 120, ellipsis: true },
 ])
 
 const pagination = reactive(usePagination())
 const dataSource = ref<IOptimizeTableItem[]>([])
 const optimizerGroup = ref<ILableAndValue>()
+const actions = ref<string[]>()
 const dbSearchInput = ref<ILableAndValue>()
 const tableSearchInput = ref<ILableAndValue>()
 const placeholder = reactive(usePlaceholder())
 
+const actionOptions = ref<string[]>([])
+async function fetchOptimizerAction() {
+  try {
+    const res = await getOptimizerAction()
+    actionOptions.value = (res || []).map((value: string) => ({ label: value, value }))
+  }
+  catch (error) {
+  }
+}
+
 async function getOptimizerGroupList() {
   const res = await getResourceGroupsListAPI()
   const list = (res || []).map((item: IIOptimizeGroupItem) => ({ lable: item.resourceGroup.name, value: item.resourceGroup.name }))
@@ -84,6 +96,7 @@ async function getTableList() {
       tableSearchInput: tableSearchInput.value || '',
       page: pagination.current,
       pageSize: pagination.pageSize,
+      actions: actions.value,
     }
     const result = await getOptimizerTableList(params as any)
     const { list, total } = result
@@ -93,7 +106,6 @@ async function getTableList() {
         ...p,
         quotaOccupationDesc: p.quotaOccupation - 0.0005 > 0 ? `${(p.quotaOccupation * 100).toFixed(1)}%` : '0',
         durationDesc: p.duration ? formatMS2Time(p.duration) : '-',
-        durationDisplay: formatMS2DisplayTime(p.duration || 0),
         fileSizeDesc: bytesToSize(p.fileSize),
       }
     })
@@ -133,6 +145,7 @@ function changeTable({ current = pagination.current, pageSize = pagination.pageS
   pagination.current = current
   const resetPage = pageSize !== pagination.pageSize
   pagination.pageSize = pageSize
+
   refresh(resetPage)
 }
 
@@ -155,9 +168,10 @@ function reset() {
   refresh(true)
 }
 
-onMounted(() => {
+onMounted(async () => {
   refresh()
-  getOptimizerGroupList()
+  await getOptimizerGroupList()
+  await fetchOptimizerAction()
 })
 </script>
 
@@ -179,6 +193,11 @@ onMounted(() => {
         :placeholder="placeholder.filterTablePh"
       />
 
+      <a-select
+        v-model:value="actions" allow-clear placeholder="Action" :options="actionOptions" mode="multiple"
+        style="min-width: 150px;" @change="refresh"
+      />
+
       <a-button type="primary" @click="refresh">
         {{ t('search') }}
       </a-button>
@@ -187,18 +206,34 @@ onMounted(() => {
       </a-button>
     </a-space>
     <a-table
-      class="ant-table-common" :columns="columns" :data-source="dataSource" :pagination="pagination"
-      :loading="loading" @change="changeTable"
+      :columns="columns"
+      :data-source="dataSource"
+      :pagination="pagination"
+      :loading="loading"
+      :scroll="{ x: getTableMaxWidth(columns) }"
+      class="ant-table-common"
+      @change="changeTable"
     >
       <template #bodyCell="{ column, record }">
         <template v-if="column.dataIndex === 'tableName'">
-          <span :title="record.tableName" class="primary-link" @click="goTableDetail(record)">
-            {{ record.tableName }}
-          </span>
+          <a-typography-text
+            style="width: 200px"
+            :ellipsis="{
+              tooltip: record.tableName,
+            }"
+            class="primary-link"
+            :content="record.tableName"
+            @click="goTableDetail(record)"
+          />
         </template>
-        <template v-if="column.dataIndex === 'durationDisplay'">
+        <template v-if="column.dataIndex === 'duration'">
           <span :title="record.durationDesc">
-            {{ record.durationDisplay }}
+            {{ formatMS2DisplayTime(record.duration || 0) }}
+          </span>
+        </template>
+        <template v-if="column.dataIndex === 'quotaOccupation'">
+          <span :title="record.quotaOccupationDesc">
+            {{ record.quotaOccupationDesc }}
           </span>
         </template>
         <template v-if="column.dataIndex === 'optimizeStatus'">
diff --git a/charts/amoro/templates/amoro-deployment.yaml b/charts/amoro/templates/amoro-deployment.yaml
index bce9dc1bb0..05d84d2e84 100644
--- a/charts/amoro/templates/amoro-deployment.yaml
+++ b/charts/amoro/templates/amoro-deployment.yaml
@@ -83,7 +83,7 @@ spec: {{/* TODO If Support Replica can be use more than 1 */}}
           {{- if .Values.livenessProbe.enabled }}
           livenessProbe:
             httpGet:
-              path: /ams/v1/health/status
+              path: /api/ams/v1/health/status
               port: rest
             initialDelaySeconds: {{ .Values.livenessProbe.initialDelaySeconds }}
             periodSeconds: {{ .Values.livenessProbe.periodSeconds }}
@@ -94,7 +94,7 @@ spec: {{/* TODO If Support Replica can be use more than 1 */}}
           {{- if .Values.readinessProbe.enabled }}
           readinessProbe:
             httpGet:
-              path: ams/v1/versionInfo
+              path: api/ams/v1/versionInfo
               port: rest
             initialDelaySeconds: {{ .Values.readinessProbe.initialDelaySeconds }}
             periodSeconds: {{ .Values.readinessProbe.periodSeconds }}