From 66d5fd6ca44e9285a5119583104c9796617cc4be Mon Sep 17 00:00:00 2001
From: "meilin.huang" <954537473@qq.com>
Date: Sat, 6 Sep 2025 21:32:48 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=B9=E5=99=A8=E6=93=8D=E4=BD=9C?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     |   32 +-
 README_EN.md                                  |   31 +-
 frontend/package.json                         |    8 +-
 frontend/src/common/commonEnum.ts             |    2 +
 frontend/src/common/config.ts                 |    2 +-
 frontend/src/common/utils/string.ts           |    8 +-
 frontend/src/components/enumtag/EnumTag.vue   |    2 +-
 .../src/components/monaco/RealLogViewer.vue   |   14 +-
 frontend/src/i18n/en/db.ts                    |    2 +-
 frontend/src/i18n/en/docker.ts                |    4 +
 frontend/src/i18n/en/menu.ts                  |    2 +
 frontend/src/i18n/zh-cn/db.ts                 |    2 +-
 frontend/src/i18n/zh-cn/docker.ts             |    4 +
 frontend/src/i18n/zh-cn/menu.ts               |    2 +
 frontend/src/i18n/zh-cn/tag.ts                |    2 +
 .../views/ops/component/ResourceOpPanel.vue   |   29 -
 frontend/src/views/ops/component/TagTree.vue  |  276 ----
 .../db/component/sqleditor/DbSqlEditor.vue    |  143 +-
 .../ops/db/component/table/DbTableData.vue    |   24 +-
 frontend/src/views/ops/db/resource/NodeDb.vue |   13 +
 .../src/views/ops/db/resource/NodeDbInst.vue  |    6 +-
 frontend/src/views/ops/db/resource/index.ts   |   53 +-
 .../views/ops/docker/ContainerConfList.vue    |  170 +++
 .../src/views/ops/docker/CotainerConfEdit.vue |  115 ++
 frontend/src/views/ops/docker/api.ts          |   34 +-
 .../ops/docker/container/ContainerCreate.vue  |   18 +-
 .../ops/docker/container/ContainerList.vue    |   44 +-
 .../ops/docker/container/ContainerLog.vue     |   46 +-
 .../src/views/ops/docker/image/ImageList.vue  |   20 +-
 .../views/ops/docker/resource/ContainerOp.vue |   47 +
 .../src/views/ops/docker/resource/index.ts    |   46 +
 frontend/src/views/ops/es/EsOperation.vue     | 1201 -----------------
 .../src/views/ops/machine/ScriptManage.vue    |    2 +-
 .../src/views/ops/redis/resource/index.ts     |    2 +-
 .../src/views/ops/resource/BaseTreeNode.vue   |    2 +-
 .../src/views/ops/resource/ResourceOp.vue     |   60 +-
 frontend/src/views/ops/tag/TagTreeList.vue    |    4 +-
 server/go.mod                                 |    4 +-
 server/internal/docker/api/api.go             |    1 +
 server/internal/docker/api/container.go       |   48 +-
 server/internal/docker/api/container_conf.go  |   96 ++
 server/internal/docker/api/docker.go          |    7 +-
 server/internal/docker/api/form/container.go  |   14 +-
 server/internal/docker/api/form/image.go      |    1 -
 server/internal/docker/api/image.go           |   29 +-
 server/internal/docker/api/vo/container.go    |   21 +
 .../docker/application/application.go         |   13 +
 .../internal/docker/application/container.go  |  144 ++
 .../docker/application/dto/container.go       |    8 +
 server/internal/docker/dkm/client.go          |   35 +-
 .../docker/domain/entity/contrainer.go        |   14 +
 server/internal/docker/domain/entity/query.go |   16 +
 .../docker/domain/repository/container.go     |   14 +
 server/internal/docker/imsg/en.go             |    7 +
 server/internal/docker/imsg/imsg.go           |    2 +
 server/internal/docker/imsg/zh_cn.go          |    2 +
 .../docker/infra/persistence/container.go     |   33 +
 .../docker/infra/persistence/persistence.go   |    9 +
 server/internal/docker/init/init.go           |   13 +-
 server/internal/pkg/config/app.go             |    2 +-
 server/internal/pkg/consts/consts.go          |    1 +
 server/internal/tag/api/tag_tree.go           |    4 +
 server/internal/tag/domain/entity/tag_tree.go |    1 +
 server/migration/migrations/v1_10.go          |   53 +
 64 files changed, 1208 insertions(+), 1856 deletions(-)
 delete mode 100644 frontend/src/views/ops/component/ResourceOpPanel.vue
 delete mode 100644 frontend/src/views/ops/component/TagTree.vue
 create mode 100644 frontend/src/views/ops/db/resource/NodeDb.vue
 create mode 100644 frontend/src/views/ops/docker/ContainerConfList.vue
 create mode 100644 frontend/src/views/ops/docker/CotainerConfEdit.vue
 create mode 100644 frontend/src/views/ops/docker/resource/ContainerOp.vue
 create mode 100644 frontend/src/views/ops/docker/resource/index.ts
 delete mode 100644 frontend/src/views/ops/es/EsOperation.vue
 create mode 100644 server/internal/docker/api/container_conf.go
 create mode 100644 server/internal/docker/api/vo/container.go
 create mode 100644 server/internal/docker/application/application.go
 create mode 100644 server/internal/docker/application/container.go
 create mode 100644 server/internal/docker/application/dto/container.go
 create mode 100644 server/internal/docker/domain/entity/contrainer.go
 create mode 100644 server/internal/docker/domain/entity/query.go
 create mode 100644 server/internal/docker/domain/repository/container.go
 create mode 100644 server/internal/docker/infra/persistence/container.go
 create mode 100644 server/internal/docker/infra/persistence/persistence.go

diff --git a/README.md b/README.md
index b6d9f193..a1206d93 100644
--- a/README.md
+++ b/README.md
@@ -51,42 +51,36 @@ http://go.mayfly.run
 
 #### 首页
 
-![首页](https://foruda.gitee.com/images/1714378104294194769/149fd257_1240250.png "屏幕截图")
+![首页](https://foruda.gitee.com/images/1757163736351080323/afb6b330_1240250.png "屏幕截图")
 
-#### 机器操作
+#### 资源管理
 
-##### 状态查看
+![资源树](https://foruda.gitee.com/images/1757163958991119284/83eb2171_1240250.png "屏幕截图")
 
-![机器状态查看](https://foruda.gitee.com/images/1714378556642584686/93c46ec0_1240250.png "屏幕截图")
+#### 资源操作
 
-##### ssh 终端
+![终端操作](https://foruda.gitee.com/images/1757164093410206293/1c7dda30_1240250.png)
 
-![终端操作](https://foruda.gitee.com/images/1714378353790214943/2864ba66_1240250.png "屏幕截图")
-
-##### 文件操作
-
-![文件操作](https://foruda.gitee.com/images/1714378417206086701/74a188d8_1240250.png "屏幕截图")
+![文件操作](https://foruda.gitee.com/images/1757164149388450531/0542398c_1240250.png)
 
 ![文件查看](https://foruda.gitee.com/images/1714378482611638688/7753faf6_1240250.png "屏幕截图")
 
-#### 数据库操作
 
-##### sql 编辑器
+![sql编辑器](https://foruda.gitee.com/images/1757164386318836686/c3b17a52_1240250.png)
 
-![sql编辑器](https://foruda.gitee.com/images/1714378747473077515/3c9387c0_1240250.png "屏幕截图")
 
-##### 在线增删改查数据
+![选表查数据](https://foruda.gitee.com/images/1757164281011401749/5109485f_1240250.png)
 
-![选表查数据](https://foruda.gitee.com/images/1714378625059063750/3951e5a8_1240250.png "屏幕截图")
 
-#### Redis 操作
+![redis操作](https://foruda.gitee.com/images/1757164442298752845/4af1b296_1240250.png)
 
-![redis操作](https://foruda.gitee.com/images/1714378855845451114/4c3f0097_1240250.png "屏幕截图")
-
-#### Mongo 操作
 
 ![mongo操作](https://foruda.gitee.com/images/1714378916425714642/77fc0ed9_1240250.png "屏幕截图")
 
+![es操作](https://foruda.gitee.com/images/1757164553845346963/b5b70381_1240250.png)
+
+![容器操作](https://foruda.gitee.com/images/1757164625186816754/2b195e25_1240250.png)
+
 #### 工单流程审批
 
 ![流程审批](https://foruda.gitee.com/images/1714379057627690037/ad136862_1240250.png "屏幕截图")
diff --git a/README_EN.md b/README_EN.md
index cccccb8e..f3b5e407 100644
--- a/README_EN.md
+++ b/README_EN.md
@@ -46,40 +46,35 @@ account/password：test/test123.
 
 ![首页](https://foruda.gitee.com/images/1714378104294194769/149fd257_1240250.png "屏幕截图")
 
-#### Machine Operation
+#### Resource Manage
 
-##### Status
+![资源树](https://foruda.gitee.com/images/1757163958991119284/83eb2171_1240250.png "屏幕截图")
 
-![机器状态查看](https://foruda.gitee.com/images/1714378556642584686/93c46ec0_1240250.png "屏幕截图")
+#### Resource Operation
 
-##### SSH Terminal
+![终端操作](https://foruda.gitee.com/images/1757164093410206293/1c7dda30_1240250.png)
 
-![终端操作](https://foruda.gitee.com/images/1714378353790214943/2864ba66_1240250.png "屏幕截图")
-
-##### File Operation
-
-![文件操作](https://foruda.gitee.com/images/1714378417206086701/74a188d8_1240250.png "屏幕截图")
+![文件操作](https://foruda.gitee.com/images/1757164149388450531/0542398c_1240250.png)
 
 ![文件查看](https://foruda.gitee.com/images/1714378482611638688/7753faf6_1240250.png "屏幕截图")
 
-#### Database Operation
 
-##### SQL Editor
+![sql编辑器](https://foruda.gitee.com/images/1757164386318836686/c3b17a52_1240250.png)
 
-![sql编辑器](https://foruda.gitee.com/images/1714378747473077515/3c9387c0_1240250.png "屏幕截图")
 
-##### Add, delete, update and check data online
+![选表查数据](https://foruda.gitee.com/images/1757164281011401749/5109485f_1240250.png)
 
-![选表查数据](https://foruda.gitee.com/images/1714378625059063750/3951e5a8_1240250.png "屏幕截图")
 
-#### Redis Operation
+![redis操作](https://foruda.gitee.com/images/1757164442298752845/4af1b296_1240250.png)
 
-![redis操作](https://foruda.gitee.com/images/1714378855845451114/4c3f0097_1240250.png "屏幕截图")
-
-#### Mongo Operation
 
 ![mongo操作](https://foruda.gitee.com/images/1714378916425714642/77fc0ed9_1240250.png "屏幕截图")
 
+![es操作](https://foruda.gitee.com/images/1757164553845346963/b5b70381_1240250.png)
+
+![容器操作](https://foruda.gitee.com/images/1757164625186816754/2b195e25_1240250.png)
+
+
 #### Work order process approval
 
 ![流程审批](https://foruda.gitee.com/images/1714379057627690037/ad136862_1240250.png "屏幕截图")
diff --git a/frontend/package.json b/frontend/package.json
index 641bad8a..496bc2b2 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -13,7 +13,7 @@
         "@element-plus/icons-vue": "^2.3.2",
         "@logicflow/core": "^2.1.1",
         "@logicflow/extension": "^2.1.2",
-        "@vueuse/core": "^13.8.0",
+        "@vueuse/core": "^13.9.0",
         "@xterm/addon-fit": "^0.10.0",
         "@xterm/addon-search": "^0.15.0",
         "@xterm/addon-web-links": "^0.11.0",
@@ -24,7 +24,7 @@
         "crypto-js": "^4.2.0",
         "dayjs": "^1.11.18",
         "echarts": "^6.0.0",
-        "element-plus": "^2.11.1",
+        "element-plus": "^2.11.2",
         "js-base64": "^3.7.7",
         "jsencrypt": "^3.3.2",
         "monaco-editor": "^0.52.2",
@@ -59,8 +59,8 @@
         "eslint-plugin-vue": "^10.4.0",
         "postcss": "^8.5.6",
         "prettier": "^3.6.1",
-        "sass": "^1.90.0",
-        "tailwindcss": "^4.1.12",
+        "sass": "^1.92.1",
+        "tailwindcss": "^4.1.13",
         "typescript": "^5.9.2",
         "vite": "npm:rolldown-vite@latest",
         "vite-plugin-progress": "0.0.7",
diff --git a/frontend/src/common/commonEnum.ts b/frontend/src/common/commonEnum.ts
index d0fdd800..8b34b6a5 100644
--- a/frontend/src/common/commonEnum.ts
+++ b/frontend/src/common/commonEnum.ts
@@ -22,6 +22,7 @@ export const ResourceTypeEnum = {
     Mongo: EnumValue.of(4, 'mongo').setExtra({ icon: 'icon mongo/mongo', iconColor: 'var(--el-color-success)' }).tagTypeDanger(),
     AuthCert: EnumValue.of(5, 'ac.ac').setExtra({ icon: 'Ticket', iconColor: 'var(--el-color-success)' }),
     Es: EnumValue.of(6, 'tag.es').setExtra({ icon: 'icon es/es-color', iconColor: 'var(--el-color-warning)' }).tagTypeWarning(),
+    Container: EnumValue.of(7, 'tag.container').setExtra({ icon: 'icon docker/docker', iconColor: 'var(--el-color-primary)' }),
 };
 
 // 标签关联的资源类型
@@ -35,6 +36,7 @@ export const TagResourceTypeEnum = {
     Redis: ResourceTypeEnum.Redis,
     Mongo: ResourceTypeEnum.Mongo,
     AuthCert: ResourceTypeEnum.AuthCert,
+    Container: ResourceTypeEnum.Container,
 
     Db: EnumValue.of(22, '数据库').setExtra({ icon: 'icon db/db' }),
 };
diff --git a/frontend/src/common/config.ts b/frontend/src/common/config.ts
index 9e6c078a..5ed2f480 100644
--- a/frontend/src/common/config.ts
+++ b/frontend/src/common/config.ts
@@ -15,7 +15,7 @@ const config = {
     baseWsUrl: `${(window as any).globalConfig.BaseWsUrl || `${location.protocol == 'https:' ? 'wss:' : 'ws:'}//${getBaseApiUrl()}`}/api`,
 
     // 系统版本
-    version: 'v1.10.2',
+    version: 'v1.10.3',
 };
 
 export default config;
diff --git a/frontend/src/common/utils/string.ts b/frontend/src/common/utils/string.ts
index 000434cf..8b44d662 100644
--- a/frontend/src/common/utils/string.ts
+++ b/frontend/src/common/utils/string.ts
@@ -12,7 +12,13 @@ import { ElMessage } from 'element-plus';
 export function templateResolve(template: string, param: any) {
     return template.replace(/\{\w+\}/g, (word) => {
         const key = word.substring(1, word.length - 1);
-        const value = param[key];
+        let value;
+        // 兼容FormData类型的参数
+        if (param instanceof FormData) {
+            value = param.get(key);
+        } else {
+            value = param[key];
+        }
         if (value != null || value != undefined) {
             return value;
         }
diff --git a/frontend/src/components/enumtag/EnumTag.vue b/frontend/src/components/enumtag/EnumTag.vue
index 5b65e06a..d4460928 100644
--- a/frontend/src/components/enumtag/EnumTag.vue
+++ b/frontend/src/components/enumtag/EnumTag.vue
@@ -12,7 +12,7 @@ const props = defineProps({
         required: true,
     },
     value: {
-        type: [Object, String, Number, null],
+        type: [Object, String, Number, null, Boolean],
         required: true,
         default: () => null,
     },
diff --git a/frontend/src/components/monaco/RealLogViewer.vue b/frontend/src/components/monaco/RealLogViewer.vue
index beb6fdf5..bd588af0 100644
--- a/frontend/src/components/monaco/RealLogViewer.vue
+++ b/frontend/src/components/monaco/RealLogViewer.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="h-full">
         <monaco-editor
             ref="editorRef"
             :height="props.height"
@@ -22,7 +22,7 @@ import MonacoEditor from '@/components/monaco/MonacoEditor.vue';
 const props = defineProps({
     height: {
         type: String,
-        default: 'calc(100vh - 200px)',
+        default: '100%',
     },
     wsUrl: {
         type: String,
@@ -45,14 +45,20 @@ watch(data, (value) => {
     // eslint-disable-next-line no-control-regex
     modelValue.value = modelValue.value + value.replace(/\x1B\[[0-?]*[ -/]*[@-~]/g, '');
     setTimeout(() => {
-        editorRef.value?.revealLastLine();
+        revealLastLine();
     }, 200);
 });
 
 const reload = (wsUrl: string) => {
     modelValue.value = '';
-    editorRef.value?.revealLastLine();
     websocketUrl.value = wsUrl;
+    revealLastLine();
+};
+
+const revealLastLine = () => {
+    const editor = editorRef.value.getEditor();
+    const lineCount = editor?.getModel().getLineCount();
+    editor.revealLine(lineCount);
 };
 
 defineExpose({
diff --git a/frontend/src/i18n/en/db.ts b/frontend/src/i18n/en/db.ts
index 12f4962d..2c4e8e48 100644
--- a/frontend/src/i18n/en/db.ts
+++ b/frontend/src/i18n/en/db.ts
@@ -65,7 +65,7 @@ export default {
         resultSet: 'Result Set',
         tableDataEmptyTextTips:
             'tips: Single table query at the beginning of select * or click the default query data of the table name, double-click the data online modification',
-        noSelctRunSqlMsg: 'Select the sql you want to execute',
+        noSelectRunSqlMsg: 'Select the sql you want to execute or move the cursor near the sql you want to execute',
         enterExecRemarkTips: 'Please enter remark',
         execRemarkPlaceholder: 'Enter the remark to execute the sql',
         currentSqlTabIsRunning: 'The current result set tab is being executed, please use the new TAB to execute',
diff --git a/frontend/src/i18n/en/docker.ts b/frontend/src/i18n/en/docker.ts
index 66ef8580..91567d91 100644
--- a/frontend/src/i18n/en/docker.ts
+++ b/frontend/src/i18n/en/docker.ts
@@ -1,5 +1,9 @@
 export default {
     docker: {
+        containerConf: 'Container Config',
+        addr: 'Address',
+        addrTips: 'eg: unix:///var/run/docker.sock 、tcp://192.168.1.1',
+
         container: 'Container',
         containerName: 'Container Name',
         running: 'Running',
diff --git a/frontend/src/i18n/en/menu.ts b/frontend/src/i18n/en/menu.ts
index 1326280f..8857e538 100644
--- a/frontend/src/i18n/en/menu.ts
+++ b/frontend/src/i18n/en/menu.ts
@@ -92,6 +92,8 @@ export default {
         mongoManage: 'Mongo Manage',
         mongoManageBase: 'Base Permission',
 
+        containerManageBase: 'Container Manage - Base Permission',
+
         flow: 'Flow',
         myTask: 'My Task',
         myFlow: 'My Flow',
diff --git a/frontend/src/i18n/zh-cn/db.ts b/frontend/src/i18n/zh-cn/db.ts
index c2bbf3a4..619e936f 100644
--- a/frontend/src/i18n/zh-cn/db.ts
+++ b/frontend/src/i18n/zh-cn/db.ts
@@ -64,7 +64,7 @@ export default {
         times: '耗时',
         resultSet: '结果集',
         tableDataEmptyTextTips: 'tips: select *开头的单表查询或点击表名默认查询的数据,可双击数据在线修改',
-        noSelctRunSqlMsg: '请选中需要执行的sql',
+        noSelectRunSqlMsg: '请选中需要执行的sql或将光标移动到要执行sql附近',
         enterExecRemarkTips: '请输入备注',
         execRemarkPlaceholder: '输入执行该sql的备注信息',
         currentSqlTabIsRunning: '当前结果集tab正在执行, 请使用新标签执行',
diff --git a/frontend/src/i18n/zh-cn/docker.ts b/frontend/src/i18n/zh-cn/docker.ts
index 51717e12..18d59a57 100644
--- a/frontend/src/i18n/zh-cn/docker.ts
+++ b/frontend/src/i18n/zh-cn/docker.ts
@@ -1,5 +1,9 @@
 export default {
     docker: {
+        containerConf: '容器配置',
+        addr: '地址',
+        addrTips: '如：unix:///var/run/docker.sock 、tcp://192.168.1.1',
+
         container: '容器',
         containerName: '容器名',
         running: '运行中',
diff --git a/frontend/src/i18n/zh-cn/menu.ts b/frontend/src/i18n/zh-cn/menu.ts
index 4f9f63da..9e736cf0 100644
--- a/frontend/src/i18n/zh-cn/menu.ts
+++ b/frontend/src/i18n/zh-cn/menu.ts
@@ -92,6 +92,8 @@ export default {
         mongoManage: 'Mongo管理',
         mongoManageBase: 'Mongo-管理-基本权限',
 
+        containerManageBase: '容器-管理-基本权限',
+
         flow: '工单流程',
         myTask: '我的任务',
         myFlow: '我的流程',
diff --git a/frontend/src/i18n/zh-cn/tag.ts b/frontend/src/i18n/zh-cn/tag.ts
index 3e1ab6ca..f0c63c2c 100644
--- a/frontend/src/i18n/zh-cn/tag.ts
+++ b/frontend/src/i18n/zh-cn/tag.ts
@@ -10,6 +10,7 @@ export default {
         machine: '机器',
         db: '数据库',
         es: 'ES',
+        container: '容器',
         code: '编号',
         createSubTag: '创建子标签',
         createSubTagTitle: '创建【{codePath}】的子标签',
@@ -20,6 +21,7 @@ export default {
         redisDataOp: 'Redis操作',
         esDataOp: 'ES操作',
         mongoDataOp: 'Mongo操作',
+        containerOp: '容器操作',
         allResource: '所有资源',
     },
     team: {
diff --git a/frontend/src/views/ops/component/ResourceOpPanel.vue b/frontend/src/views/ops/component/ResourceOpPanel.vue
deleted file mode 100644
index 7658f093..00000000
--- a/frontend/src/views/ops/component/ResourceOpPanel.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <el-splitter @resize="handleResize">
-        <el-splitter-panel :size="leftPaneSize + '%'" max="40%">
-            <slot name="left"></slot>
-        </el-splitter-panel>
-
-        <el-splitter-panel>
-            <slot name="right"></slot>
-        </el-splitter-panel>
-    </el-splitter>
-</template>
-
-<script lang="ts" setup>
-import { useWindowSize } from '@vueuse/core';
-import { computed } from 'vue';
-
-const emit = defineEmits(['resize']);
-
-const { width } = useWindowSize();
-
-const leftPaneSize = computed(() => (width.value >= 1600 ? 20 : 24));
-
-// 处理 resize 事件
-const handleResize = (event: any) => {
-    emit('resize', event);
-};
-</script>
-
-<style lang="scss"></style>
diff --git a/frontend/src/views/ops/component/TagTree.vue b/frontend/src/views/ops/component/TagTree.vue
deleted file mode 100644
index 41e71c25..00000000
--- a/frontend/src/views/ops/component/TagTree.vue
+++ /dev/null
@@ -1,276 +0,0 @@
-<template>
-    <el-card class="h-full flex tag-tree-card" body-class="!p-0 flex flex-col w-full">
-        <div class="tag-tree-header">
-            <el-input v-model="filterText" :placeholder="$t('tag.tagFilterPlaceholder')" clearable size="small" class="tag-tree-search w-full">
-                <template #prefix>
-                    <SvgIcon class="tag-tree-search-icon" name="search" />
-                </template>
-            </el-input>
-        </div>
-        <el-scrollbar>
-            <el-tree
-                class="min-w-full inline-block"
-                ref="treeRef"
-                :highlight-current="true"
-                :indent="10"
-                :load="loadNode"
-                :props="treeProps"
-                lazy
-                node-key="key"
-                :expand-on-click-node="false"
-                :filter-node-method="filterNode"
-                @node-click="treeNodeClick"
-                @node-expand="treeNodeClick"
-                @node-contextmenu="nodeContextmenu"
-                :default-expanded-keys="props.defaultExpandedKeys"
-            >
-                <template #default="{ node, data }">
-                    <div
-                        :id="node.key"
-                        class="w-full node-container flex items-center cursor-pointer select-none"
-                        :class="data.type.nodeDblclickFunc ? 'select-none' : ''"
-                    >
-                        <span v-if="data.type.value == TagTreeNode.TagPath">
-                            <tag-info :tag-path="data.label" />
-                        </span>
-
-                        <slot v-else :node="node" :data="data" name="prefix"></slot>
-
-                        <span class="ml-1" :title="data.labelRemark">
-                            <slot name="label" :data="data" v-if="!data.disabled"> {{ $t(data.label) }}</slot>
-                            <!-- 禁用状态 -->
-                            <slot name="disabledLabel" :data="data" v-else>
-                                <el-link type="danger" disabled underline="never">
-                                    {{ `${$t(data.label)}` }}
-                                </el-link>
-                            </slot>
-                        </span>
-
-                        <span class="ml-auto pr-1.5 text-[10px] text-gray-400">
-                            <slot :node="node" :data="data" name="suffix"></slot>
-                        </span>
-                    </div>
-                </template>
-            </el-tree>
-
-            <contextmenu :dropdown="state.dropdown" :items="state.contextmenuItems" ref="contextmenuRef" @currentContextmenuClick="onCurrentContextmenuClick" />
-        </el-scrollbar>
-    </el-card>
-</template>
-
-<script lang="ts" setup>
-import { nextTick, onMounted, reactive, ref, toRefs, watch } from 'vue';
-import { NodeType, TagTreeNode } from './tag';
-import TagInfo from './TagInfo.vue';
-import { Contextmenu } from '@/components/contextmenu';
-import { tagApi } from '../tag/api';
-import { isPrefixSubsequence } from '@/common/utils/string';
-import SvgIcon from '@/components/svgIcon/index.vue';
-
-const props = defineProps({
-    resourceType: {
-        type: [Number, String],
-        required: true,
-    },
-    defaultExpandedKeys: {
-        type: [Array],
-    },
-    tagPathNodeType: {
-        type: [NodeType],
-        required: true,
-    },
-    load: {
-        type: Function,
-        required: false,
-    },
-    loadContextmenuItems: {
-        type: Function,
-        required: false,
-    },
-});
-
-const treeProps = {
-    label: 'name',
-    children: 'zones',
-    isLeaf: 'isLeaf',
-};
-
-const emit = defineEmits(['nodeClick', 'currentContextmenuClick']);
-const treeRef: any = ref(null);
-const contextmenuRef = ref();
-
-const state = reactive({
-    height: 600 as any,
-    filterText: '',
-    dropdown: {
-        x: 0,
-        y: 0,
-    },
-    contextmenuItems: [],
-    opend: {},
-});
-const { filterText } = toRefs(state);
-
-onMounted(async () => {});
-
-watch(filterText, (val) => {
-    treeRef.value?.filter(val);
-});
-
-const filterNode = (value: string, data: any) => {
-    return !value || isPrefixSubsequence(value, data.label);
-};
-
-/**
- * 加载标签树节点
- */
-const loadTags = async () => {
-    const tags = await tagApi.getResourceTagPaths.request({ resourceType: props.resourceType });
-    const tagNodes = [];
-    for (let tagPath of tags) {
-        tagNodes.push(new TagTreeNode(tagPath, tagPath, props.tagPathNodeType));
-    }
-    return tagNodes;
-};
-
-/**
- * 加载树节点
- * @param { Object } node
- * @param { Object } resolve
- */
-const loadNode = async (node: any, resolve: (data: any) => void, reject: () => void) => {
-    if (typeof resolve !== 'function') {
-        return;
-    }
-    let nodes = [];
-    try {
-        if (node.level == 0) {
-            nodes = await loadTags();
-        } else if (props.load) {
-            nodes = await props.load(node);
-        } else {
-            nodes = await node.data.loadChildren();
-        }
-    } catch (e: any) {
-        console.error(e);
-        // 调用 reject 以保持节点状态，并允许远程加载继续。
-        return reject();
-    }
-    return resolve(nodes);
-};
-
-let lastNodeClickTime = 0;
-
-const treeNodeClick = async (data: any, node: any) => {
-    const currentClickNodeTime = Date.now();
-    if (currentClickNodeTime - lastNodeClickTime < 300) {
-        treeNodeDblclick(data, node);
-        return;
-    }
-    lastNodeClickTime = currentClickNodeTime;
-
-    if (!data.disabled && !data.type.nodeDblclickFunc && data.type.nodeClickFunc) {
-        emit('nodeClick', data);
-        await data.type.nodeClickFunc(data);
-    }
-    // 关闭可能存在的右击菜单
-    contextmenuRef.value.closeContextmenu();
-};
-
-// 树节点双击事件
-const treeNodeDblclick = (data: any, node: any) => {
-    if (node.expanded) {
-        node.collapse();
-    } else {
-        node.expand();
-    }
-
-    if (!data.disabled && data.type.nodeDblclickFunc) {
-        data.type.nodeDblclickFunc(data);
-    }
-    // 关闭可能存在的右击菜单
-    contextmenuRef.value.closeContextmenu();
-};
-
-// 树节点右击事件
-const nodeContextmenu = (event: any, data: any) => {
-    if (data.disabled) {
-        return;
-    }
-
-    // 加载当前节点是否需要显示右击菜单
-    let items = data.type.contextMenuItems;
-    if (!items || items.length == 0) {
-        if (props.loadContextmenuItems) {
-            items = props.loadContextmenuItems(data);
-        }
-    }
-    if (!items) {
-        return;
-    }
-    state.contextmenuItems = items;
-    const { clientX, clientY } = event;
-    state.dropdown.x = clientX;
-    state.dropdown.y = clientY;
-    contextmenuRef.value.openContextmenu(data);
-};
-
-const onCurrentContextmenuClick = (clickData: any) => {
-    emit('currentContextmenuClick', clickData);
-};
-
-const reloadNode = (nodeKey: any) => {
-    let node = getNode(nodeKey);
-    node.loaded = false;
-    node.expand();
-};
-
-const getNode = (nodeKey: any) => {
-    let node = treeRef.value.getNode(nodeKey);
-    if (!node) {
-        throw new Error('未找到节点: ' + nodeKey);
-    }
-    return node;
-};
-
-const setCurrentKey = (nodeKey: any) => {
-    treeRef.value.setCurrentKey(nodeKey);
-
-    // 通过Id获取到对应的dom元素
-    const node = document.getElementById(nodeKey);
-    if (node) {
-        setTimeout(() => {
-            nextTick(() => {
-                // 通过scrollIntoView方法将对应的dom元素定位到可见区域 【block: 'center'】这个属性是在垂直方向居中显示
-                node.scrollIntoView({ block: 'center' });
-            });
-        }, 100);
-    }
-};
-
-defineExpose({
-    reloadNode,
-    getNode,
-    setCurrentKey,
-});
-</script>
-
-<style lang="scss" scoped>
-.tag-tree-card {
-    :deep(.el-card__body) {
-        padding: 0;
-    }
-}
-
-.tag-tree-header {
-    padding: 4px 6px;
-    border-bottom: 1px solid var(--el-border-color-light);
-}
-
-.tag-tree-search {
-    :deep(.el-input__wrapper) {
-        border-radius: 14px;
-        height: 24px;
-    }
-}
-</style>
diff --git a/frontend/src/views/ops/db/component/sqleditor/DbSqlEditor.vue b/frontend/src/views/ops/db/component/sqleditor/DbSqlEditor.vue
index 8e96c230..941726ec 100644
--- a/frontend/src/views/ops/db/component/sqleditor/DbSqlEditor.vue
+++ b/frontend/src/views/ops/db/component/sqleditor/DbSqlEditor.vue
@@ -110,6 +110,7 @@
                                 :data="dt.data"
                                 :table="dt.table"
                                 :columns="dt.tableColumn"
+                                :column-more-actions="['fixed']"
                                 :loading="dt.loading"
                                 :abort-fn="dt.abortFn"
                                 :height="tableDataHeight"
@@ -305,13 +306,8 @@ const getKey = () => {
  * 执行sql
  */
 const onRunSql = async (newTab = false) => {
-    // 没有选中的文本，则为全部文本
-    let sql = getSql() as string;
-    notBlank(sql && sql.trim(), t('db.noSelctRunSqlTips'));
-    // 去除字符串前的空格、换行等
-    sql = sql.replace(/(^\s*)/g, '');
-
-    const sqls = splitSql(sql);
+    const sqls = getSql();
+    notBlank(sqls, t('db.noSelectRunSqlMsg'));
 
     if (sqls.length == 1) {
         const oneSql = sqls[0];
@@ -522,83 +518,26 @@ const runSql = async (sql: string, remark = '', newTab = false) => {
     }
 };
 
-function splitSql(sql: string, delimiter: string = ';') {
-    let state = 'normal';
-    let buffer = '';
-    let result = [];
-    let inString = null; // 用于记录当前字符串的引号类型（' 或 "）
-
-    for (let i = 0; i < sql.length; i++) {
-        const char = sql[i];
-        const nextChar = sql[i + 1];
-
-        if (state === 'normal') {
-            if (char === '-' && nextChar === '-') {
-                state = 'singleLineComment';
-                i++; // 跳过下一个字符
-            } else if (char === '/' && nextChar === '*') {
-                state = 'multiLineComment';
-                i++; // 跳过下一个字符
-            } else if (char === "'" || char === '"') {
-                state = 'string';
-                inString = char;
-                buffer += char;
-            } else if (char === delimiter) {
-                if (buffer.trim()) {
-                    result.push(buffer.trim());
-                }
-                buffer = '';
-            } else {
-                buffer += char;
-            }
-        } else if (state === 'string') {
-            buffer += char;
-            if (char === '\\') {
-                // 处理转义字符
-                buffer += nextChar;
-                i++;
-            } else if (char === inString) {
-                state = 'normal';
-                inString = null;
-            }
-        } else if (state === 'singleLineComment') {
-            if (char === '\n') {
-                state = 'normal';
-            }
-        } else if (state === 'multiLineComment') {
-            if (char === '*' && nextChar === '/') {
-                state = 'normal';
-                i++; // 跳过下一个字符
-            }
-        }
-    }
-
-    if (buffer.trim()) {
-        result.push(buffer.trim());
-    }
-
-    return result;
-}
-
-
 /**
- * 获取sql，如果有鼠标选中，则返回选中内容，否则返回输入框内所有内容
+ * 获取sql，如果有鼠标选中，则返回选中内容，否则返回当前光标附近的sql
  */
-const getSql = () => {
-    let res = '' as string | undefined;
+const getSql = (): string[] => {
     // 编辑器还没初始化
     if (!monacoEditor?.getModel()) {
-        return res;
+        return [];
     }
+
+    let sql = '' as string | undefined;
     // 选择选中的sql
     let selection = monacoEditor.getSelection();
     if (selection) {
-        res = monacoEditor.getModel()?.getValueInRange(selection);
+        sql = monacoEditor.getModel()?.getValueInRange(selection);
+        sql = sql?.replace(/(^\s*)/g, '');
     }
 
     // 如果有选中的内容且不为空，直接返回
-    if (res && res.trim()) {
-        return res;
+    if (sql && sql.trim()) {
+        return splitSqlStatements(sql).map((x) => x.text);
     }
 
     // 没有选中任何内容时，自动选择当前光标所在的SQL语句行
@@ -609,52 +548,50 @@ const getSql = () => {
             const fullSql = model.getValue();
             const sqlStatement = getCurrentStatement(fullSql, currentPosition, model);
             if (sqlStatement) {
-                return sqlStatement;
+                return [sqlStatement];
             }
         }
     }
 
-    // 整个编辑器的sql
-    return res;
+    return [];
 };
 
 /**
- * 获取光标所在的SQL语句
- * @param fullSql 完整的SQL文本
- * @param position 光标位置
- * @param model Monaco编辑器模型
+ * 通用SQL解析器，用于提取SQL语句及其位置信息
+ * @param sql 完整的SQL文本
+ * @param delimiter SQL语句分隔符，默认为分号
+ * @param withPosition 是否需要返回位置信息
  */
-function getCurrentStatement(fullSql: string, position: monaco.Position, model: monaco.editor.ITextModel): string | null {
-    // 使用与splitSql相同的逻辑来分割SQL语句，但同时记录每个语句的位置
+function splitSqlStatements(sql: string, delimiter: string = ';') {
     let state = 'normal';
     let buffer = '';
-    let statements: { text: string; start: number; end: number }[] = [];
-    let inString = null;
+    let result = [];
+    let inString = null; // 用于记录当前字符串的引号类型（' 或 "）
     let startPos = 0;
 
-    for (let i = 0; i < fullSql.length; i++) {
-        const char = fullSql[i];
-        const nextChar = fullSql[i + 1];
+    for (let i = 0; i < sql.length; i++) {
+        const char = sql[i];
+        const nextChar = sql[i + 1];
 
         if (state === 'normal') {
             if (char === '-' && nextChar === '-') {
                 state = 'singleLineComment';
-                buffer += char + nextChar;
+                // buffer += char + nextChar;
                 i++; // 跳过下一个字符
             } else if (char === '/' && nextChar === '*') {
                 state = 'multiLineComment';
-                buffer += char + nextChar;
+                // buffer += char + nextChar;
                 i++; // 跳过下一个字符
             } else if (char === "'" || char === '"') {
                 state = 'string';
                 inString = char;
                 buffer += char;
-            } else if (char === ';') {
+            } else if (char === delimiter) {
                 if (buffer.trim()) {
-                    statements.push({
+                    result.push({
                         text: buffer.trim(),
                         start: startPos,
-                        end: i
+                        end: i,
                     });
                 }
                 buffer = '';
@@ -673,12 +610,12 @@ function getCurrentStatement(fullSql: string, position: monaco.Position, model:
                 inString = null;
             }
         } else if (state === 'singleLineComment') {
-            buffer += char;
+            // buffer += char;
             if (char === '\n') {
                 state = 'normal';
             }
         } else if (state === 'multiLineComment') {
-            buffer += char;
+            // buffer += char;
             if (char === '*' && nextChar === '/') {
                 buffer += nextChar;
                 state = 'normal';
@@ -688,15 +625,27 @@ function getCurrentStatement(fullSql: string, position: monaco.Position, model:
     }
 
     // 处理最后一个语句（没有以分号结尾的情况）
-    const endPos = fullSql.length;
     if (buffer.trim()) {
-        statements.push({
+        result.push({
             text: buffer.trim(),
             start: startPos,
-            end: endPos
+            end: sql.length,
         });
     }
 
+    return result;
+}
+
+/**
+ * 获取光标所在的SQL语句
+ * @param fullSql 完整的SQL文本
+ * @param position 光标位置
+ * @param model Monaco编辑器模型
+ */
+function getCurrentStatement(fullSql: string, position: monaco.Position, model: monaco.editor.ITextModel): string | null {
+    // 使用通用SQL解析器来分割SQL语句，并记录每个语句的位置
+    const statements: { text: string; start: number; end: number }[] = splitSqlStatements(fullSql);
+
     // 根据光标位置找到对应的SQL语句
     if (position) {
         const offset = model.getOffsetAt(position);
diff --git a/frontend/src/views/ops/db/component/table/DbTableData.vue b/frontend/src/views/ops/db/component/table/DbTableData.vue
index 4e4fee75..77fb2f74 100644
--- a/frontend/src/views/ops/db/component/table/DbTableData.vue
+++ b/frontend/src/views/ops/db/component/table/DbTableData.vue
@@ -97,19 +97,19 @@
                                             </span>
                                             <template #dropdown>
                                                 <el-dropdown-menu>
-                                                    <el-dropdown-item command="sort-asc">
+                                                    <el-dropdown-item v-if="showColumnActionSort" command="sort-asc">
                                                         <SvgIcon name="top" class="mr-1" />
                                                         {{ $t('db.asc') }}
                                                     </el-dropdown-item>
-                                                    <el-dropdown-item command="sort-desc">
+                                                    <el-dropdown-item v-if="showColumnActionSort" command="sort-desc">
                                                         <SvgIcon name="bottom" class="mr-1" />
                                                         {{ $t('db.desc') }}
                                                     </el-dropdown-item>
-                                                    <el-dropdown-item v-if="!column.fixed" command="fix">
+                                                    <el-dropdown-item v-if="showColumnActionFixed && !column.fixed" command="fix">
                                                         <SvgIcon name="Paperclip" class="mr-1" />
                                                         {{ $t('db.fixed') }}
                                                     </el-dropdown-item>
-                                                    <el-dropdown-item v-else command="unfix">
+                                                    <el-dropdown-item v-if="showColumnActionFixed && column.fixed" command="unfix">
                                                         <SvgIcon name="Minus" class="mr-1" />
                                                         {{ $t('db.cancelFiexd') }}
                                                     </el-dropdown-item>
@@ -201,7 +201,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onBeforeUnmount, onMounted, reactive, ref, toRefs, watch, Ref } from 'vue';
+import { onBeforeUnmount, onMounted, reactive, ref, toRefs, watch, Ref, computed } from 'vue';
 import { ElInput, ElMessage } from 'element-plus';
 import { copyToClipboard } from '@/common/utils/string';
 import { DbInst, DbThemeConfig } from '@/views/ops/db/db';
@@ -238,6 +238,10 @@ const props = defineProps({
     columns: {
         type: Array<any>,
     },
+    columnMoreActions: {
+        type: Array,
+        default: () => ['sort', 'fixed'],
+    },
     loading: {
         type: Boolean,
         default: false,
@@ -452,6 +456,16 @@ watch(
     }
 );
 
+// 显示列排序
+const showColumnActionSort = computed(() => {
+    return props.columnMoreActions.includes('sort');
+});
+
+// 显示列固定
+const showColumnActionFixed = computed(() => {
+    return props.columnMoreActions.includes('fixed');
+});
+
 onMounted(async () => {
     console.log('in DbTable mounted');
     state.tableHeight = props.height;
diff --git a/frontend/src/views/ops/db/resource/NodeDb.vue b/frontend/src/views/ops/db/resource/NodeDb.vue
new file mode 100644
index 00000000..21e3dae4
--- /dev/null
+++ b/frontend/src/views/ops/db/resource/NodeDb.vue
@@ -0,0 +1,13 @@
+<template>
+    <BaseTreeNode v-bind="$attrs">
+        <template #suffix="{ data }">
+            <span v-if="data.params.username">{{ ` ${data.params.username}` }}</span>
+        </template>
+    </BaseTreeNode>
+</template>
+
+<script lang="ts" setup>
+import BaseTreeNode from '@/views/ops/resource/BaseTreeNode.vue';
+</script>
+
+<style lang="scss"></style>
diff --git a/frontend/src/views/ops/db/resource/NodeDbInst.vue b/frontend/src/views/ops/db/resource/NodeDbInst.vue
index c9e1c3f4..7bd9e33b 100644
--- a/frontend/src/views/ops/db/resource/NodeDbInst.vue
+++ b/frontend/src/views/ops/db/resource/NodeDbInst.vue
@@ -16,9 +16,9 @@
                         <el-descriptions-item label="version">
                             <span v-loading="loadingServerInfo"> {{ `${dbServerInfo?.version}` }}</span>
                         </el-descriptions-item>
-                        <el-descriptions-item :label="$t('db.acName')">
+                        <!-- <el-descriptions-item :label="$t('db.acName')">
                             {{ data.params.authCertName }}
-                        </el-descriptions-item>
+                        </el-descriptions-item> -->
                         <el-descriptions-item :label="$t('common.remark')">
                             {{ data.params.remark }}
                         </el-descriptions-item>
@@ -45,7 +45,7 @@ const showDbInfo = async (db: any) => {
     if (dbServerInfo.value) {
         dbServerInfo.value.version = '';
     }
-    serverInfoReqParam.value.instanceId = db.instanceId;
+    serverInfoReqParam.value.instanceId = db.id;
     await getDbServerInfo();
 };
 </script>
diff --git a/frontend/src/views/ops/db/resource/index.ts b/frontend/src/views/ops/db/resource/index.ts
index c5469010..a6c83656 100644
--- a/frontend/src/views/ops/db/resource/index.ts
+++ b/frontend/src/views/ops/db/resource/index.ts
@@ -1,7 +1,7 @@
 import { ContextmenuItem } from '@/components/contextmenu';
 
 import { NodeType, TagTreeNode, ResourceConfig } from '../../component/tag';
-import { ResourceTypeEnum } from '@/common/commonEnum';
+import { ResourceTypeEnum, TagResourceTypeEnum } from '@/common/commonEnum';
 import { defineAsyncComponent } from 'vue';
 import { dbApi } from '../api';
 import { sleep } from '@/common/utils/loading';
@@ -13,6 +13,7 @@ import { formatByteSize } from '@/common/utils/format';
 const DbInstList = defineAsyncComponent(() => import('../InstanceList.vue'));
 const DbDataOp = defineAsyncComponent(() => import('./DbDataOp.vue'));
 const NodeDbInst = defineAsyncComponent(() => import('./NodeDbInst.vue'));
+const NodeDb = defineAsyncComponent(() => import('./NodeDb.vue'));
 const NodeDbTable = defineAsyncComponent(() => import('./NodeDbTable.vue'));
 
 const DbIcon = {
@@ -65,34 +66,58 @@ const ContextmenuItemRefresh = new ContextmenuItem('refresh', 'common.refresh')
     .withIcon('RefreshRight')
     .withOnClick(async (node: TagTreeNode) => (await node.ctx?.addResourceComponent(DbDataOpComp)).reloadNode(node.key));
 
-// tagpath 节点类型
-const NodeTypeDbTag = new NodeType(TagTreeNode.TagPath)
-    .withLoadNodesFunc(async (parentNode: TagTreeNode) => {
-        parentNode.ctx?.addResourceComponent(DbDataOpComp);
+// 数据库实例节点类型
+const NodeTypeDbInst = new NodeType(TagResourceTypeEnum.DbInstance.value).withLoadNodesFunc(async (parentNode: TagTreeNode) => {
+    parentNode.ctx?.addResourceComponent(DbDataOpComp);
+    const tagPath = parentNode.params.tagPath;
 
-        const tagPath = parentNode.params.tagPath;
-        const dbInfoRes = await dbApi.dbs.request({ tagPath });
+    const dbInstancesRes = await dbApi.instances.request({ tagPath, pageSize: 100 });
+    const dbInstances = dbInstancesRes.list;
+    if (!dbInstances) {
+        return [];
+    }
+
+    // 防止过快加载会出现一闪而过，对眼睛不好
+    await sleep(100);
+    return dbInstances?.map((x: any) => {
+        x.tagPath = tagPath;
+        return TagTreeNode.new(parentNode, `${x.code}`, x.name, NodeTypeDbConf).withParams(x).withNodeComponent(NodeDbInst);
+    });
+});
+
+// 数据库配置节点类型
+const NodeTypeDbConf = new NodeType(TagResourceTypeEnum.Db.value)
+    .withLoadNodesFunc(async (parentNode: TagTreeNode) => {
+        const params = parentNode.params;
+
+        const tagPath = params.tagPath;
+        const authCerts = {} as any;
+        for (let authCert of params.authCerts) {
+            authCerts[authCert.name] = authCert;
+        }
+
+        const dbInfoRes = await dbApi.dbs.request({
+            tagPath: `${tagPath}${TagResourceTypeEnum.DbInstance.value}|${params.code}`,
+        });
         const dbInfos = dbInfoRes.list;
         if (!dbInfos) {
             return [];
         }
 
-        // 防止过快加载会出现一闪而过，对眼睛不好
-        await sleep(100);
         return dbInfos?.map((x: any) => {
             x.tagPath = tagPath;
-            return TagTreeNode.new(parentNode, `${x.code}`, x.name, NodeTypeDbInst).withParams(x).withNodeComponent(NodeDbInst);
+            x.username = authCerts[x.authCertName]?.username;
+            return TagTreeNode.new(parentNode, `${x.code}`, x.name, NodeTypeDbs).withParams(x).withIcon(DbIcon).withNodeComponent(NodeDb);
         });
     })
     .withContextMenuItems([ContextmenuItemRefresh]);
 
-// 数据库实例节点类型
-const NodeTypeDbInst = new NodeType(1).withLoadNodesFunc(async (parentNode: TagTreeNode) => {
+// 数据库列表名类型
+const NodeTypeDbs = new NodeType(222).withLoadNodesFunc(async (parentNode: TagTreeNode) => {
     const params = parentNode.params;
     const dbs = (await DbInst.getDbNames(params))?.sort();
     // 查询数据库版本信息
     const version = await dbApi.getCompatibleDbVersion.request({ id: params.id, db: dbs[0] });
-
     return dbs.map((x: any) => {
         return TagTreeNode.new(parentNode, `${parentNode.key}.${x}`, x, NodeTypeDb)
             .withParams({
@@ -282,7 +307,7 @@ const getSqlMenuNodeKey = (dbId: number, db: string) => {
 export default {
     order: 2,
     resourceType: ResourceTypeEnum.Db.value,
-    rootNodeType: NodeTypeDbTag,
+    rootNodeType: NodeTypeDbInst,
     manager: {
         componentConf: {
             component: DbInstList,
diff --git a/frontend/src/views/ops/docker/ContainerConfList.vue b/frontend/src/views/ops/docker/ContainerConfList.vue
new file mode 100644
index 00000000..184f2dfd
--- /dev/null
+++ b/frontend/src/views/ops/docker/ContainerConfList.vue
@@ -0,0 +1,170 @@
+<template>
+    <div class="h-full">
+        <page-table
+            ref="pageTableRef"
+            :page-api="dockerApi.page"
+            :before-query-fn="checkRouteTagPath"
+            :searchItems="searchItems"
+            v-model:query-form="query"
+            :show-selection="true"
+            v-model:selection-data="selectionData"
+            :columns="columns"
+            lazy
+        >
+            <template #tableHeader>
+                <el-button type="primary" icon="plus" @click="editContainerConf(false)" plain>{{ $t('common.create') }}</el-button>
+                <el-button type="danger" icon="delete" :disabled="selectionData.length < 1" @click="deleteConf" plain>{{ $t('common.delete') }}</el-button>
+            </template>
+
+            <template #tagPath="{ data }">
+                <resource-tags :tags="data.tags" />
+            </template>
+
+            <template #action="{ data }">
+                <el-button @click="showDetail(data)" link>{{ $t('common.detail') }}</el-button>
+                <el-button type="primary" link @click="editContainerConf(data)">{{ $t('common.edit') }}</el-button>
+            </template>
+        </page-table>
+
+        <el-dialog v-if="detailDialog.visible" v-model="detailDialog.visible">
+            <el-descriptions :title="$t('common.detail')" :column="3" border>
+                <el-descriptions-item :span="1.5" label="id">{{ detailDialog.data.id }}</el-descriptions-item>
+                <el-descriptions-item :span="1.5" :label="$t('common.name')">{{ detailDialog.data.name }}</el-descriptions-item>
+
+                <el-descriptions-item :span="3" :label="$t('tag.relateTag')"><ResourceTags :tags="detailDialog.data.tags" /></el-descriptions-item>
+
+                <el-descriptions-item :span="3" label="Host">{{ detailDialog.data.host }}</el-descriptions-item>
+
+                <el-descriptions-item :span="3" label="DB">{{ detailDialog.data.db }}</el-descriptions-item>
+                <el-descriptions-item :span="3" :label="$t('common.remark')">{{ detailDialog.data.remark }}</el-descriptions-item>
+                <el-descriptions-item :span="3" :label="$t('machine.sshTunnel')">
+                    {{ detailDialog.data.sshTunnelMachineId > 0 ? $t('common.yes') : $t('common.no') }}
+                </el-descriptions-item>
+
+                <el-descriptions-item :span="2" :label="$t('common.createTime')">{{ formatDate(detailDialog.data.createTime) }} </el-descriptions-item>
+                <el-descriptions-item :span="1" :label="$t('common.creator')">{{ detailDialog.data.creator }}</el-descriptions-item>
+
+                <el-descriptions-item :span="2" :label="$t('common.updateTime')">{{ formatDate(detailDialog.data.updateTime) }} </el-descriptions-item>
+                <el-descriptions-item :span="1" :label="$t('common.modifier')">{{ detailDialog.data.modifier }}</el-descriptions-item>
+            </el-descriptions>
+        </el-dialog>
+
+        <ContainerConfEdit
+            @val-change="search()"
+            :title="containerConfEditDialog.title"
+            v-model:visible="containerConfEditDialog.visible"
+            v-model:container="containerConfEditDialog.data"
+        ></ContainerConfEdit>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { dockerApi } from './api';
+import { defineAsyncComponent, onMounted, reactive, ref, Ref, toRefs } from 'vue';
+import { formatDate } from '@/common/utils/format';
+import ResourceTags from '../component/ResourceTags.vue';
+import PageTable from '@/components/pagetable/PageTable.vue';
+import { TableColumn } from '@/components/pagetable';
+import { TagResourceTypeEnum } from '@/common/commonEnum';
+import { useRoute } from 'vue-router';
+import { getTagPathSearchItem } from '../component/tag';
+import { SearchItem } from '@/components/pagetable/SearchForm';
+import { useI18nCreateTitle, useI18nDeleteConfirm, useI18nDeleteSuccessMsg, useI18nEditTitle } from '@/hooks/useI18n';
+
+const ContainerConfEdit = defineAsyncComponent(() => import('./CotainerConfEdit.vue'));
+
+const props = defineProps({
+    lazy: {
+        type: [Boolean],
+        default: false,
+    },
+});
+
+const route = useRoute();
+const pageTableRef: Ref<any> = ref(null);
+
+const searchItems = [
+    SearchItem.input('keyword', 'common.keyword').withPlaceholder('redis.keywordPlaceholder'),
+    getTagPathSearchItem(TagResourceTypeEnum.Container.value),
+];
+
+const columns = ref([
+    TableColumn.new('tags[0].tagPath', 'tag.relateTag').isSlot('tagPath').setAddWidth(20),
+    TableColumn.new('name', 'common.name'),
+    TableColumn.new('addr', 'docker.addr'),
+    TableColumn.new('remark', 'common.remark'),
+    TableColumn.new('code', 'common.code'),
+    TableColumn.new('action', 'common.operation').isSlot().setMinWidth(200).fixedRight().alignCenter(),
+]);
+
+const state = reactive({
+    selectionData: [],
+    query: {
+        tagPath: '',
+        pageNum: 1,
+        pageSize: 0,
+    },
+    detailDialog: {
+        visible: false,
+        data: null as any,
+    },
+    containerConfEditDialog: {
+        visible: false,
+        data: null as any,
+        title: '',
+    },
+});
+
+const { selectionData, query, detailDialog, containerConfEditDialog } = toRefs(state);
+
+onMounted(() => {
+    if (!props.lazy) {
+        search();
+    }
+});
+
+const checkRouteTagPath = (query: any) => {
+    if (route.query.tagPath) {
+        query.tagPath = route.query.tagPath as string;
+    }
+    return query;
+};
+
+const showDetail = (detail: any) => {
+    state.detailDialog.data = detail;
+    state.detailDialog.visible = true;
+};
+
+const deleteConf = async () => {
+    try {
+        await useI18nDeleteConfirm(state.selectionData.map((x: any) => x.name).join('、'));
+        await dockerApi.delConf.request({ id: state.selectionData.map((x: any) => x.id).join(',') });
+        useI18nDeleteSuccessMsg();
+        search();
+    } catch (err) {
+        //
+    }
+};
+
+const search = async (tagPath: string = '') => {
+    if (tagPath) {
+        state.query.tagPath = tagPath;
+    }
+    pageTableRef.value.search();
+};
+
+const editContainerConf = async (data: any) => {
+    if (!data) {
+        state.containerConfEditDialog.data = null;
+        state.containerConfEditDialog.title = useI18nCreateTitle('docker.containerConf');
+    } else {
+        state.containerConfEditDialog.data = data;
+        state.containerConfEditDialog.title = useI18nEditTitle('docker.containerConf');
+    }
+    state.containerConfEditDialog.visible = true;
+};
+
+defineExpose({ search });
+</script>
+
+<style></style>
diff --git a/frontend/src/views/ops/docker/CotainerConfEdit.vue b/frontend/src/views/ops/docker/CotainerConfEdit.vue
new file mode 100644
index 00000000..212a12e0
--- /dev/null
+++ b/frontend/src/views/ops/docker/CotainerConfEdit.vue
@@ -0,0 +1,115 @@
+<template>
+    <div>
+        <el-drawer :title="title" v-model="dialogVisible" :before-close="onCancel" :destroy-on-close="true" :close-on-click-modal="false" size="40%">
+            <template #header>
+                <DrawerHeader :header="title" :back="onCancel" />
+            </template>
+
+            <el-form :model="form" ref="formRef" :rules="rules" label-width="auto">
+                <el-form-item prop="tagCodePaths" :label="$t('tag.relateTag')" required>
+                    <tag-tree-select multiple v-model="form.tagCodePaths" />
+                </el-form-item>
+                <el-form-item prop="name" :label="$t('common.name')" required>
+                    <el-input v-model.trim="form.name" auto-complete="off"></el-input>
+                </el-form-item>
+                <el-form-item prop="addr" :label="$t('docker.addr')" required>
+                    <el-input v-model.trim="form.addr" :placeholder="$t('docker.addrTips')" auto-complete="off" type="textarea"></el-input>
+                </el-form-item>
+                <el-form-item prop="remark" :label="$t('common.remark')">
+                    <el-input v-model.trim="form.remark" auto-complete="off" type="textarea"></el-input>
+                </el-form-item>
+            </el-form>
+
+            <template #footer>
+                <!-- <el-button @click="onTestConn" :loading="testConnBtnLoading" type="success">{{ $t('ac.testConn') }}</el-button> -->
+                <el-button @click="onCancel()">{{ $t('common.cancel') }}</el-button>
+                <el-button type="primary" :loading="saveBtnLoading" @click="onConfirm">{{ $t('common.confirm') }}</el-button>
+            </template>
+        </el-drawer>
+    </div>
+</template>
+
+<script lang="ts" setup>
+import { toRefs, reactive, watch, useTemplateRef } from 'vue';
+import { dockerApi } from './api';
+import { ElMessage } from 'element-plus';
+import TagTreeSelect from '../component/TagTreeSelect.vue';
+import DrawerHeader from '@/components/drawer-header/DrawerHeader.vue';
+import { useI18nFormValidate, useI18nSaveSuccessMsg } from '@/hooks/useI18n';
+import { useI18n } from 'vue-i18n';
+import { Rules } from '@/common/rule';
+
+const { t } = useI18n();
+
+const props = defineProps({
+    container: {
+        type: [Boolean, Object],
+    },
+    title: {
+        type: String,
+    },
+});
+
+const dialogVisible = defineModel<boolean>('visible', { default: false });
+
+const emit = defineEmits(['val-change', 'cancel']);
+
+const rules = {
+    tagCodePaths: [Rules.requiredSelect('tag.relateTag')],
+    name: [Rules.requiredInput('common.name')],
+    addr: [Rules.requiredInput('addr')],
+};
+
+const formRef: any = useTemplateRef('formRef');
+
+const state = reactive({
+    form: {
+        id: null,
+        code: '',
+        tagCodePaths: [],
+        name: null,
+        addr: '',
+        remark: '',
+    },
+    dbList: [0],
+    pwd: '',
+});
+
+const { form } = toRefs(state);
+
+const { isFetching: saveBtnLoading, execute: saveConfExec } = dockerApi.saveConf.useApi(form);
+
+watch(dialogVisible, () => {
+    if (!dialogVisible.value) {
+        return;
+    }
+
+    const container: any = props.container;
+    if (container) {
+        state.form = { ...container };
+        state.form.tagCodePaths = container.tags.map((t: any) => t.codePath);
+    } else {
+        state.form = {} as any;
+    }
+});
+
+const onTestConn = async () => {
+    await useI18nFormValidate(formRef);
+    // await testConnExec();
+    ElMessage.success(t('ac.connSuccess'));
+};
+
+const onConfirm = async () => {
+    await useI18nFormValidate(formRef);
+    await saveConfExec();
+    useI18nSaveSuccessMsg();
+    emit('val-change', state.form);
+    onCancel();
+};
+
+const onCancel = () => {
+    dialogVisible.value = false;
+    emit('cancel');
+};
+</script>
+<style lang="scss"></style>
diff --git a/frontend/src/views/ops/docker/api.ts b/frontend/src/views/ops/docker/api.ts
index 9f1b1687..e38a67de 100644
--- a/frontend/src/views/ops/docker/api.ts
+++ b/frontend/src/views/ops/docker/api.ts
@@ -3,25 +3,29 @@ import config from '@/common/config';
 import { joinClientParams } from '@/common/request';
 
 export const dockerApi = {
-    info: Api.newGet('/docker/info'),
+    page: Api.newGet('/docker/container-conf/page'),
+    saveConf: Api.newPost('/docker/container-conf/save'),
+    delConf: Api.newDelete('/docker/container-conf/del/{id}'),
 
-    containers: Api.newGet('/docker/containers'),
-    containersStats: Api.newGet('/docker/containers/stats'),
-    containerStop: Api.newPost('/docker/containers/stop'),
-    containerRemove: Api.newPost('/docker/containers/remove'),
-    containerRestart: Api.newPost('/docker/containers/restart'),
-    containerCreate: Api.newPost('/docker/containers/create'),
+    info: Api.newGet('/docker/{id}/info'),
 
-    images: Api.newGet('/docker/images'),
-    imageRemove: Api.newPost('/docker/images/remove'),
-    imageSave: Api.newPost('/docker/images/save'),
-    imageUpload: Api.newPost('/docker/images/load'),
+    containers: Api.newGet('/docker/{id}/containers'),
+    containersStats: Api.newGet('/docker/{id}/containers/stats'),
+    containerStop: Api.newPost('/docker/{id}/containers/stop'),
+    containerRemove: Api.newPost('/docker/{id}/containers/remove'),
+    containerRestart: Api.newPost('/docker/{id}/containers/restart'),
+    containerCreate: Api.newPost('/docker/{id}/containers/create'),
+
+    images: Api.newGet('/docker/{id}/images'),
+    imageRemove: Api.newPost('/docker/{id}/images/remove'),
+    imageSave: Api.newPost('/docker/{id}/images/save'),
+    imageUpload: Api.newPost('/docker/{id}/images/load'),
 };
 
-export function getDockerExecSocketUrl(host: any, containerId: string) {
-    return `/docker/containers/exec?host=${host}&containerId=${containerId}`;
+export function getDockerExecSocketUrl(id: number, containerId: string) {
+    return `/docker/${id}/containers/exec?id=${id}&containerId=${containerId}`;
 }
 
-export function getContainerLogSocketUrl(host: any, containerId: string) {
-    return `${config.baseWsUrl}/docker/containers/logs?${joinClientParams()}&host=${host}&containerId=${containerId}`;
+export function getContainerLogSocketUrl(id: number, containerId: string) {
+    return `${config.baseWsUrl}/docker/${id}/containers/logs?${joinClientParams()}&id=${id}&containerId=${containerId}`;
 }
diff --git a/frontend/src/views/ops/docker/container/ContainerCreate.vue b/frontend/src/views/ops/docker/container/ContainerCreate.vue
index 94ac510f..37a66290 100644
--- a/frontend/src/views/ops/docker/container/ContainerCreate.vue
+++ b/frontend/src/views/ops/docker/container/ContainerCreate.vue
@@ -17,7 +17,7 @@
                 <template #label>
                     {{ $t('docker.image') }}
                     <el-tooltip :content="$t('docker.imageTips')" placement="top">
-                        <SvgIcon class="mb10" name="question-filled" />
+                        <SvgIcon class="mb-1" name="question-filled" />
                     </el-tooltip>
                 </template>
 
@@ -34,9 +34,7 @@
             </el-form-item>
 
             <el-form-item prop="cmdStr" :label="$t('Command')">
-                <el-select v-model="form.cmdStr" filterable allow-create>
-                    <el-option v-for="item in defaultCommands" :key="item" :label="item" :value="item"></el-option>
-                </el-select>
+                <el-input v-model="form.cmdStr" />
             </el-form-item>
 
             <el-form-item :label="$t('docker.port')">
@@ -283,8 +281,8 @@ const rules = {
 };
 
 const props = defineProps({
-    host: {
-        type: String,
+    id: {
+        type: Number,
         required: true,
     },
 });
@@ -311,8 +309,6 @@ const defaultForm = {
     envsStr: '',
 };
 
-const defaultCommands = ["start.sh jupyter notebook --NotebookApp.token=''"];
-
 const state = reactive({
     dockerInfo: {} as any,
     images: [] as any,
@@ -349,10 +345,10 @@ const runtimeSelect = computed(() => {
 const init = async () => {
     state.form = deepClone(defaultForm);
     state.submitForm = {};
-    dockerApi.info.request({ host: props.host }).then((res) => {
+    dockerApi.info.request({ id: props.id }).then((res) => {
         state.dockerInfo = res;
     });
-    state.images = await dockerApi.images.request({ host: props.host });
+    state.images = await dockerApi.images.request({ id: props.id });
 };
 
 const handlePortsAdd = () => {
@@ -398,7 +394,7 @@ const btnOk = async () => {
     await useI18nFormValidate(formRef);
 
     state.submitForm = { ...state.form };
-    state.submitForm.host = props.host;
+    state.submitForm.id = props.id;
 
     if (state.submitForm.exposedPorts) {
         state.submitForm.exposedPorts = state.form.exposedPorts.map((item: any) => {
diff --git a/frontend/src/views/ops/docker/container/ContainerList.vue b/frontend/src/views/ops/docker/container/ContainerList.vue
index 027d7dc9..72f695f3 100644
--- a/frontend/src/views/ops/docker/container/ContainerList.vue
+++ b/frontend/src/views/ops/docker/container/ContainerList.vue
@@ -27,7 +27,7 @@
         <el-table-column prop="name" :label="$t('docker.name')" :min-width="120" show-overflow-tooltip> </el-table-column>
         <el-table-column prop="imageName" :label="$t('docker.image')" :min-width="150" show-overflow-tooltip> </el-table-column>
 
-        <el-table-column prop="state" :label="$t('common.status')" :min-width="80">
+        <el-table-column prop="state" :label="$t('common.status')" :min-width="110">
             <template #default="{ row }">
                 <el-dropdown @command="handleCommand">
                     <el-button :type="EnumValue.getEnumByValue(ContainerStateEnum, row.state)?.tag.type" round plain size="small">
@@ -50,7 +50,7 @@
             </template>
         </el-table-column>
 
-        <el-table-column v-loading="true" prop="stats" :label="$t('docker.stats')" :min-width="90">
+        <el-table-column v-loading="true" prop="stats" :label="$t('docker.stats')" :min-width="130">
             <template #default="{ row }">
                 <SvgIcon v-if="getLoadingState(row.containerId)" class="is-loading" name="loading" color="var(--el-color-primary)" />
 
@@ -122,7 +122,7 @@
 
         <el-table-column prop="status" label="运行时长" :min-width="120"> </el-table-column>
 
-        <el-table-column :label="$t('common.operation')" :min-width="140">
+        <el-table-column :label="$t('common.operation')" :min-width="180">
             <template #default="{ row }">
                 <el-row>
                     <el-button @click="openTerminal(row)" :disabled="row.state != ContainerStateEnum.Running.value" type="primary" link plain> SSH </el-button>
@@ -157,16 +157,16 @@
         draggable
         append-to-body
     >
-        <TerminalBody ref="terminal" :socket-url="getDockerExecSocketUrl(params.host, terminalDialog.containerId)" />
+        <TerminalBody ref="terminal" :socket-url="getDockerExecSocketUrl(props.id, terminalDialog.containerId)" />
     </el-dialog>
 
-    <ContainerLog v-model:visible="logDialog.visible" :host="params.host" :container-id="logDialog.containerId" />
+    <ContainerLog v-model:visible="logDialog.visible" :id="props.id" :container-id="logDialog.containerId" :title="logDialog.title" />
 
-    <ContainerCreate v-model:visible="containerCreateDialog.visible" :host="params.host" @success="getContainers" />
+    <ContainerCreate v-model:visible="containerCreateDialog.visible" :id="props.id" @success="getContainers" />
 </template>
 
 <script lang="ts" setup>
-import { computed, defineAsyncComponent, onMounted, reactive, toRefs } from 'vue';
+import { computed, defineAsyncComponent, onMounted, reactive, toRefs, watch } from 'vue';
 import { dockerApi, getDockerExecSocketUrl } from '../api';
 import { formatByteSize, formatDate } from '@/common/utils/format';
 import EnumSelect from '@/components/enumselect/EnumSelect.vue';
@@ -182,15 +182,15 @@ const ContainerLog = defineAsyncComponent(() => import('./ContainerLog.vue'));
 const ContainerCreate = defineAsyncComponent(() => import('./ContainerCreate.vue'));
 
 const props = defineProps({
-    host: {
-        type: String,
-        default: '',
+    id: {
+        type: Number,
+        default: 0,
     },
 });
 
 const state = reactive({
     params: {
-        host: props.host,
+        id: props.id,
         name: '',
         state: null,
     },
@@ -222,6 +222,13 @@ onMounted(() => {
     getContainers();
 });
 
+watch(
+    () => props.id,
+    () => {
+        getContainers();
+    }
+);
+
 const filterTableDatas = computed(() => {
     let tables: any = state.containers;
     const nameSearch = state.params.name;
@@ -241,6 +248,10 @@ const filterTableDatas = computed(() => {
 });
 
 const getContainers = async () => {
+    if (!props.id) {
+        return;
+    }
+    state.params.id = props.id;
     state.loadingContainers = true;
     try {
         state.containers = await dockerApi.containers.request(state.params);
@@ -281,21 +292,21 @@ const setContainersStats = () => {
 };
 
 const containerRestart = async (param: any) => {
-    await dockerApi.containerRestart.request({ host: state.params.host, containerId: param.containerId });
+    await dockerApi.containerRestart.request({ id: props.id, containerId: param.containerId });
     useI18nOperateSuccessMsg();
     getContainers();
 };
 
 const containerStop = async (param: any) => {
     await useI18nConfirm('docker.stopContainerConfirm', { name: param.name });
-    await dockerApi.containerStop.request({ host: state.params.host, containerId: param.containerId });
+    await dockerApi.containerStop.request({ id: props.id, containerId: param.containerId });
     useI18nOperateSuccessMsg();
     getContainers();
 };
 
 const containerRemove = async (param: any) => {
     await useI18nConfirm('docker.removeContainerConfirm', { name: param.name });
-    await dockerApi.containerRemove.request({ host: state.params.host, containerId: param.containerId });
+    await dockerApi.containerRemove.request({ id: props.id, containerId: param.containerId });
     useI18nDeleteSuccessMsg();
     getContainers();
 };
@@ -316,11 +327,6 @@ const openLog = (row: any) => {
     state.logDialog.visible = true;
 };
 
-const openUrl = (row: any) => {
-    const port = row.ports[0];
-    window.open('http://' + props.host.split('//')[1].split(':')[0] + ':' + port.split('->')[0]?.split(':')[1] + '/lab');
-};
-
 const handleCommand = async (commond: any) => {
     const row = commond.row;
     const type = commond.type;
diff --git a/frontend/src/views/ops/docker/container/ContainerLog.vue b/frontend/src/views/ops/docker/container/ContainerLog.vue
index 99e8c723..431351bc 100644
--- a/frontend/src/views/ops/docker/container/ContainerLog.vue
+++ b/frontend/src/views/ops/docker/container/ContainerLog.vue
@@ -2,32 +2,34 @@
     <div>
         <el-drawer title="logs" v-model="visible" @close="close" :destroy-on-close="true" :close-on-click-modal="true" size="60%">
             <template #header>
-                <DrawerHeader :header="props.host" :back="() => (visible = false)">
+                <DrawerHeader :header="`${props.title}`" :back="() => (visible = false)">
                     <template #extra>
                         <div class="mr20"></div>
                     </template>
                 </DrawerHeader>
             </template>
 
-            <el-row :gutter="10" class="mb20">
-                <el-col :span="6">
-                    <el-select @change="searchLog" v-model.number="state.tail">
-                        <template #prefix>{{ $t('docker.lines') }}</template>
-                        <el-option :value="100" :label="100" />
-                        <el-option :value="200" :label="200" />
-                        <el-option :value="500" :label="500" />
-                        <el-option :value="1000" :label="1000" />
-                    </el-select>
-                </el-col>
+            <div class="flex flex-col flex-1">
+                <el-row :gutter="10" class="mb-2">
+                    <el-col :span="6">
+                        <el-select @change="searchLog" v-model.number="state.tail">
+                            <template #prefix>{{ $t('docker.lines') }}</template>
+                            <el-option :value="100" :label="100" />
+                            <el-option :value="200" :label="200" />
+                            <el-option :value="500" :label="500" />
+                            <el-option :value="1000" :label="1000" />
+                        </el-select>
+                    </el-col>
 
-                <el-col :span="6">
-                    <el-checkbox @change="searchLog" border v-model="state.isWatch">
-                        {{ $t('docker.follow') }}
-                    </el-checkbox>
-                </el-col>
-            </el-row>
+                    <el-col :span="6">
+                        <el-checkbox @change="searchLog" border v-model="state.isWatch">
+                            {{ $t('docker.follow') }}
+                        </el-checkbox>
+                    </el-col>
+                </el-row>
 
-            <RealLogViewer ref="realLogViewerRef" :ws-url="wsUrl" height="calc(100vh - 200px)" />
+                <RealLogViewer ref="realLogViewerRef" :ws-url="wsUrl" height="calc(100vh - 200px)" />
+            </div>
         </el-drawer>
     </div>
 </template>
@@ -39,7 +41,11 @@ import { getContainerLogSocketUrl } from '../api';
 import DrawerHeader from '@/components/drawer-header/DrawerHeader.vue';
 
 const props = defineProps({
-    host: {
+    id: {
+        type: Number,
+        default: '',
+    },
+    title: {
         type: String,
         default: '',
     },
@@ -60,7 +66,7 @@ const state = reactive({
 });
 
 const wsUrl = computed(
-    () => `${getContainerLogSocketUrl(props.host, props.containerId)}&tail=${state.tail}&follow=${state.isWatch ? '1' : '0'}&since=${state.since}`
+    () => `${getContainerLogSocketUrl(props.id, props.containerId)}&tail=${state.tail}&follow=${state.isWatch ? '1' : '0'}&since=${state.since}`
 );
 
 const searchLog = () => {
diff --git a/frontend/src/views/ops/docker/image/ImageList.vue b/frontend/src/views/ops/docker/image/ImageList.vue
index 21235d1b..063b164c 100644
--- a/frontend/src/views/ops/docker/image/ImageList.vue
+++ b/frontend/src/views/ops/docker/image/ImageList.vue
@@ -35,7 +35,7 @@
             </template>
         </el-table-column>
 
-        <el-table-column prop="size" :label="$t('docker.size')" :min-width="50">
+        <el-table-column prop="size" :label="$t('docker.size')" :min-width="60">
             <template #default="{ row }">
                 {{ formatByteSize(row.size) }}
             </template>
@@ -79,7 +79,7 @@
         draggable
         append-to-body
     >
-        <TerminalBody ref="terminal" :socket-url="getDockerExecSocketUrl(params.host, terminalDialog.containerId)" height="560px" />
+        <TerminalBody ref="terminal" :socket-url="getDockerExecSocketUrl(props.id, terminalDialog.containerId)" height="560px" />
     </el-dialog>
 </template>
 
@@ -99,15 +99,15 @@ import { ElMessage } from 'element-plus';
 import { i18n } from '@/i18n';
 
 const props = defineProps({
-    host: {
-        type: String,
+    id: {
+        type: Number,
         default: '',
     },
 });
 
 const state = reactive({
     params: {
-        host: props.host,
+        id: 0,
         name: '',
         state: null,
     },
@@ -147,6 +147,10 @@ const filterTableDatas = computed(() => {
 });
 
 const getImages = async () => {
+    if (!props.id) {
+        return;
+    }
+    state.params.id = props.id;
     state.loadingImages = true;
     try {
         state.images = await dockerApi.images.request(state.params);
@@ -157,7 +161,7 @@ const getImages = async () => {
 
 const exportImage = async (row: any) => {
     const a = document.createElement('a');
-    a.setAttribute('href', `${config.baseApiUrl}/docker/images/save?host=${state.params.host}&tag=${row.tags[0]}&${joinClientParams()}`);
+    a.setAttribute('href', `${config.baseApiUrl}/docker/${props.id}/images/save?id=${props.id}&tag=${row.tags[0]}&${joinClientParams()}`);
     a.setAttribute('target', '_blank');
     a.click();
 };
@@ -166,7 +170,7 @@ const uploadImage = (content: any) => {
     const params = new FormData();
     // const path = state.nowPath;
     params.append('file', content.file);
-    params.append('host', state.params.host);
+    params.append('id', props.id + '');
     params.append('token', token);
     dockerApi.imageUpload
         .xhrReq(params, {
@@ -193,7 +197,7 @@ const uploadSuccess = (res: any) => {
 };
 
 const imageRemove = async (row: any) => {
-    await dockerApi.imageRemove.request({ host: state.params.host, imageId: row.id });
+    await dockerApi.imageRemove.request({ id: props.id, imageId: row.id });
     getImages();
 };
 
diff --git a/frontend/src/views/ops/docker/resource/ContainerOp.vue b/frontend/src/views/ops/docker/resource/ContainerOp.vue
new file mode 100644
index 00000000..506525bf
--- /dev/null
+++ b/frontend/src/views/ops/docker/resource/ContainerOp.vue
@@ -0,0 +1,47 @@
+<template>
+    <div class="card h-full">
+        <el-tabs v-model="activeName" @tab-change="handleTabChange">
+            <el-tab-pane :label="$t('docker.container')" :name="containerTab">
+                <ContainerList :id="containerConfId" />
+            </el-tab-pane>
+
+            <el-tab-pane :label="$t('docker.image')" :name="imageTab">
+                <ImageList v-if="activeName == imageTab" :id="containerConfId" />
+            </el-tab-pane>
+        </el-tabs>
+    </div>
+</template>
+<script lang="ts" setup>
+import { ContainerOpComp } from '@/views/ops/docker/resource';
+import { toRefs, reactive, onMounted, defineAsyncComponent, ref, getCurrentInstance } from 'vue';
+
+const ContainerList = defineAsyncComponent(() => import('../container/ContainerList.vue'));
+const ImageList = defineAsyncComponent(() => import('../image/ImageList.vue'));
+
+const emits = defineEmits(['init']);
+
+const containerTab = 'containerTab';
+const imageTab = 'imageTab';
+
+const containerConfId = ref<number>(0);
+
+const state = reactive({
+    activeName: containerTab,
+    cmdConfs: [],
+});
+
+const { activeName } = toRefs(state);
+
+onMounted(async () => {
+    emits('init', { name: ContainerOpComp.name, ref: getCurrentInstance()?.exposed });
+    state.activeName = containerTab;
+});
+
+const handleTabChange = (tabName: any) => {};
+
+defineExpose({
+    init: function (id: number) {
+        containerConfId.value = id;
+    },
+});
+</script>
diff --git a/frontend/src/views/ops/docker/resource/index.ts b/frontend/src/views/ops/docker/resource/index.ts
new file mode 100644
index 00000000..9d7218d3
--- /dev/null
+++ b/frontend/src/views/ops/docker/resource/index.ts
@@ -0,0 +1,46 @@
+import { ResourceTypeEnum } from '@/common/commonEnum';
+import { defineAsyncComponent } from 'vue';
+import { NodeType, TagTreeNode, ResourceComponentConfig, ResourceConfig } from '@/views/ops/component/tag';
+import { dockerApi } from '@/views/ops/docker/api';
+
+const ContainerConfList = defineAsyncComponent(() => import('../ContainerConfList.vue'));
+const ContainerOp = defineAsyncComponent(() => import('./ContainerOp.vue'));
+
+const Icon = {
+    name: ResourceTypeEnum.Container.extra.icon,
+    color: ResourceTypeEnum.Container.extra.iconColor,
+};
+
+export const ContainerOpComp: ResourceComponentConfig = {
+    name: 'tag.containerOp',
+    component: ContainerOp,
+    icon: Icon,
+};
+
+export const NodeTypeContainerTag = new NodeType(TagTreeNode.TagPath).withLoadNodesFunc(async (node: TagTreeNode) => {
+    // 加载标签树下的容器列表
+    const res = await dockerApi.page.request({ tagPath: node.params.tagPath });
+    // 把list 根据name字段排序
+    return res?.list
+        .sort((a: any, b: any) => a.name.localeCompare(b.name))
+        .map((x: any) => TagTreeNode.new(node, x.code, x.name, NodeTypeContainer).withIsLeaf(true).withParams(x).withIcon(Icon));
+});
+
+const NodeTypeContainer = new NodeType(11).withNodeClickFunc(async (node: TagTreeNode) => {
+    (await node.ctx?.addResourceComponent(ContainerOpComp)).init(node.params.id);
+});
+
+export default {
+    order: 1.5,
+    resourceType: ResourceTypeEnum.Container.value,
+    rootNodeType: NodeTypeContainerTag,
+    manager: {
+        componentConf: {
+            component: ContainerConfList,
+            icon: Icon,
+            name: 'tag.container',
+        },
+        permCode: 'container',
+        countKey: 'container',
+    },
+} as ResourceConfig;
diff --git a/frontend/src/views/ops/es/EsOperation.vue b/frontend/src/views/ops/es/EsOperation.vue
deleted file mode 100644
index 7211af32..00000000
--- a/frontend/src/views/ops/es/EsOperation.vue
+++ /dev/null
@@ -1,1201 +0,0 @@
-<template>
-    <div class="es-op-box h-full">
-        <ResourceOpPanel>
-            <template #left>
-                <tag-tree
-                    ref="tagTreeRef"
-                    :default-expanded-keys="state.defaultExpendKey"
-                    :resource-type="TagResourceTypeEnum.EsInstance.value"
-                    :tag-path-node-type="NodeTypeTagPath"
-                >
-                    <template #prefix="{ data }">
-                        <span v-if="data.type.value === EsNodeType.Inst">
-                            <el-popover :show-after="tooltipTime" placement="right-start" :title="t('common.detail')" trigger="hover" :width="250">
-                                <template #reference>
-                                    <SvgIcon name="icon es/es-color" :size="18" />
-                                </template>
-                                <template #default>
-                                    <el-descriptions :column="1" size="small">
-                                        <el-descriptions-item :label="t('common.name')">
-                                            {{ data.params.name }}
-                                        </el-descriptions-item>
-                                        <el-descriptions-item label="version">
-                                            {{ data.params.version }}
-                                        </el-descriptions-item>
-                                        <el-descriptions-item label="uri">
-                                            {{ `${data.params.host}:${data.params.port}` }}
-                                        </el-descriptions-item>
-                                    </el-descriptions>
-                                </template>
-                            </el-popover>
-                        </span>
-
-                        <SvgIcon v-if="data.type.value === EsNodeType.Indexs" name="Document" />
-
-                        <span v-if="data.type.value === EsNodeType.Index">
-                            <el-popover :show-after="tooltipTime" placement="right-start" :title="t('common.detail')" trigger="hover" :width="250">
-                                <template #reference>
-                                    <SvgIcon name="Document" />
-                                </template>
-                                <el-descriptions :column="1" size="small">
-                                    <el-descriptions-item :label="t('common.name')">
-                                        {{ data.params.idxName }}
-                                    </el-descriptions-item>
-                                    <el-descriptions-item :label="t('es.size')">
-                                        {{ data.params.size }}
-                                    </el-descriptions-item>
-                                    <el-descriptions-item :label="t('es.docs')">
-                                        {{ data.params.idx['docs.count'] }}
-                                    </el-descriptions-item>
-                                </el-descriptions>
-                            </el-popover>
-                        </span>
-
-                        <SvgIcon v-if="data.type.value === EsNodeType.Dashboard" name="Monitor" />
-                        <SvgIcon v-if="data.type.value === EsNodeType.Settings" name="Setting" />
-                        <SvgIcon v-if="data.type.value === EsNodeType.Templates" name="DocumentCopy" />
-                        <SvgIcon v-if="data.type.value === EsNodeType.BasicSearch || data.type.value === EsNodeType.SeniorSearch" name="Search" />
-                    </template>
-
-                    <template #suffix="{ data }">
-                        <span v-if="data.type.value === EsNodeType.Index">{{ data.params.size + '/' + (data.params.docs || 0) }}</span>
-                    </template>
-                </tag-tree>
-            </template>
-
-            <template #right>
-                <el-card class="h-full" body-class="h-full !p-1 flex flex-col flex-1" ref="esTabDataRef">
-                    <div id="es-op-tabs" class="mt-1">
-                        <el-tabs @tab-remove="removeDataTab" type="card" class="!h-full w-full" v-model="state.activeName">
-                            <template v-for="dt in state.dataTabs" :key="dt.key">
-                                <el-tab-pane closable class="!h-full" v-if="dt.tabType === EsNodeType.Index" :label="dt.label" :name="dt.key">
-                                    <el-descriptions class="!w-full" :column="20" size="small" border>
-                                        <el-descriptions-item label-align="center">
-                                            <template #label>
-                                                <SvgIcon name="PieChart" />
-                                            </template>
-                                            {{ dt.params.size }}
-                                        </el-descriptions-item>
-                                        <el-descriptions-item label-align="center">
-                                            <template #label>
-                                                <el-space><SvgIcon name="refresh" @click="onRefreshStats(dt)" /> {{ t('es.docs') }}</el-space>
-                                            </template>
-                                            {{ dt.params.idx['docs.count'] }}
-                                        </el-descriptions-item>
-                                        <el-descriptions-item :label="t('es.health')" label-align="center">
-                                            <el-tag size="small" :type="getHealthTagType(dt.params.idx.health)">{{ dt.params.idx.health }}</el-tag>
-                                        </el-descriptions-item>
-                                        <el-descriptions-item :label="t('es.status')" label-align="center">
-                                            <el-tag size="small" :type="dt.params.idx.status === 'open' ? 'success' : 'danger'">{{
-                                                dt.params.idx.status
-                                            }}</el-tag>
-                                        </el-descriptions-item>
-                                    </el-descriptions>
-                                    <el-row class="es-op-header">
-                                        <el-col :span="20">
-                                            <el-space>
-                                                <el-tooltip :show-after="tooltipTime" effect="dark" placement="top" :content="t('common.refresh')">
-                                                    <el-link @click="onRefreshData(dt)" icon="refresh" underline="never" />
-                                                </el-tooltip>
-
-                                                <el-tooltip :show-after="tooltipTime" effect="dark" placement="top" :content="t('es.opSearch')">
-                                                    <el-link @click="onBasicSearch(dt)" icon="Search" underline="never" />
-                                                </el-tooltip>
-
-                                                <el-tooltip
-                                                    :show-after="tooltipTime"
-                                                    v-auth="perms.saveData"
-                                                    effect="dark"
-                                                    placement="top"
-                                                    :content="t('common.create')"
-                                                >
-                                                    <el-link @click="onAddDoc(dt)" icon="plus" underline="never" />
-                                                </el-tooltip>
-                                                <el-tooltip
-                                                    :show-after="tooltipTime"
-                                                    v-auth="perms.delData"
-                                                    effect="dark"
-                                                    placement="top"
-                                                    :content="t('common.delete')"
-                                                >
-                                                    <el-link :disabled="dt.selectKeys.length === 0" @click="onDeleteDocs(dt)" icon="Minus" underline="never" />
-                                                </el-tooltip>
-                                                <el-tooltip
-                                                    :show-after="tooltipTime"
-                                                    v-auth="perms.saveData"
-                                                    effect="dark"
-                                                    placement="top"
-                                                    :content="t('common.edit')"
-                                                >
-                                                    <el-link
-                                                        :disabled="dt.selectKeys.length !== 1"
-                                                        @click="onEditSelectDoc(dt)"
-                                                        icon="EditPen"
-                                                        underline="never"
-                                                    />
-                                                </el-tooltip>
-                                                <el-tooltip :show-after="tooltipTime" effect="dark" placement="top" :content="t('es.indexDetail')">
-                                                    <el-link @click="onIndexDetail(dt)" icon="InfoFilled" underline="never" />
-                                                </el-tooltip>
-                                                <el-tooltip :show-after="tooltipTime" effect="dark" placement="top" :content="t('es.page.home')">
-                                                    <el-link :disabled="dt.search.from === 0" @click="onFirstPage(dt)" icon="DArrowLeft" underline="never" />
-                                                </el-tooltip>
-                                                <el-tooltip :show-after="tooltipTime" effect="dark" placement="top" :content="t('es.page.prev')">
-                                                    <el-link :disabled="dt.search.from === 0" @click="onPrevPage(dt)" icon="ArrowLeft" underline="never" />
-                                                </el-tooltip>
-
-                                                <el-tooltip :show-after="tooltipTime" effect="dark" placement="top" :content="t('es.page.changeSize')">
-                                                    <el-dropdown placement="bottom" size="small">
-                                                        <el-link underline="never" :style="{ fontSize: '12px' }">
-                                                            {{ dt.currentFrom + 1 }} - {{ Math.min(dt.currentFrom + dt.search.size, dt.total) }}</el-link
-                                                        >
-                                                        <template #dropdown>
-                                                            <el-dropdown-menu>
-                                                                <el-dropdown-item @click="onChangePageSize(25, dt)">25</el-dropdown-item>
-                                                                <el-dropdown-item @click="onChangePageSize(50, dt)">50</el-dropdown-item>
-                                                                <el-dropdown-item @click="onChangePageSize(100, dt)">100</el-dropdown-item>
-                                                                <el-dropdown-item @click="onChangePageSize(200, dt)">200</el-dropdown-item>
-                                                                <el-dropdown-item @click="onChangePageSize(1000, dt)">1000</el-dropdown-item>
-                                                            </el-dropdown-menu>
-                                                        </template>
-                                                    </el-dropdown>
-                                                </el-tooltip>
-                                                /
-                                                <el-tooltip :show-after="tooltipTime" effect="dark" placement="top" :content="t('es.page.total')">
-                                                    <el-link
-                                                        underline="never"
-                                                        @click="onSwitchTrackTotal(dt)"
-                                                        :type="dt.search.track_total_hits === true ? 'success' : ''"
-                                                        :style="{ fontSize: '12px' }"
-                                                    >
-                                                        {{ dt.searchRes.hits?.total?.value || 0 }}</el-link
-                                                    >
-                                                </el-tooltip>
-                                                <el-tooltip :show-after="tooltipTime" effect="dark" placement="top" :content="t('es.page.next')">
-                                                    <el-link
-                                                        :disabled="dt.search.from + dt.search.size >= (dt.total || 0)"
-                                                        @click="onNextPage(dt)"
-                                                        icon="ArrowRight"
-                                                        underline="never"
-                                                    />
-                                                </el-tooltip>
-
-                                                <!-- <el-tooltip :show-after="tooltipTime" effect="dark" placement="top" :content="t('common.download')">-->
-                                                <!--     <el-link @click="onDownload(dt)" icon="Download" underline="never" />-->
-                                                <!-- </el-tooltip>-->
-                                                <!-- <el-tooltip :show-after="tooltipTime" effect="dark" placement="top" :content="t('common.upload')">-->
-                                                <!--     <el-link @click="onUpload(dt)" icon="Upload" underline="never" />-->
-                                                <!-- </el-tooltip>-->
-                                                <el-tooltip :show-after="tooltipTime" effect="dark" placement="top" :content="t('es.Reindex')">
-                                                    <el-link @click="onReindex(dt.params.instId, dt.idxName)" icon="Switch" underline="never" />
-                                                </el-tooltip>
-                                                <el-tooltip :show-after="tooltipTime" effect="dark" placement="top" :content="t('es.opViewColumns')">
-                                                    <el-dropdown placement="bottom" size="small" :max-height="300" :hide-on-click="false" trigger="click">
-                                                        <el-link icon="Operation" underline="never" />
-                                                        <template #dropdown>
-                                                            <el-dropdown-menu class="dropdown-menu">
-                                                                <el-dropdown-item>
-                                                                    <el-space>
-                                                                        <el-checkbox @change="onCheckAllColumns(dt)" v-model="dt.checkAllColumns" />
-                                                                        <el-input
-                                                                            v-model="dt.columnsFilterText"
-                                                                            @input="onFilterColumns(dt)"
-                                                                            :placeholder="t('es.filterColumn')"
-                                                                            clearable
-                                                                            size="small"
-                                                                        />
-                                                                    </el-space>
-                                                                </el-dropdown-item>
-                                                                <template v-for="column in dt.columns" :key="column.key">
-                                                                    <el-dropdown-item v-if="column._filterd" :command="column.key">
-                                                                        <el-checkbox v-model="column._show" @change="onCheckColumnFilter(column)">
-                                                                            {{ column.title }}
-                                                                        </el-checkbox>
-                                                                    </el-dropdown-item>
-                                                                </template>
-                                                            </el-dropdown-menu>
-                                                        </template>
-                                                    </el-dropdown>
-                                                </el-tooltip>
-                                            </el-space>
-                                        </el-col>
-                                    </el-row>
-                                    <div class="es-table-data mt-1" style="height: calc(-208px + 100vh)">
-                                        <el-auto-resizer>
-                                            <template #default="{ height, width }">
-                                                <el-table-v2
-                                                    ref="tableRef"
-                                                    :row-height="dt.rowHeight"
-                                                    :columns="dt.columns"
-                                                    :data="dt.datas"
-                                                    :width="width"
-                                                    :height="height"
-                                                    fixed
-                                                    :header-height="22"
-                                                    class="es-table"
-                                                >
-                                                    <template #header="{ columns }">
-                                                        <div
-                                                            v-for="(column, i) in columns"
-                                                            :key="i"
-                                                            :style="{
-                                                                width: `${column.width}px`,
-                                                                textAlign: 'center',
-                                                                borderRight: 'var(--el-table-border)',
-                                                            }"
-                                                        >
-                                                            <el-checkbox
-                                                                :style="{ height: '100%' }"
-                                                                v-if="column.key === '_selected'"
-                                                                v-model="dt.selectAll"
-                                                                @change="onSelectAll(dt)"
-                                                                :indeterminate="dt.selectKeys.length > 0 && !dt.selectAll"
-                                                            />
-                                                            <b v-else> {{ column.title }} </b>
-                                                        </div>
-                                                    </template>
-
-                                                    <template #cell="{ rowData, column, rowIndex, columnIndex }">
-                                                        <div v-if="column.key === '_table_index'" class="table-data-cell">
-                                                            <span class="el-text el-text--small is-truncated">
-                                                                {{ rowIndex + 1 + dt.currentFrom }}
-                                                            </span>
-                                                        </div>
-                                                        <div v-if="column.key === '_selected'" class="table-data-cell">
-                                                            <span class="el-text el-text--small is-truncated">
-                                                                <el-checkbox v-model="rowData._selected" @change="onSelectRow(dt, rowData)" />
-                                                            </span>
-                                                        </div>
-                                                        <div
-                                                            v-else
-                                                            @contextmenu="dataContextmenuClick($event, rowIndex, column, rowData)"
-                                                            class="table-data-cell"
-                                                        >
-                                                            <span v-if="rowData[column.dataKey] === null" style="color: var(--el-color-info-light-5)">
-                                                                NULL
-                                                            </span>
-                                                            <span v-else :title="rowData[column.dataKey]" class="el-text el-text--small is-truncated">
-                                                                {{ rowData[column.dataKey] }}
-                                                            </span>
-                                                        </div>
-                                                    </template>
-
-                                                    <template v-if="dt.loading" #overlay>
-                                                        <div class="el-loading-mask flex flex-col items-center justify-center">
-                                                            <div>
-                                                                <SvgIcon class="is-loading" name="loading" color="var(--el-color-primary)" :size="28" />
-                                                                <el-text class="ml-1" tag="b"
-                                                                    >{{ t('db.execTime') }} - {{ dt.execTime?.toFixed(1) || 0 }}s</el-text
-                                                                >
-                                                            </div>
-                                                            <div v-if="dt.loading && dt.abortSearch" class="!mt-2">
-                                                                <el-button @click="dt.abortSearch" type="info" size="small" plain>{{
-                                                                    t('common.cancel')
-                                                                }}</el-button>
-                                                            </div>
-                                                        </div>
-                                                    </template>
-                                                </el-table-v2>
-                                            </template>
-                                        </el-auto-resizer>
-                                    </div>
-
-                                    <es-search
-                                        :instId="dt.instId"
-                                        :idxName="dt.idxName"
-                                        :fields="dt.fields"
-                                        v-model:visible="dt.searchDialogVisible"
-                                        @search="onEsSearch"
-                                    />
-                                </el-tab-pane>
-                                <el-tab-pane closable class="!h-full" v-if="dt.tabType === EsNodeType.Dashboard" :label="dt.label" :name="dt.key">
-                                    <es-dashboard :inst-id="dt.instId" />
-                                </el-tab-pane>
-                            </template>
-                        </el-tabs>
-                    </div>
-                </el-card>
-            </template>
-        </ResourceOpPanel>
-
-        <contextmenu :dropdown="state.contextmenu.dropdown" :items="state.contextmenu.items" ref="contextmenuRef" />
-
-        <es-edit-row v-model="docEditDialog" v-model:visible="docEditDialog.visible" @success="onEditRowSuccess" />
-
-        <es-index-detail ref="esIndexDetailRef" />
-
-        <es-add-index
-            v-model:visible="addIndexDialog.visible"
-            :instId="addIndexDialog.instId"
-            :idxNames="addIndexDialog.idxNames"
-            @success="onAddIndexSuccess"
-        />
-
-        <es-reindex
-            :instId="reIndexDialog.instId"
-            :idxName="reIndexDialog.idxName"
-            :idxNames="reIndexDialog.idxNames"
-            v-model:visible="reIndexDialog.visible"
-            @success="onReIndexSuccess"
-        />
-
-        <es-index-template :inst-id="templateDialog.instId" :version="templateDialog.version" v-model="templateDialog.visible" />
-
-        <div style="text-align: center; margin-top: 10px"></div>
-    </div>
-</template>
-
-<script lang="tsx" setup>
-import { esApi } from './api';
-import { defineAsyncComponent, nextTick, reactive, ref, toRefs } from 'vue';
-
-import { TagTreeNode, NodeType } from '../component/tag';
-import TagTree from '../component/TagTree.vue';
-import { Contextmenu, ContextmenuItem } from '@/components/contextmenu';
-import { formatDocSize } from '@/common/utils/format';
-import { TagResourceTypeEnum } from '@/common/commonEnum';
-import { sleep } from '@/common/utils/loading';
-import { useI18n } from 'vue-i18n';
-import ResourceOpPanel from '../component/ResourceOpPanel.vue';
-import SvgIcon from '@/components/svgIcon/index.vue';
-import { copyToClipboard } from '@/common/utils/string';
-import { ElCheckbox, ElMessage } from 'element-plus';
-import { useI18nConfirm, useI18nDeleteConfirm } from '@/hooks/useI18n';
-import { useIntervalFn } from '@vueuse/core';
-import Api from '@/common/Api';
-
-const EsAddIndex = defineAsyncComponent(() => import('./component/EsAddIndex.vue'));
-const EsDashboard = defineAsyncComponent(() => import('./component/EsDashboard.vue'));
-const EsEditRow = defineAsyncComponent(() => import('./component/EsEditRow.vue'));
-const EsIndexDetail = defineAsyncComponent(() => import('./component/EsIndexDetail.vue'));
-const EsIndexTemplate = defineAsyncComponent(() => import('./component/EsIndexTemplate.vue'));
-const EsReindex = defineAsyncComponent(() => import('./component/EsReindex.vue'));
-const EsSearch = defineAsyncComponent(() => import('./component/EsSearch.vue'));
-
-const { t } = useI18n();
-
-const perms = {
-    saveData: 'es:data:save',
-    delData: 'es:data:del',
-};
-
-const getDefaultSearch = () => ({ sort: {}, query: { bool: { must: [], should: [], must_not: [] } }, aggs: {}, from: 0, size: 25 });
-
-const tooltipTime = 300;
-
-const state = reactive({
-    defaultExpendKey: [] as any,
-    tags: [],
-    mongoList: [] as any,
-    activeName: '', // 当前操作的tab
-    dataTabs: {} as any, // 数据tabs
-    reloadStatus: false,
-    showSysIndex: false,
-    contextmenu: { items: [] as any[], dropdown: { x: 0, y: 0 } },
-    docEditDialog: {
-        instId: '',
-        isAdd: true,
-        loading: false,
-        visible: false,
-        doc: '',
-        idxName: '',
-        _id: '',
-    },
-    addIndexDialog: {
-        instId: '' as any,
-        visible: false,
-        data: {} as any,
-        idxNames: [] as string[],
-    },
-    reIndexDialog: {
-        instId: '' as any,
-        idxName: '' as any,
-        visible: false,
-        idxNames: [] as string[],
-    },
-    templateDialog: {
-        instId: '' as any,
-        version: '',
-        visible: false,
-    },
-});
-
-const { docEditDialog, addIndexDialog, reIndexDialog, templateDialog } = toRefs(state);
-/**
- * 树节点类型
- */
-class EsNodeType {
-    static Inst = 1; // 实例
-    static Indexs = 2; // 索引管理
-    static Index = 21; // 索引管理
-    static BasicSearch = 3; // 基础搜索
-    static SeniorSearch = 4; // 高级搜索
-    static Dashboard = 5; // 数据看板
-    static Settings = 6; // 基本设置
-    static Templates = 7; // 模板管理
-}
-
-const contextmenuRef = ref();
-const esTabDataRef = ref();
-const esIndexDetailRef = ref();
-const tableRef = ref();
-const instIndicesMap = new Map();
-
-const getIndicesByInstId = async (instId: any) => {
-    if (!instIndicesMap.has(instId)) {
-        await refreshIndices(instId);
-    }
-    return instIndicesMap.get(instId);
-};
-
-const refreshIndices = async (instId: any) => {
-    let indicesRes = await esApi.proxyReq('get', instId, `/_cat/indices/?h=index,health,status,uuid,pri,rep,docs.count,docs.deleted,store.size,sc,cd`);
-    instIndicesMap.set(instId, indicesRes);
-};
-
-// tagpath 节点类型
-const NodeTypeTagPath = new NodeType(TagTreeNode.TagPath)
-    .withContextMenuItems([new ContextmenuItem('refresh', 'common.refresh').withIcon('refresh').withOnClick(async (data: any) => await reloadNode(data.key))])
-    .withLoadNodesFunc(async (parentNode: TagTreeNode) => {
-        // 加载es实例列表
-        const res = await esApi.instances.request({ tagPath: parentNode.key });
-        if (!res.total) {
-            return [];
-        }
-        const insts = res.list;
-        await sleep(100);
-        return insts?.map((x: any) => {
-            x.tagPath = parentNode.key;
-            return new TagTreeNode(`es.inst.${x.code}`, x.name, NodeTypeInst).withParams(x);
-        });
-    });
-
-// 加载实例列表
-const NodeTypeInst = new NodeType(EsNodeType.Inst)
-    .withLoadNodesFunc(async (parentNode: TagTreeNode) => {
-        const params = parentNode.params;
-
-        let oiKey = `es.${params.id}.opIndex`;
-        let bsKey = `es.${params.id}.opBasicSearch`;
-        let ssKey = `es.${params.id}.opSeniorSearch`;
-        let dbKey = `es.${params.id}.opDashboard`;
-        let stKey = `es.${params.id}.opSettings`;
-        let tpKey = `es.${params.id}.optemplates`;
-
-        let nodeParams = { inst: params, instId: params.id };
-
-        return [
-            new TagTreeNode(oiKey, t('es.opIndex'), NodeTypeIndexs).withParams(nodeParams),
-            // new TagTreeNode(ssKey, t('es.opSeniorSearch'), NodeTypeSeniorSearch).withParams(nodeParams).withIsLeaf(true),
-            // new TagTreeNode(dbKey, t('es.opDashboard'), NodeTypeDashboard).withParams(nodeParams).withIsLeaf(true),
-            // new TagTreeNode(stKey, t('es.opSettings'), NodeTypeSettings).withParams(nodeParams),
-        ];
-    })
-    .withNodeClickFunc((nodeData: TagTreeNode) => {
-        // 添加一个dashboard tab
-
-        const label = `${nodeData.key}.dashboard`;
-        state.activeName = label;
-
-        let dataTab = state.dataTabs[label];
-        if (dataTab) {
-            return;
-        }
-        dataTab = {
-            tabType: EsNodeType.Dashboard,
-            params: nodeData.params,
-            key: label,
-            label: nodeData.label,
-            name: label,
-            instId: nodeData.params.id,
-        };
-
-        state.dataTabs[label] = dataTab;
-    });
-
-const NodeTypeIndexs = new NodeType(EsNodeType.Indexs)
-    .withContextMenuItems([
-        new ContextmenuItem('refresh', 'common.refresh').withIcon('refresh').withOnClick(async (data: any) => onRefreshIndices(data.params.instId, data.key)),
-        new ContextmenuItem('addIndex', 'es.contextmenu.index.addIndex').withIcon('plus').withOnClick((data: any) => onAddIndex(data)),
-        new ContextmenuItem('showSys', 'es.contextmenu.index.showSys').withIcon('View').withOnClick((data: any) => onShowSysIndex(data)),
-        new ContextmenuItem('idxTemplate', 'es.templates').withIcon('DocumentCopy').withOnClick((data: any) => onShowTemplate(data)),
-    ])
-    .withLoadNodesFunc(async (parentNode: TagTreeNode) => {
-        const params = parentNode.params;
-        // 展示索引列表，显示索引名，文档总数，
-        let idxNodes = [];
-        let indices = {} as any;
-        let keys = [] as string[];
-
-        // 加载索引列表
-        let indicesRes = await getIndicesByInstId(params.instId);
-        indicesRes.forEach((x: any) => {
-            if (state.showSysIndex) {
-                indices[x.index] = x;
-                keys.push(x.index);
-            } else if (!x.index.startsWith('.') && x.index.indexOf('.') < 0) {
-                indices[x.index] = x;
-                keys.push(x.index);
-            }
-        });
-
-        keys = keys.sort();
-
-        for (let idxName of keys) {
-            const idx = indices[idxName];
-            const key = `es.${params.inst.id}.index.${idxName}`;
-            idxNodes.push(
-                new TagTreeNode(key, idxName, NodeTypeIndex)
-                    .withIsLeaf(true)
-                    .withParams({
-                        instId: params.instId,
-                        idxName,
-                        idx,
-                        params,
-                        key: key,
-                        parentKey: parentNode.key,
-                        size: idx['store.size'],
-                        docs: formatDocSize(idx['docs.count'] || 0, 1),
-                    })
-                    .withIcon('Document')
-            );
-        }
-
-        state.showSysIndex = false;
-        return idxNodes;
-    });
-
-// 索引操作
-const NodeTypeIndex = new NodeType(EsNodeType.Index)
-    .withContextMenuItems([
-        // 右键菜单支持：复制名字、新增别名、迁移索引、关闭、启用、删除、数据浏览、跳转基础查询、跳转高级查询
-        new ContextmenuItem('copyName', 'es.contextmenu.index.copyName').withIcon('copyDocument').withOnClick((data: any) => onIdxCopyName(data)),
-        new ContextmenuItem('refresh', 'es.contextmenu.index.refresh').withIcon('refresh').withOnClick((data: any) => onRefreshIdx(data)),
-        new ContextmenuItem('clearCache', 'es.contextmenu.index.clearCache').withIcon('refresh').withOnClick((data: any) => onClearIdxCache(data)),
-        new ContextmenuItem('flush', 'es.contextmenu.index.flush').withIcon('refresh').withOnClick((data: any) => onFlushIdx(data)),
-        new ContextmenuItem('Reindex', 'es.Reindex').withIcon('Switch').withOnClick((data: any) => onIdxReindex(data)),
-        new ContextmenuItem('Close', 'es.contextmenu.index.Close')
-            .withIcon('Close')
-            .withOnClick((data: any) => onIdxClose(data))
-            .withHideFunc((data: any) => {
-                return data.params.idx.status !== 'open';
-            }),
-        new ContextmenuItem('Open', 'es.contextmenu.index.Open')
-            .withIcon('Select')
-            .withOnClick((data: any) => onIdxOpen(data))
-            .withHideFunc((data: any) => {
-                return data.params.idx.status === 'open';
-            }),
-        new ContextmenuItem('Delete', 'es.contextmenu.index.Delete').withIcon('Delete').withOnClick((data: any) => onIdxDelete(data)),
-        new ContextmenuItem('BaseSearch', 'es.contextmenu.index.BaseSearch').withIcon('Search').withOnClick((data: any) => onIdxBaseSearch(data)),
-        // new ContextmenuItem('SeniorSearch', 'es.contextmenu.index.SeniorSearch').withIcon('Search').withOnClick((data: any) => onIdxSeniorSearch(data)),
-        new ContextmenuItem('IndexDetail', 'es.indexDetail').withIcon('InfoFilled').withOnClick((data: any) => onIndexDetail(data)),
-    ])
-
-    .withNodeClickFunc((nodeData: TagTreeNode) => {
-        const params = nodeData.params;
-        contextmenuRef.value.closeContextmenu();
-        loadIndexData(params.params.inst.id, params);
-    });
-
-const onRefreshIndices = async (instId: any, key: any) => {
-    await refreshIndices(instId);
-    await reloadNode(key);
-};
-
-const onAddIndex = async (data: any) => {
-    // 弹出新增/修改索引窗口
-    state.addIndexDialog.data = data;
-    state.addIndexDialog.instId = data.params.instId;
-    state.addIndexDialog.visible = true;
-    let indices = await getIndicesByInstId(data.params.instId);
-    state.addIndexDialog.idxNames = indices
-        .map((x: any) => x.index)
-        .filter((x: any) => x.indexOf('.') < 0)
-        .sort();
-};
-
-const onAddIndexSuccess = async () => {
-    await onRefreshIndices(state.addIndexDialog.data.params.instId, state.addIndexDialog.data.key);
-};
-
-const onReIndexSuccess = () => {
-    console.log('onReIndexSuccess');
-};
-const onIdxCopyName = async (data: any) => {
-    await copyToClipboard(data.params.idxName);
-};
-const onRefreshIdx = async (data: any) => {
-    await esApi.proxyReq('post', data.params.instId, `/${data.params.idxName}/_refresh`);
-    ElMessage.success(t('common.operateSuccess'));
-};
-const onClearIdxCache = async (data: any) => {
-    await useI18nConfirm('es.clearCacheConfirm', { name: data.params.idxName });
-    await esApi.proxyReq('post', data.params.instId, `/${data.params.idxName}/_cache/clear`);
-    ElMessage.success(t('common.operateSuccess'));
-};
-const onFlushIdx = async (data: any) => {
-    await esApi.proxyReq('post', data.params.instId, `/${data.params.idxName}/_flush`);
-    ElMessage.success(t('common.operateSuccess'));
-};
-const onIdxReindex = async (data: any) => {
-    await onReindex(data.params.instId, data.params.idxName);
-};
-const onIdxClose = async (data: any) => {
-    await useI18nConfirm('es.closeIndexConfirm', { name: data.params.idxName });
-    await esApi.proxyReq('post', data.params.instId, `/${data.params.idxName}/_close`);
-    data.params.idx.status = 'close';
-    ElMessage.success(t('common.operateSuccess'));
-};
-const onIdxOpen = async (data: any) => {
-    await useI18nConfirm('es.openIndexConfirm', { name: data.params.idxName });
-    await esApi.proxyReq('post', data.params.instId, `/${data.params.idxName}/_open`);
-    data.params.idx.status = 'open';
-    ElMessage.success(t('common.operateSuccess'));
-};
-const onIdxDelete = async (data: any) => {
-    await useI18nDeleteConfirm(data.params.idxName);
-    await esApi.proxyReq('delete', data.params.instId, data.params.idxName);
-    ElMessage.success(t('common.deleteSuccess'));
-    await onRefreshIndices(data.params.instId, data.params.parentKey);
-};
-const onIdxBaseSearch = async (data: any) => {
-    // 加载表数据
-    let params = data.params;
-    await loadIndexData(params.params.inst.id, params);
-    // 弹出搜索窗口
-    await onBasicSearch(getNowDataTab());
-};
-
-const loadIndexData = async (instId: any, params: any) => {
-    let idxName = params.idxName;
-    const label = `es.${instId}.index.${idxName}`;
-    state.activeName = label;
-
-    let dataTab = state.dataTabs[label];
-    if (dataTab) {
-        return;
-    }
-    dataTab = {
-        tabType: EsNodeType.Index,
-        params: params,
-        key: label,
-        label: idxName,
-        name: label,
-        instId,
-        idxName,
-        columns: [],
-        fields: [],
-        datas: [],
-        total: [],
-        searchRes: {} as any,
-        rowHeight: 30,
-        selectAll: false,
-        selectKeys: [],
-        columnsFilterText: '',
-        checkAllColumns: true,
-        loading: true,
-        abortSearch: () => {},
-        execTime: 0,
-        currentFrom: 25,
-        search: getDefaultSearch(),
-        searchDialogVisible: false,
-    };
-    state.dataTabs[label] = dataTab;
-    // 延时加载数据，避免卡顿
-    setTimeout(fetchIndexData, 300);
-};
-
-// 选中的数据， key->rowIndex  value->primaryKeyValue
-const selectionRowsMap = ref(new Map<number, any>());
-/**
- * 判断当前行是否被选中
- * @param rowIndex
- */
-const isSelection = (rowIndex: number): boolean => {
-    return selectionRowsMap.value.get(rowIndex);
-};
-
-/**
- * 选中指定行
- * @param rowIndex
- * @param rowData
- * @param isMultiple 是否允许多选
- */
-const selectionRow = (rowIndex: number, rowData: any, isMultiple = false) => {
-    if (isMultiple) {
-        // 如果重复点击，则取消改选中数据
-        if (selectionRowsMap.value.get(rowIndex)) {
-            selectionRowsMap.value.delete(rowIndex);
-            return;
-        }
-    } else {
-        selectionRowsMap.value.clear();
-    }
-    selectionRowsMap.value.set(rowIndex, rowData);
-};
-
-const copyCell = new ContextmenuItem('copyCell', 'common.copyCell').withIcon('CopyDocument').withOnClick(async (data: any) => {
-    await copyToClipboard(data.rowData[data.column.dataKey]);
-});
-
-const copyLineJson = new ContextmenuItem('copyLineJson', 'es.contextmenu.index.copyLineJson').withIcon('CopyDocument').withOnClick(async (data: any) => {
-    await copyToClipboard(data.rowData.src);
-});
-
-const copySelectLineJson = new ContextmenuItem('copySelectLineJson', 'es.contextmenu.index.copySelectLineJson')
-    .withIcon('CopyDocument')
-    .withHideFunc(() => {
-        let dt = getNowDataTab();
-        if (dt) {
-            return dt.selectKeys?.length == 0;
-        }
-        return true;
-    })
-    .withOnClick(async () => {
-        await copyToClipboard(
-            JSON.stringify(
-                getNowDataTab().selectKeys.map((a: any) => JSON.parse(a.src)),
-                null,
-                2
-            )
-        );
-    });
-
-const editLineJson = new ContextmenuItem('editLineJson', 'common.edit').withIcon('EditPen').withOnClick(async (data: any) => onEditDoc(data.rowData.src));
-
-const deleteLine = new ContextmenuItem('deleteLine', 'common.delete').withIcon('Delete').withOnClick(async (data: any) => {
-    // 二次确认后执行删除
-    let ids = [data.rowData._id];
-    await useI18nDeleteConfirm(ids.join(', '));
-    await doDeleteDoc(ids);
-});
-const deleteSelectLine = new ContextmenuItem('deleteLine', 'es.contextmenu.index.DeleteSelectLine')
-    .withIcon('Delete')
-    .withHideFunc(() => {
-        return getNowDataTab().selectKeys.length == 0;
-    })
-    .withOnClick(async () => {
-        // 二次确认后执行删除
-        let ids = getNowDataTab().selectKeys.map((a: any) => a._id);
-        await useI18nDeleteConfirm(ids.join(', '));
-        await doDeleteDoc(ids);
-    });
-
-const dataContextmenuClick = (event: any, rowIndex: number, column: any, data: any) => {
-    event.preventDefault(); // 阻止默认的右击菜单行为
-    // 当前行未选中，则单行选中该行
-    if (!isSelection(rowIndex)) {
-        selectionRow(rowIndex, data);
-    }
-    const { clientX, clientY } = event;
-    state.contextmenu.dropdown.x = clientX;
-    state.contextmenu.dropdown.y = clientY;
-    state.contextmenu.items = [copyCell, copyLineJson, copySelectLineJson, editLineJson, deleteLine, deleteSelectLine];
-    contextmenuRef.value.openContextmenu({ column, rowData: data });
-};
-
-const reloadNode = async (nodeKey: string) => {
-    state.reloadStatus = true;
-    await tagTreeRef.value.reloadNode(nodeKey);
-};
-
-const onShowSysIndex = async (data: any) => {
-    state.showSysIndex = true;
-    await reloadNode(data.key);
-};
-const onShowTemplate = async (data: any) => {
-    state.templateDialog.visible = true;
-    state.templateDialog.version = data.params.inst.version;
-    state.templateDialog.instId = data.params.instId;
-    console.log(state.templateDialog);
-};
-
-const tagTreeRef: any = ref(null);
-
-const onChangePageSize = async (size: number, dt: any) => {
-    dt.search.size = size;
-    dt.search.from = 0;
-    await fetchIndexData(); // 改变每页条数
-};
-
-const onFirstPage = async (dt: any) => {
-    dt.search.from = 0;
-    await fetchIndexData(); // 回到首页
-};
-const onNextPage = async (dt: any) => {
-    dt.search.from = dt.search.from + dt.search.size;
-    await fetchIndexData(); // 下一页
-};
-
-const onPrevPage = async (dt: any) => {
-    dt.search.from = Math.max(0, dt.search.from - dt.search.size);
-    await fetchIndexData(); // 上一页
-};
-
-const refreshIndex = async () => {
-    const dataTab = getNowDataTab();
-    await esApi.proxyReq('post', dataTab.instId, `/${dataTab.idxName}/_refresh`);
-};
-
-const onEditRowSuccess = async () => {
-    await refreshIndex();
-    await fetchIndexData(); // 编辑完成后刷新索引数据
-};
-
-// 获取索引数据
-const fetchIndexData = async () => {
-    const dt = getNowDataTab();
-
-    dt.execTime = 0;
-    // loading
-    const { pause, resume } = useIntervalFn(() => {
-        dt.execTime += 0.1;
-    }, 100);
-    resume();
-    dt.loading = true;
-
-    // 清空选中
-    dt.selectAll = false;
-    dt.selectKeys = [];
-
-    let api = Api.newPost(`/es/instance/proxy/${dt.instId}/${dt.idxName}/_search`);
-
-    const { execute: execSearch, data: searchRes, abort: abortSearch } = api.useApi<any>(dt.search, { esProxyReq: true });
-    dt.abortSearch = () => {
-        abortSearch();
-        dt.loading = false;
-        pause();
-    };
-    // 获取数据
-    await execSearch();
-    dt.searchRes = searchRes;
-    let error = searchRes.value.error || (searchRes.value.failures && searchRes.value.failures.length > 0 && searchRes.value.failures[0]);
-    if (error) {
-        dt.loading = false;
-        pause();
-        return await esApi.alertError(error, t('es.execError'));
-    }
-
-    // 搜集字段信息
-    let fieldMap = {} as any;
-    fieldMap['_id'] = { width: 50 };
-
-    // 处理数据
-    dt.datas = dt.searchRes.hits.hits.map((a: any) => {
-        let src = JSON.parse(JSON.stringify(a._source));
-        src._id = a._id;
-        let source = a._source;
-        source._id = a._id;
-        source._score = a._score;
-        fieldMap['_score'] = { width: 40 };
-        // 如果字段不是字符串或数字，则转换为json字符串
-        for (let k in source) {
-            if (typeof source[k] != 'string' && typeof source[k] != 'number' && source[k] !== null && typeof source[k] != 'boolean') {
-                source[k] = JSON.stringify(source[k]);
-            }
-            // 表格长度为值长度的十倍px，最小50px，最大220px
-            let column = fieldMap[k] || { width: 50 };
-            try {
-                let valLength = source[k] ? Math.max(source[k].length, k.length) : k.length;
-                column.width = Math.max(Math.max(Math.min(220, (valLength || 10) * 10), 50), column.width);
-            } catch (e) {
-                console.log(e);
-                column.width = 50;
-            }
-            fieldMap[k] = column;
-        }
-        // 缓存原始数据
-        source.src = JSON.stringify(src, null, 2);
-        source._selected = false;
-        return source;
-    });
-
-    dt.total = dt.searchRes.hits?.total.value || 0;
-
-    if (dt.datas.length > 0) {
-        let keys = Object.keys(fieldMap).sort();
-        dt.fields = keys.filter((k) => k != '_score');
-        dt.columns = keys.map((k) => ({ title: k, width: fieldMap[k].width, key: k, dataKey: k, class: 'es-table-column', _filterd: true, _show: true }));
-        dt.columns.unshift({
-            title: '#',
-            width: 50,
-            key: '_table_index',
-            class: 'es-table-column',
-            align: 'center',
-            _filterd: false,
-        });
-
-        dt.columns.unshift({
-            title: 'checkbox',
-            width: 30,
-            key: '_selected',
-            class: 'es-table-column',
-            align: 'center',
-            _filterd: false,
-        });
-    }
-    pause();
-    dt.loading = false;
-    dt.currentFrom = dt.search.from;
-};
-
-const onRefreshData = async (dt: any) => {
-    // dt.search = getDefaultSearch();
-    await fetchIndexData(); // 刷新到首页
-};
-
-const onAddDoc = async (dt: any) => {
-    state.docEditDialog.isAdd = true;
-    state.docEditDialog.instId = dt.instId;
-    state.docEditDialog._id = '';
-    state.docEditDialog.idxName = dt.idxName;
-    state.docEditDialog.visible = true;
-};
-
-const onEditDoc = async (src: any) => {
-    state.docEditDialog.isAdd = false;
-    state.docEditDialog.instId = getNowDataTab().instId;
-    state.docEditDialog.idxName = getNowDataTab().idxName;
-    // 删除_id字段
-    let obj = JSON.parse(src);
-    state.docEditDialog._id = obj._id;
-    delete obj._id;
-    state.docEditDialog.doc = JSON.stringify(obj, null, 2);
-    state.docEditDialog.visible = true;
-};
-
-const onEditSelectDoc = async (dt: any) => {
-    if (dt.selectKeys.length > 1 || dt.selectKeys.length == 0) {
-        ElMessage.warning(t('common.pleaseSelectOne'));
-        return;
-    }
-    await onEditDoc(dt.selectKeys[0].src);
-};
-
-const onSwitchTrackTotal = async (dt: any) => {
-    if (!dt.search.track_total_hits && dt.total === 10000) {
-        dt.search.track_total_hits = true;
-    } else {
-        delete dt.search.track_total_hits;
-    }
-    if (dt.total >= 10000) {
-        await fetchIndexData(); // 切换查询总数
-    }
-};
-
-const onDeleteDocs = async (dt: any) => {
-    let ids = dt.selectKeys.map((d: any) => d._id);
-    // 二次确认后执行删除
-    await useI18nDeleteConfirm(ids.join(', '));
-    await doDeleteDoc(ids);
-};
-
-const doDeleteDoc = async (ids: any[]) => {
-    let dataTab = getNowDataTab();
-    await esApi.proxyReq('post', dataTab.instId, `/${dataTab.idxName}/_delete_by_query`, {
-        query: { terms: { _id: ids } },
-    });
-    ElMessage.success(t('common.deleteSuccess'));
-    await refreshIndex(); // 删除后刷新索引
-    setTimeout(async () => {
-        await fetchIndexData(); // 删除后刷新数据
-    }, 500);
-};
-const onDownload = async (dt: any) => {
-    let ids = dt.selectKeys.map((d: any) => d._id);
-    console.log(ids);
-};
-const onIndexDetail = async (data: any) => {
-    let param = {
-        idxName: data.params.idxName,
-        instId: data.params.instId,
-    };
-    esIndexDetailRef.value.open(param);
-};
-const onUpload = async (dt: any) => {
-    let ids = dt.selectKeys.map((d: any) => d._id);
-    console.log(ids);
-};
-const onReindex = async (instId: any, idxName: string) => {
-    state.reIndexDialog.visible = true;
-    // 弹出新增/修改索引窗口
-    state.reIndexDialog.instId = instId;
-    state.reIndexDialog.idxName = idxName;
-    state.reIndexDialog.visible = true;
-    let indices = await getIndicesByInstId(instId);
-    state.reIndexDialog.idxNames = indices
-        .map((x: any) => x.index)
-        .filter((x: any) => x != idxName && x.indexOf('.') < 0)
-        .sort();
-    console.log(state.reIndexDialog);
-};
-const onBasicSearch = async (dt: any) => {
-    dt.searchDialogVisible = true;
-};
-
-const onEsSearch = async (data: any) => {
-    let dt = getNowDataTab();
-    data.from = 0;
-    data.size = dt.search.size;
-    dt.search = data;
-
-    await fetchIndexData();
-    dt.searchDialogVisible = false;
-};
-
-const onCheckColumnFilter = (column: any) => {
-    column.hidden = !column._show;
-};
-
-const onCheckAllColumns = (dt: any) => {
-    dt.columns.forEach((c: any) => {
-        if (c.key != '_table_index' && c.key != '_selected') {
-            c._show = dt.checkAllColumns;
-            c.hidden = !c._show;
-        }
-    });
-};
-
-const onFilterColumns = (dt: any) => {
-    if (!dt.columnsFilterText) {
-        dt.columns.forEach((c: any) => {
-            if (c.key != '_table_index' && c.key != '_selected') {
-                c._filterd = true;
-            }
-        });
-    } else {
-        dt.columns.forEach((c: any) => {
-            if (c.key != '_table_index' && c.key != '_selected') {
-                c._filterd = c.key.toLowerCase().indexOf(dt.columnsFilterText.toLowerCase()) > -1;
-            }
-        });
-    }
-};
-
-const onSelectAll = async (dt: any) => {
-    dt.datas.forEach((d: any) => (d._selected = dt.selectAll));
-    if (!dt.selectAll) {
-        dt.selectKeys = [];
-    } else {
-        dt.selectKeys = dt.datas;
-    }
-};
-
-const onSelectRow = (dt: any, item: any) => {
-    if (item._selected) {
-        dt.selectKeys.push(item);
-    } else {
-        dt.selectKeys = dt.selectKeys.filter((d: any) => d._id != item._id);
-    }
-};
-
-const onRefreshStats = async (dt: any) => {
-    let stats = await esApi.proxyReq('get', dt.instId, `/${dt.idxName}/_stats`);
-    dt.params.idx['docs.count'] = stats.indices[dt.idxName].primaries.docs.count;
-    if (stats.indices[dt.idxName].health) {
-        dt.params.idx.health = stats.indices[dt.idxName].health;
-    }
-    if (stats.indices[dt.idxName].status) {
-        dt.params.idx.status = stats.indices[dt.idxName].status;
-    }
-};
-
-const removeDataTab = (targetName: string) => {
-    const tabNames = Object.keys(state.dataTabs);
-    let activeName = state.activeName;
-    tabNames.forEach((name, index) => {
-        if (name === targetName) {
-            const nextTab = tabNames[index + 1] || tabNames[index - 1];
-            if (nextTab) {
-                activeName = nextTab;
-            }
-        }
-    });
-    state.activeName = activeName;
-    delete state.dataTabs[targetName];
-};
-
-const getNowDataTab = () => {
-    return state.dataTabs[state.activeName];
-};
-
-const getHealthTagType = (health: string) => {
-    return health == 'green' ? 'success' : health == 'yellow' ? 'warning' : 'danger';
-};
-</script>
-
-<style lang="scss">
-#es-op-tabs {
-    .el-tabs {
-        --el-tabs-header-height: 30px;
-        .el-tabs__header {
-            margin: 0 0 5px;
-            .el-tabs__item {
-                padding: 0 5px;
-            }
-        }
-    }
-}
-
-.es-table-data {
-    .es-table {
-        border-left: var(--el-table-border);
-        border-top: var(--el-table-border);
-    }
-
-    .es-table-column {
-        padding: 0 2px;
-        font-size: 12px;
-        border-right: var(--el-table-border);
-    }
-
-    .header-column-title {
-        height: 30px;
-        display: flex;
-        justify-content: center;
-    }
-
-    .table-data-cell {
-        width: 100%;
-        height: 100%;
-        line-height: 30px;
-        cursor: pointer;
-    }
-
-    .data-selection {
-        background-color: var(--el-table-current-row-bg-color);
-    }
-
-    .update_field_active {
-        background-color: var(--el-color-success-light-3);
-    }
-
-    .column-type {
-        color: var(--el-color-info-light-3);
-        font-weight: bold;
-        position: absolute;
-        top: -7px;
-        padding: 2px;
-    }
-
-    .column-right {
-        position: absolute;
-        top: 2px;
-        right: 0;
-        padding: 2px;
-    }
-    .el-table-v2__overlay {
-        z-index: 1;
-    }
-}
-
-.el-drawer__header {
-    padding: 0 15px !important;
-    height: 50px;
-    display: flex;
-    align-items: center;
-    margin-bottom: 0 !important;
-    border-bottom: 1px solid var(--el-border-color);
-}
-</style>
diff --git a/frontend/src/views/ops/machine/ScriptManage.vue b/frontend/src/views/ops/machine/ScriptManage.vue
index 0d89f99c..11860ebe 100644
--- a/frontend/src/views/ops/machine/ScriptManage.vue
+++ b/frontend/src/views/ops/machine/ScriptManage.vue
@@ -7,7 +7,7 @@
             :destroy-on-close="true"
             :show-close="true"
             :before-close="handleClose"
-            width="55%"
+            width="60%"
         >
             <page-table
                 ref="pageTableRef"
diff --git a/frontend/src/views/ops/redis/resource/index.ts b/frontend/src/views/ops/redis/resource/index.ts
index 0978f99b..8692afb5 100644
--- a/frontend/src/views/ops/redis/resource/index.ts
+++ b/frontend/src/views/ops/redis/resource/index.ts
@@ -43,7 +43,7 @@ const NodeTypeRedis = new NodeType(2).withLoadNodesFunc(async (parentNode: TagTr
     const redisInfo = parentNode.params;
 
     let dbs: TagTreeNode[] = redisInfo.db.split(',').map((x: string) => {
-        return TagTreeNode.new(parentNode, x, `db${x}`, NodeTypeDb)
+        return TagTreeNode.new(parentNode, `${parentNode.key}.${x}`, `db${x}`, NodeTypeDb)
             .withIsLeaf(true)
             .withParams({
                 id: redisInfo.id,
diff --git a/frontend/src/views/ops/resource/BaseTreeNode.vue b/frontend/src/views/ops/resource/BaseTreeNode.vue
index 8583242c..df80d883 100644
--- a/frontend/src/views/ops/resource/BaseTreeNode.vue
+++ b/frontend/src/views/ops/resource/BaseTreeNode.vue
@@ -41,7 +41,7 @@
             </el-dropdown>
         </span>
 
-        <span v-else class="ml-auto pr-1.5 text-[10px] text-gray-400">
+        <span v-else class="ml-auto pr-2 text-[10px] text-gray-400">
             <slot :node="node" :data="data" name="suffix"></slot>
         </span>
     </div>
diff --git a/frontend/src/views/ops/resource/ResourceOp.vue b/frontend/src/views/ops/resource/ResourceOp.vue
index 86003ef0..68573b3b 100644
--- a/frontend/src/views/ops/resource/ResourceOp.vue
+++ b/frontend/src/views/ops/resource/ResourceOp.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="h-full">
-        <ResourceOpPanel @resize="onResizeOpPanel">
-            <template #left>
+        <el-splitter @resize="onResizeOpPanel">
+            <el-splitter-panel size="24%" max="40%">
                 <el-card class="h-full flex tag-tree-card" body-class="!p-0 flex flex-col w-full">
                     <div class="tag-tree-header flex flex-row justify-between items-center">
                         <el-input v-model="filterText" :placeholder="$t('tag.tagFilterPlaceholder')" clearable size="small" class="tag-tree-search w-full">
@@ -19,7 +19,7 @@
                                         <el-dropdown-item
                                             :command="{ name }"
                                             v-for="(compConf, name) in resourceComponents"
-                                            :disabled="name == activeResourceComp"
+                                            :disabled="name == activeResourceCompName"
                                         >
                                             <SvgIcon v-if="compConf.icon" :name="compConf.icon.name" :color="compConf.icon.color" />
                                             <div class="ml-1">{{ $t(name) }}</div>
@@ -53,18 +53,18 @@
                         </el-tree>
                     </el-scrollbar>
                 </el-card>
-            </template>
+            </el-splitter-panel>
 
-            <template #right>
+            <el-splitter-panel>
                 <el-card class="h-full" body-class=" h-full !p-1 flex flex-col flex-1">
                     <transition name="slide-x" mode="out-in">
                         <keep-alive>
-                            <component :is="resourceComponents[activeResourceComp]?.component" :key="activeResourceComp" @init="initResourceComp" />
+                            <component :is="resourceComponents[activeResourceCompName]?.component" :key="activeResourceCompName" @init="initResourceComp" />
                         </keep-alive>
                     </transition>
                 </el-card>
-            </template>
-        </ResourceOpPanel>
+            </el-splitter-panel>
+        </el-splitter>
     </div>
 </template>
 
@@ -78,7 +78,6 @@ import EnumValue from '@/common/Enum';
 import { getResourceNodeType, getResourceTypes, ResourceOpCtxKey } from './resource';
 import BaseTreeNode from './BaseTreeNode.vue';
 import { tagApi } from '@/views/ops/tag/api';
-import ResourceOpPanel from '@/views/ops/component/ResourceOpPanel.vue';
 import { TagTreeNode, ResourceComponentConfig, ResourceOpCtx } from '@/views/ops/component/tag';
 import { useI18n } from 'vue-i18n';
 import { useAutoOpenResource } from '@/store/autoOpenResource';
@@ -110,10 +109,14 @@ const emit = defineEmits(['nodeClick', 'currentContextmenuClick']);
 
 const treeRef: any = useTemplateRef('treeRef');
 
-// 存储所有注册的资源组件引用
+// 存储所有注册的资源组件引用，key -> 组件名称
 const resourceComponents = ref<Record<string, ResourceComponentConfig>>({});
-// 当前激活的资源组件
-const activeResourceComp = ref<string>('');
+
+// 存储当前组件对应的最后操作的节点key，用户切换资源操作组件时，定位到相应的树节点
+const resourceComponentsNodeKey = ref<Record<string, string>>({});
+
+// 当前激活（正在操作）的资源组件
+const activeResourceCompName = ref<string>('');
 
 const resourceComponentRefs = ref<Record<string, any>>({});
 
@@ -214,20 +217,26 @@ let lastNodeClickTime = 0;
 
 const treeNodeClick = async (data: any, node: any) => {
     const currentClickNodeTime = Date.now();
+    // 双击节点
     if (currentClickNodeTime - lastNodeClickTime < 300) {
-        treeNodeDblclick(data, node);
-        return;
+        await treeNodeDblclick(data, node);
+    } else {
+        lastNodeClickTime = currentClickNodeTime;
+        if (!data.disabled && !data.type.nodeDblclickFunc && data.type.nodeClickFunc) {
+            emit('nodeClick', data);
+            await data.type.nodeClickFunc(data);
+        }
     }
-    lastNodeClickTime = currentClickNodeTime;
 
-    if (!data.disabled && !data.type.nodeDblclickFunc && data.type.nodeClickFunc) {
-        emit('nodeClick', data);
-        await data.type.nodeClickFunc(data);
-    }
+    setTimeout(() => {
+        if (activeResourceCompName.value) {
+            resourceComponentsNodeKey.value[activeResourceCompName.value] = data.key;
+        }
+    }, 500);
 };
 
 // 树节点双击事件
-const treeNodeDblclick = (data: any, node: any) => {
+const treeNodeDblclick = async (data: any, node: any) => {
     if (node.expanded) {
         node.collapse();
     } else {
@@ -235,7 +244,7 @@ const treeNodeDblclick = (data: any, node: any) => {
     }
 
     if (!data.disabled && data.type.nodeDblclickFunc) {
-        data.type.nodeDblclickFunc(data);
+        await data.type.nodeDblclickFunc(data);
     }
 };
 
@@ -248,7 +257,6 @@ const initResourceComp = (val: any) => {
 };
 
 const addResourceComponent = async (componentConf: ResourceComponentConfig) => {
-    console.log(componentConf);
     const compName = componentConf.name;
 
     if (!resourceComponents.value[compName]) {
@@ -259,7 +267,7 @@ const addResourceComponent = async (componentConf: ResourceComponentConfig) => {
         };
     }
 
-    activeResourceComp.value = compName;
+    activeResourceCompName.value = compName;
 
     // 使用一个 Promise 来确保组件引用已经被设置
     return new Promise((resolve) => {
@@ -279,7 +287,11 @@ const addResourceComponent = async (componentConf: ResourceComponentConfig) => {
 };
 
 const changeResourceOp = (data: any) => {
-    activeResourceComp.value = data.name;
+    const compName = data.name;
+    activeResourceCompName.value = compName;
+    if (resourceComponentsNodeKey.value[compName]) {
+        setCurrentKey(resourceComponentsNodeKey.value[compName]);
+    }
 };
 
 const reloadNode = (nodeKey: any) => {
diff --git a/frontend/src/views/ops/tag/TagTreeList.vue b/frontend/src/views/ops/tag/TagTreeList.vue
index 6bf33d66..b1c2e94b 100644
--- a/frontend/src/views/ops/tag/TagTreeList.vue
+++ b/frontend/src/views/ops/tag/TagTreeList.vue
@@ -1,7 +1,7 @@
 <template>
     <div class="tag-tree-list card !p-2 h-full flex">
         <el-splitter>
-            <el-splitter-panel size="25%" max="35%" class="flex flex-col flex-1">
+            <el-splitter-panel size="24%" max="35%" class="flex flex-col flex-1">
                 <div class="card !p-1 !mr-1 flex flex-row items-center justify-between overflow-hidden">
                     <el-input v-model="filterTag" clearable :placeholder="$t('tag.nameFilterPlaceholder')" class="mr-2" />
                     <el-button
@@ -502,7 +502,7 @@ const removeDeafultExpandId = (id: any) => {
     }
 };
 </script>
-<style lang="scss">
+<style lang="scss" scoped>
 .tag-tree-list {
     .tag-tree-data {
         // .el-tree-node__content {
diff --git a/server/go.mod b/server/go.mod
index 4f7cdc8f..d07b550d 100644
--- a/server/go.mod
+++ b/server/go.mod
@@ -33,7 +33,7 @@ require (
 	github.com/stretchr/testify v1.10.0
 	github.com/tidwall/gjson v1.18.0
 	github.com/veops/go-ansiterm v0.0.5
-	go.mongodb.org/mongo-driver/v2 v2.2.2 // mongo
+	go.mongodb.org/mongo-driver/v2 v2.3.0 // mongo
 	golang.org/x/crypto v0.41.0 // ssh
 	golang.org/x/oauth2 v0.30.0
 	golang.org/x/sync v0.16.0
@@ -41,7 +41,7 @@ require (
 	gopkg.in/yaml.v3 v3.0.1
 	// gorm
 	gorm.io/driver/mysql v1.6.0
-	gorm.io/gorm v1.30.2
+	gorm.io/gorm v1.30.3
 )
 
 require (
diff --git a/server/internal/docker/api/api.go b/server/internal/docker/api/api.go
index ecfdc95a..bd759982 100644
--- a/server/internal/docker/api/api.go
+++ b/server/internal/docker/api/api.go
@@ -3,6 +3,7 @@ package api
 import "mayfly-go/pkg/ioc"
 
 func InitIoc() {
+	ioc.Register(new(ContainerConf))
 	ioc.Register(new(Docker))
 	ioc.Register(new(Container))
 	ioc.Register(new(Image))
diff --git a/server/internal/docker/api/container.go b/server/internal/docker/api/container.go
index 75f34606..c9959304 100644
--- a/server/internal/docker/api/container.go
+++ b/server/internal/docker/api/container.go
@@ -6,7 +6,6 @@ import (
 	"io"
 	"mayfly-go/internal/docker/api/form"
 	"mayfly-go/internal/docker/api/vo"
-	"mayfly-go/internal/docker/dkm"
 	"mayfly-go/internal/docker/imsg"
 	"mayfly-go/pkg/biz"
 	"mayfly-go/pkg/errorx"
@@ -52,12 +51,11 @@ func (d *Container) ReqConfs() *req.Confs {
 		req.NewGet("/logs", d.ContainerLogs).NoRes(),
 	}
 
-	return req.NewConfs("docker/containers", reqs[:]...)
+	return req.NewConfs("docker/:id/containers", reqs[:]...)
 }
 
 func (d *Container) GetContainers(rc *req.Ctx) {
-	cli, err := dkm.GetCli(rc.Query("host"))
-	biz.ErrIsNil(err)
+	cli := GetCli(rc)
 	cs, err := cli.ContainerList()
 	biz.ErrIsNil(err)
 
@@ -89,8 +87,7 @@ func (d *Container) GetContainers(rc *req.Ctx) {
 }
 
 func (d *Container) GetContainersStats(rc *req.Ctx) {
-	cli, err := dkm.GetCli(rc.Query("host"))
-	biz.ErrIsNil(err)
+	cli := GetCli(rc)
 	cs, err := cli.ContainerList()
 	biz.ErrIsNil(err)
 
@@ -141,8 +138,7 @@ func (d *Container) ContainerCreate(rc *req.Ctx) {
 
 	rc.ReqParam = containerCreate
 
-	cli, err := dkm.GetCli(containerCreate.Host)
-	biz.ErrIsNil(err)
+	cli := GetCli(rc)
 
 	config, hostConfig, networkConfig, err := loadConfigInfo(true, containerCreate, nil)
 	biz.ErrIsNil(err)
@@ -167,36 +163,30 @@ func (d *Container) ContainerStop(rc *req.Ctx) {
 	containerOp := &form.ContainerOp{}
 	biz.ErrIsNil(rc.BindJSON(containerOp))
 
-	rc.ReqParam = collx.Kvs("host", containerOp.Host, "containerId", containerOp.ContainerId)
+	cli := GetCli(rc)
+	rc.ReqParam = collx.Kvs("addr", cli.Server.Addr, "containerId", containerOp.ContainerId)
 
-	cli, err := dkm.GetCli(containerOp.Host)
-	biz.ErrIsNil(err)
-	err = cli.ContainerStop(containerOp.ContainerId)
-	biz.ErrIsNil(err)
+	biz.ErrIsNil(cli.ContainerStop(containerOp.ContainerId))
 }
 
 func (d *Container) ContainerRemove(rc *req.Ctx) {
 	containerOp := &form.ContainerOp{}
 	biz.ErrIsNil(rc.BindJSON(containerOp))
 
-	rc.ReqParam = collx.Kvs("host", containerOp.Host, "containerId", containerOp.ContainerId)
+	cli := GetCli(rc)
+	rc.ReqParam = collx.Kvs("addr", cli.Server.Addr, "containerId", containerOp.ContainerId)
 
-	cli, err := dkm.GetCli(containerOp.Host)
-	biz.ErrIsNil(err)
-	err = cli.ContainerRemove(containerOp.ContainerId)
-	biz.ErrIsNil(err)
+	biz.ErrIsNil(cli.ContainerRemove(containerOp.ContainerId))
 }
 
 func (d *Container) ContainerRestart(rc *req.Ctx) {
 	containerOp := &form.ContainerOp{}
 	biz.ErrIsNil(rc.BindJSON(containerOp))
 
-	rc.ReqParam = collx.Kvs("host", containerOp.Host, "containerId", containerOp.ContainerId)
+	cli := GetCli(rc)
+	rc.ReqParam = collx.Kvs("addr", cli.Server.Addr, "containerId", containerOp.ContainerId)
 
-	cli, err := dkm.GetCli(containerOp.Host)
-	biz.ErrIsNil(err)
-	err = cli.ContainerRestart(containerOp.ContainerId)
-	biz.ErrIsNil(err)
+	biz.ErrIsNil(cli.ContainerRestart(containerOp.ContainerId))
 }
 
 func (d *Container) ContainerLogs(rc *req.Ctx) {
@@ -211,9 +201,7 @@ func (d *Container) ContainerLogs(rc *req.Ctx) {
 	}()
 	biz.ErrIsNilAppendErr(err, "Upgrade websocket fail: %s")
 
-	cli, err := dkm.GetCli(rc.Query("host"))
-	biz.ErrIsNil(err)
-
+	cli := GetCli(rc)
 	ctx, cancel := context.WithCancel(rc.MetaCtx)
 	defer cancel()
 
@@ -288,9 +276,7 @@ func (d *Container) ContainerExecAttach(rc *req.Ctx) {
 	biz.ErrIsNilAppendErr(err, "Upgrade websocket fail: %s")
 	wsConn.WriteMessage(websocket.TextMessage, []byte("Connecting to container..."))
 
-	cli, err := dkm.GetCli(rc.Query("host"))
-	biz.ErrIsNil(err)
-
+	cli := GetCli(rc)
 	cols := rc.QueryIntDefault("cols", 80)
 	rows := rc.QueryIntDefault("rows", 32)
 
@@ -311,9 +297,7 @@ func (d *Container) ContainerProxy(rc *req.Ctx) {
 	containerID := pathParts[2]
 	remainingPath := strings.Join(pathParts[3:], "/")
 
-	cli, err := dkm.GetCli(rc.Query("host"))
-	biz.ErrIsNil(err)
-
+	cli := GetCli(rc)
 	ctx := rc.MetaCtx
 	containerJSON, err := cli.DockerClient.ContainerInspect(ctx, containerID)
 	biz.ErrIsNil(err)
diff --git a/server/internal/docker/api/container_conf.go b/server/internal/docker/api/container_conf.go
new file mode 100644
index 00000000..f469b332
--- /dev/null
+++ b/server/internal/docker/api/container_conf.go
@@ -0,0 +1,96 @@
+package api
+
+import (
+	"mayfly-go/internal/docker/api/form"
+	"mayfly-go/internal/docker/api/vo"
+	"mayfly-go/internal/docker/application"
+	"mayfly-go/internal/docker/application/dto"
+	"mayfly-go/internal/docker/dkm"
+	"mayfly-go/internal/docker/domain/entity"
+	"mayfly-go/internal/pkg/consts"
+	tagapp "mayfly-go/internal/tag/application"
+	tagentity "mayfly-go/internal/tag/domain/entity"
+	"mayfly-go/pkg/biz"
+	"mayfly-go/pkg/model"
+	"mayfly-go/pkg/req"
+	"mayfly-go/pkg/utils/collx"
+	"strings"
+
+	"github.com/spf13/cast"
+)
+
+type ContainerConf struct {
+	containerApp application.Container `inject:"T"`
+	tagTreeApp   tagapp.TagTree        `inject:"T"`
+}
+
+func (cc *ContainerConf) ReqConfs() *req.Confs {
+	reqs := [...]*req.Conf{
+		req.NewGet("/page", cc.GetContainerPage),
+		req.NewPost("/save", cc.Save),
+		req.NewDelete("/del/:ids", cc.Delete),
+	}
+
+	return req.NewConfs("docker/container-conf", reqs[:]...)
+}
+
+func (cc *ContainerConf) GetContainerPage(rc *req.Ctx) {
+	condition := req.BindQuery[*entity.ContainerQuery](rc)
+
+	tags := cc.tagTreeApp.GetAccountTags(rc.GetLoginAccount().Id, &tagentity.TagTreeQuery{
+		TypePaths:     collx.AsArray(tagentity.NewTypePaths(tagentity.TagTypeContainer)),
+		CodePathLikes: collx.AsArray(condition.TagPath),
+	})
+	// 不存在，即没有可操作数据
+	if len(tags) == 0 {
+		rc.ResData = model.NewEmptyPageResult[any]()
+		return
+	}
+
+	tagCodePaths := tags.GetCodePaths()
+	containerCodes := tagentity.GetCodesByCodePaths(tagentity.TagTypeContainer, tagCodePaths...)
+	condition.Codes = collx.ArrayDeduplicate(containerCodes)
+
+	res, err := cc.containerApp.GetContainerPage(condition)
+	biz.ErrIsNil(err)
+	if res.Total == 0 {
+		rc.ResData = res
+		return
+	}
+
+	resVo := model.PageResultConv[*entity.Container, *vo.ContainerConf](res)
+	containerVos := resVo.List
+	cc.tagTreeApp.FillTagInfo(tagentity.TagType(consts.ResourceTypeContainer), collx.ArrayMap(containerVos, func(cvo *vo.ContainerConf) tagentity.ITagResource {
+		return cvo
+	})...)
+
+	rc.ResData = resVo
+}
+
+func (c *ContainerConf) Save(rc *req.Ctx) {
+	machineForm, container := req.BindJsonAndCopyTo[*form.ContainerSave, *entity.Container](rc)
+	rc.ReqParam = machineForm
+
+	biz.ErrIsNil(c.containerApp.SaveContainer(rc.MetaCtx, &dto.SaveContainer{
+		Container:    container,
+		TagCodePaths: machineForm.TagCodePaths,
+	}))
+}
+
+func (c *ContainerConf) Delete(rc *req.Ctx) {
+	idsStr := rc.PathParam("ids")
+	rc.ReqParam = idsStr
+	ids := strings.Split(idsStr, ",")
+
+	for _, v := range ids {
+		biz.ErrIsNil(c.containerApp.DeleteContainer(rc.MetaCtx, cast.ToUint64(v)))
+	}
+}
+
+func GetCli(rc *req.Ctx) *dkm.Client {
+	id := rc.PathParamInt("id")
+	biz.IsTrue(id > 0, "id error")
+	cli, err := application.GetContainerApp().GetContainerCli(rc.MetaCtx, uint64(id))
+	biz.ErrIsNil(err)
+	return cli
+}
diff --git a/server/internal/docker/api/docker.go b/server/internal/docker/api/docker.go
index 88dbb1c0..0f1045ac 100644
--- a/server/internal/docker/api/docker.go
+++ b/server/internal/docker/api/docker.go
@@ -1,7 +1,6 @@
 package api
 
 import (
-	"mayfly-go/internal/docker/dkm"
 	"mayfly-go/pkg/biz"
 	"mayfly-go/pkg/req"
 )
@@ -14,13 +13,11 @@ func (d *Docker) ReqConfs() *req.Confs {
 		req.NewGet("/info", d.GetDockerInfo),
 	}
 
-	return req.NewConfs("docker", reqs[:]...)
+	return req.NewConfs("docker/:id", reqs[:]...)
 }
 
 func (d *Docker) GetDockerInfo(rc *req.Ctx) {
-	host := rc.Query("host")
-	cli, err := dkm.GetCli(host)
-	biz.ErrIsNil(err)
+	cli := GetCli(rc)
 	info, err := cli.DockerClient.Info(rc.MetaCtx)
 	biz.ErrIsNil(err)
 	rc.ResData = info
diff --git a/server/internal/docker/api/form/container.go b/server/internal/docker/api/form/container.go
index 2c67035f..a79e1559 100644
--- a/server/internal/docker/api/form/container.go
+++ b/server/internal/docker/api/form/container.go
@@ -1,12 +1,22 @@
 package form
 
+import "mayfly-go/pkg/model"
+
+type ContainerSave struct {
+	model.ExtraData
+
+	Id           uint64   `json:"id"`
+	Addr         string   `json:"addr" binding:"required"`
+	Name         string   `json:"name" binding:"required"`
+	Remark       string   `json:"remark"`
+	TagCodePaths []string `json:"tagCodePaths" binding:"required"`
+}
+
 type ContainerOp struct {
-	Host        string `json:"host"`
 	ContainerId string `json:"containerId" binding:"required"`
 }
 
 type ContainerCreate struct {
-	Host          string          `json:"host" binding:"required"`
 	ContainerID   string          `json:"containerId"`
 	Name          string          `json:"name" validate:"required"`
 	Image         string          `json:"image" validate:"required"`
diff --git a/server/internal/docker/api/form/image.go b/server/internal/docker/api/form/image.go
index 92f8bf7d..13918ab5 100644
--- a/server/internal/docker/api/form/image.go
+++ b/server/internal/docker/api/form/image.go
@@ -1,6 +1,5 @@
 package form
 
 type ImageOp struct {
-	Host    string `json:"host" binding:"required"`
 	ImageId string `json:"imageId" binding:"required"`
 }
diff --git a/server/internal/docker/api/image.go b/server/internal/docker/api/image.go
index f0988ab2..a702db0e 100644
--- a/server/internal/docker/api/image.go
+++ b/server/internal/docker/api/image.go
@@ -5,7 +5,6 @@ import (
 	"io"
 	"mayfly-go/internal/docker/api/form"
 	"mayfly-go/internal/docker/api/vo"
-	"mayfly-go/internal/docker/dkm"
 	"mayfly-go/internal/docker/imsg"
 	"mayfly-go/pkg/biz"
 	"mayfly-go/pkg/req"
@@ -32,12 +31,11 @@ func (d *Image) ReqConfs() *req.Confs {
 		req.NewPost("/load", d.ImageLoad).Log(req.NewLogSaveI(imsg.LogDockerImageLoad)),
 	}
 
-	return req.NewConfs("docker/images", reqs[:]...)
+	return req.NewConfs("docker/:id/images", reqs[:]...)
 }
 
 func (d *Image) GetImages(rc *req.Ctx) {
-	cli, err := dkm.GetCli(rc.Query("host"))
-	biz.ErrIsNil(err)
+	cli := GetCli(rc)
 	is, err := cli.ImageList()
 	biz.ErrIsNil(err)
 
@@ -62,18 +60,12 @@ func (d *Image) ImageRemove(rc *req.Ctx) {
 	imageOp := &form.ImageOp{}
 	biz.ErrIsNil(rc.BindJSON(imageOp))
 
-	rc.ReqParam = collx.Kvs("host", imageOp.Host, "imageId", imageOp.ImageId)
-	cli, err := dkm.GetCli(imageOp.Host)
-	biz.ErrIsNil(err)
-	err = cli.ImageRemove(imageOp.ImageId)
-	biz.ErrIsNil(err)
+	rc.ReqParam = collx.Kvs("imageId", imageOp.ImageId)
+	cli := GetCli(rc)
+	biz.ErrIsNil(cli.ImageRemove(imageOp.ImageId))
 }
 
 func (d *Image) ImageLoad(rc *req.Ctx) {
-	host := rc.PostForm("host")
-	biz.NotEmpty(host, "host cannot be empty")
-	rc.ReqParam = host
-
 	fileheader, err := rc.FormFile("file")
 	biz.ErrIsNilAppendErr(err, "read form file error: %s")
 
@@ -81,8 +73,9 @@ func (d *Image) ImageLoad(rc *req.Ctx) {
 	biz.ErrIsNil(err)
 	defer file.Close()
 
-	cli, err := dkm.GetCli(host)
-	biz.ErrIsNil(err)
+	cli := GetCli(rc)
+	rc.ReqParam = cli.Server
+
 	resp, err := cli.DockerClient.ImageLoad(rc.MetaCtx, file)
 	biz.ErrIsNil(err)
 	defer resp.Body.Close()
@@ -94,14 +87,10 @@ func (d *Image) ImageLoad(rc *req.Ctx) {
 }
 
 func (d *Image) ImageExport(rc *req.Ctx) {
-	host := rc.Query("host")
-	biz.NotEmpty(host, "host cannot be empty")
 	tag := rc.Query("tag")
 	biz.NotEmpty(tag, "tag cannot be empty")
 
-	cli, err := dkm.GetCli(host)
-	biz.ErrIsNil(err)
-
+	cli := GetCli(rc)
 	reader, err := cli.DockerClient.ImageSave(rc.MetaCtx, []string{tag}, client.ImageSaveWithPlatforms())
 	biz.ErrIsNil(err)
 	defer reader.Close()
diff --git a/server/internal/docker/api/vo/container.go b/server/internal/docker/api/vo/container.go
new file mode 100644
index 00000000..7f8dfbc6
--- /dev/null
+++ b/server/internal/docker/api/vo/container.go
@@ -0,0 +1,21 @@
+package vo
+
+import (
+	tagentity "mayfly-go/internal/tag/domain/entity"
+	"mayfly-go/pkg/model"
+)
+
+type ContainerConf struct {
+	model.Model
+	model.ExtraData
+	tagentity.ResourceTags // 标签信息
+
+	Addr   string `json:"addr"`
+	Code   string `json:"code"`
+	Name   string `json:"name"`
+	Remark string `json:"remark"`
+}
+
+func (c *ContainerConf) GetCode() string {
+	return c.Code
+}
diff --git a/server/internal/docker/application/application.go b/server/internal/docker/application/application.go
new file mode 100644
index 00000000..2d0f6acd
--- /dev/null
+++ b/server/internal/docker/application/application.go
@@ -0,0 +1,13 @@
+package application
+
+import (
+	"mayfly-go/pkg/ioc"
+)
+
+func InitIoc() {
+	ioc.Register(new(containerAppImpl), ioc.WithComponentName("ContainerApp"))
+}
+
+func GetContainerApp() Container {
+	return ioc.Get[Container]("ContainerApp")
+}
diff --git a/server/internal/docker/application/container.go b/server/internal/docker/application/container.go
new file mode 100644
index 00000000..8fb11a9a
--- /dev/null
+++ b/server/internal/docker/application/container.go
@@ -0,0 +1,144 @@
+package application
+
+import (
+	"context"
+	"mayfly-go/internal/docker/application/dto"
+	"mayfly-go/internal/docker/dkm"
+	"mayfly-go/internal/docker/domain/entity"
+	"mayfly-go/internal/docker/domain/repository"
+	"mayfly-go/internal/docker/imsg"
+	tagapp "mayfly-go/internal/tag/application"
+	tagdto "mayfly-go/internal/tag/application/dto"
+	tagentity "mayfly-go/internal/tag/domain/entity"
+	"mayfly-go/pkg/base"
+	"mayfly-go/pkg/errorx"
+	"mayfly-go/pkg/model"
+	"mayfly-go/pkg/utils/stringx"
+)
+
+type Container interface {
+	base.App[*entity.Container]
+
+	GetContainerPage(condition *entity.ContainerQuery, orderBy ...string) (*model.PageResult[*entity.Container], error)
+
+	// SaveContainer 保存容器配置信息
+	SaveContainer(context.Context, *dto.SaveContainer) error
+
+	// DeleteContainer 删除容器配置信息
+	DeleteContainer(context.Context, uint64) error
+
+	// GetContaienrCli 获取容器客户端
+	GetContainerCli(context.Context, uint64) (*dkm.Client, error)
+}
+
+type containerAppImpl struct {
+	base.AppImpl[*entity.Container, repository.Container]
+
+	tagApp tagapp.TagTree `inject:"T"`
+}
+
+var _ (Container) = (*containerAppImpl)(nil)
+
+func (c *containerAppImpl) GetContainerPage(condition *entity.ContainerQuery, orderBy ...string) (*model.PageResult[*entity.Container], error) {
+	return c.Repo.GetContainerPage(condition, orderBy...)
+}
+
+func (c *containerAppImpl) SaveContainer(ctx context.Context, saveContainer *dto.SaveContainer) error {
+	container := saveContainer.Container
+	tagCodePaths := saveContainer.TagCodePaths
+	resourceType := tagentity.TagTypeContainer
+
+	oldContainer := &entity.Container{
+		Addr: container.Addr,
+	}
+
+	err := c.GetByCond(oldContainer)
+
+	if container.Id == 0 {
+		if err == nil {
+			return errorx.NewBizI(ctx, imsg.ErrContainerConfExist)
+		}
+
+		// 生成随机编号
+		container.Code = stringx.Rand(10)
+
+		return c.Tx(ctx, func(ctx context.Context) error {
+			if err := c.Insert(ctx, container); err != nil {
+				return err
+			}
+
+			return c.tagApp.SaveResourceTag(ctx, &tagdto.SaveResourceTag{
+				ResourceTag: &tagdto.ResourceTag{
+					Code: container.Code,
+					Name: container.Name,
+					Type: resourceType,
+				},
+				ParentTagCodePaths: tagCodePaths,
+			})
+		})
+	}
+
+	if err == nil && container.Id != oldContainer.Id {
+		return errorx.NewBizI(ctx, imsg.ErrContainerConfExist)
+	}
+	if oldContainer.Code == "" {
+		oldContainer, _ = c.GetById(container.Id)
+	}
+
+	dkm.CloseCli(oldContainer.Id)
+	return c.Tx(ctx, func(ctx context.Context) error {
+		if err := c.UpdateById(ctx, container); err != nil {
+			return err
+		}
+
+		if oldContainer.Name != container.Name {
+			if err := c.tagApp.UpdateTagName(ctx, tagentity.TagTypeMachine, oldContainer.Code, container.Name); err != nil {
+				return err
+			}
+		}
+
+		return c.tagApp.SaveResourceTag(ctx, &tagdto.SaveResourceTag{
+			ResourceTag: &tagdto.ResourceTag{
+				Code: oldContainer.Code,
+				Name: container.Name,
+				Type: resourceType,
+			},
+			ParentTagCodePaths: tagCodePaths,
+		})
+	})
+}
+
+func (c *containerAppImpl) DeleteContainer(ctx context.Context, id uint64) error {
+	container, err := c.GetById(id)
+	if err != nil {
+		return err
+	}
+
+	dkm.CloseCli(id)
+	return c.Tx(ctx, func(ctx context.Context) error {
+		if err := c.DeleteById(ctx, id); err != nil {
+			return err
+		}
+
+		return c.tagApp.SaveResourceTag(ctx, &tagdto.SaveResourceTag{
+			ResourceTag: &tagdto.ResourceTag{
+				Code: container.Code,
+				Type: tagentity.TagTypeContainer,
+			},
+		})
+	})
+
+}
+
+func (c *containerAppImpl) GetContainerCli(ctx context.Context, id uint64) (*dkm.Client, error) {
+	return dkm.GetCli(id, func(u uint64) (*dkm.ContainerServer, error) {
+		containerConf, err := c.GetById(u)
+		if err != nil {
+			return nil, err
+		}
+		return &dkm.ContainerServer{
+			Id:   id,
+			Addr: containerConf.Addr,
+		}, nil
+	})
+}
diff --git a/server/internal/docker/application/dto/container.go b/server/internal/docker/application/dto/container.go
new file mode 100644
index 00000000..c5f4fcaf
--- /dev/null
+++ b/server/internal/docker/application/dto/container.go
@@ -0,0 +1,8 @@
+package dto
+
+import "mayfly-go/internal/docker/domain/entity"
+
+type SaveContainer struct {
+	Container    *entity.Container
+	TagCodePaths []string
+}
diff --git a/server/internal/docker/dkm/client.go b/server/internal/docker/dkm/client.go
index 4675682e..9011ef9c 100644
--- a/server/internal/docker/dkm/client.go
+++ b/server/internal/docker/dkm/client.go
@@ -3,6 +3,7 @@ package dkm
 import (
 	"context"
 	"encoding/json"
+	"fmt"
 	"io"
 	"mayfly-go/internal/machine/mcm"
 	"mayfly-go/pkg/logx"
@@ -26,13 +27,13 @@ const (
 	DefaultServer = "unix:///var/run/docker.sock"
 )
 
-type DockerServer struct {
-	Host string
-
-	Client *client.Client
+type ContainerServer struct {
+	Id   uint64
+	Addr string
 }
 
 type Client struct {
+	Server       *ContainerServer
 	DockerClient *client.Client
 }
 
@@ -46,12 +47,13 @@ func (c *Client) Ping() error {
 }
 
 // GetCli get docker cli
-func GetCli(host string) (*Client, error) {
-	if host == "" {
-		host = DefaultServer
-	}
-	pool, err := poolGroup.GetCachePool(host, func() (*Client, error) {
-		return NewClient(&DockerServer{Host: host})
+func GetCli(id uint64, getContainer func(uint64) (*ContainerServer, error)) (*Client, error) {
+	pool, err := poolGroup.GetCachePool(fmt.Sprintf("%d", id), func() (*Client, error) {
+		containerServer, err := getContainer(id)
+		if err != nil {
+			return nil, err
+		}
+		return NewClient(containerServer)
 	})
 	if err != nil {
 		return nil, err
@@ -59,18 +61,23 @@ func GetCli(host string) (*Client, error) {
 	return pool.Get(context.Background())
 }
 
+func CloseCli(id uint64) error {
+	return poolGroup.Close(fmt.Sprintf("%d", id))
+}
+
 // NewClient new docker client
-func NewClient(server *DockerServer) (*Client, error) {
-	if server.Host == "" {
-		server.Host = DefaultServer
+func NewClient(server *ContainerServer) (*Client, error) {
+	if server.Addr == "" {
+		server.Addr = DefaultServer
 	}
-	cli, err := client.NewClientWithOpts(client.FromEnv, client.WithHost(server.Host), client.WithAPIVersionNegotiation())
+	cli, err := client.NewClientWithOpts(client.FromEnv, client.WithHost(server.Addr), client.WithAPIVersionNegotiation())
 	if err != nil {
 		return nil, err
 	}
 
 	return &Client{
 		DockerClient: cli,
+		Server:       server,
 	}, nil
 }
 
diff --git a/server/internal/docker/domain/entity/contrainer.go b/server/internal/docker/domain/entity/contrainer.go
new file mode 100644
index 00000000..5ef114dd
--- /dev/null
+++ b/server/internal/docker/domain/entity/contrainer.go
@@ -0,0 +1,14 @@
+package entity
+
+import "mayfly-go/pkg/model"
+
+// 容器配置
+type Container struct {
+	model.Model
+	model.ExtraData
+
+	Code   string `json:"code" gorm:"size:32;comment:code"`        // code
+	Name   string `json:"name" gorm:"size:32"`                     // 名称
+	Addr   string `json:"addr" gorm:"size:64;not null;comment:地址"` // 地址
+	Remark string `json:"remark" gorm:"comment:备注"`                // 备注
+}
diff --git a/server/internal/docker/domain/entity/query.go b/server/internal/docker/domain/entity/query.go
new file mode 100644
index 00000000..43b668cf
--- /dev/null
+++ b/server/internal/docker/domain/entity/query.go
@@ -0,0 +1,16 @@
+package entity
+
+import "mayfly-go/pkg/model"
+
+type ContainerQuery struct {
+	model.PageParam
+
+	Id      uint64 `json:"id" form:"id"`
+	Code    string `json:"code" form:"code"`
+	Name    string `json:"name" form:"name"`
+	Addr    string `json:"addr" form:"addr"`
+	TagPath string `json:"tagPath" form:"tagPath"`
+
+	Keyword string `json:"keyword" form:"keyword"`
+	Codes   []string
+}
diff --git a/server/internal/docker/domain/repository/container.go b/server/internal/docker/domain/repository/container.go
new file mode 100644
index 00000000..1265f15e
--- /dev/null
+++ b/server/internal/docker/domain/repository/container.go
@@ -0,0 +1,14 @@
+package repository
+
+import (
+	"mayfly-go/internal/docker/domain/entity"
+	"mayfly-go/pkg/base"
+	"mayfly-go/pkg/model"
+)
+
+type Container interface {
+	base.Repo[*entity.Container]
+
+	// 分页获取容器配置列表
+	GetContainerPage(condition *entity.ContainerQuery, orderBy ...string) (*model.PageResult[*entity.Container], error)
+}
diff --git a/server/internal/docker/imsg/en.go b/server/internal/docker/imsg/en.go
index 9d4fdada..aa8810b3 100644
--- a/server/internal/docker/imsg/en.go
+++ b/server/internal/docker/imsg/en.go
@@ -5,4 +5,11 @@ import "mayfly-go/pkg/i18n"
 var En = map[i18n.MsgId]string{
 	LogDockerContainerStop:    "Container - Stop",
 	LogDockerContainerRestart: "Container - Restart",
+	LogDockerContainerRemove:  "Container - Remove",
+	LogDockerContainerCreate:  "Container - Create",
+
+	LogDockerImageRemove: "Image - Remove",
+	LogDockerImageLoad:   "Image - Load",
+
+	ErrContainerConfExist: "Container conf already exists",
 }
diff --git a/server/internal/docker/imsg/imsg.go b/server/internal/docker/imsg/imsg.go
index 26bd135a..a7f1e58f 100644
--- a/server/internal/docker/imsg/imsg.go
+++ b/server/internal/docker/imsg/imsg.go
@@ -18,4 +18,6 @@ const (
 
 	LogDockerImageRemove
 	LogDockerImageLoad
+
+	ErrContainerConfExist
 )
diff --git a/server/internal/docker/imsg/zh_cn.go b/server/internal/docker/imsg/zh_cn.go
index 71e5471e..19be895e 100644
--- a/server/internal/docker/imsg/zh_cn.go
+++ b/server/internal/docker/imsg/zh_cn.go
@@ -10,4 +10,6 @@ var Zh_CN = map[i18n.MsgId]string{
 
 	LogDockerImageRemove: "镜像-删除",
 	LogDockerImageLoad:   "镜像-导入",
+
+	ErrContainerConfExist: "容器配置已存在",
 }
diff --git a/server/internal/docker/infra/persistence/container.go b/server/internal/docker/infra/persistence/container.go
new file mode 100644
index 00000000..e2f855a8
--- /dev/null
+++ b/server/internal/docker/infra/persistence/container.go
@@ -0,0 +1,33 @@
+package persistence
+
+import (
+	"mayfly-go/internal/docker/domain/entity"
+	"mayfly-go/internal/docker/domain/repository"
+	"mayfly-go/pkg/base"
+	"mayfly-go/pkg/model"
+)
+
+type containerRepoImpl struct {
+	base.RepoImpl[*entity.Container]
+}
+
+func newContainerRepo() repository.Container {
+	return &containerRepoImpl{}
+}
+
+func (m *containerRepoImpl) GetContainerPage(condition *entity.ContainerQuery, orderBy ...string) (*model.PageResult[*entity.Container], error) {
+	qd := model.NewCond().
+		Eq("id", condition.Id).
+		Like("addr", condition.Addr).
+		Like("name", condition.Name).
+		In("code", condition.Codes).
+		Eq("code", condition.Code)
+
+	keyword := condition.Keyword
+	if keyword != "" {
+		keyword = "%" + keyword + "%"
+		qd.And("addr like ? or name like ? or code like ?", keyword, keyword, keyword)
+	}
+
+	return m.PageByCond(qd, condition.PageParam)
+}
diff --git a/server/internal/docker/infra/persistence/persistence.go b/server/internal/docker/infra/persistence/persistence.go
new file mode 100644
index 00000000..dd3c24e5
--- /dev/null
+++ b/server/internal/docker/infra/persistence/persistence.go
@@ -0,0 +1,9 @@
+package persistence
+
+import (
+	"mayfly-go/pkg/ioc"
+)
+
+func InitIoc() {
+	ioc.Register(newContainerRepo(), ioc.WithComponentName("ContainerRepo"))
+}
diff --git a/server/internal/docker/init/init.go b/server/internal/docker/init/init.go
index 24ebc8eb..46566eed 100644
--- a/server/internal/docker/init/init.go
+++ b/server/internal/docker/init/init.go
@@ -1,7 +1,16 @@
 package init
 
-import "mayfly-go/internal/docker/api"
+import (
+	"mayfly-go/initialize"
+	"mayfly-go/internal/docker/api"
+	"mayfly-go/internal/docker/application"
+	"mayfly-go/internal/docker/infra/persistence"
+)
 
 func init() {
-	api.InitIoc()
+	initialize.AddInitIocFunc(func() {
+		persistence.InitIoc()
+		application.InitIoc()
+		api.InitIoc()
+	})
 }
diff --git a/server/internal/pkg/config/app.go b/server/internal/pkg/config/app.go
index ad7b3a27..f99af1d0 100644
--- a/server/internal/pkg/config/app.go
+++ b/server/internal/pkg/config/app.go
@@ -4,7 +4,7 @@ import "fmt"
 
 const (
 	AppName = "mayfly-go"
-	Version = "v1.10.2"
+	Version = "v1.10.3"
 )
 
 func GetAppInfo() string {
diff --git a/server/internal/pkg/consts/consts.go b/server/internal/pkg/consts/consts.go
index 9d9522a2..e93ab543 100644
--- a/server/internal/pkg/consts/consts.go
+++ b/server/internal/pkg/consts/consts.go
@@ -9,6 +9,7 @@ const (
 	ResourceTypeMongo      int8 = 4
 	ResourceTypeAuthCert   int8 = 5
 	ResourceTypeEsInstance int8 = 6
+	ResourceTypeContainer  int8 = 7
 
 	// imsg起始编号
 	ImsgNumSys     = 10000
diff --git a/server/internal/tag/api/tag_tree.go b/server/internal/tag/api/tag_tree.go
index ee1a0367..27992d81 100644
--- a/server/internal/tag/api/tag_tree.go
+++ b/server/internal/tag/api/tag_tree.go
@@ -183,6 +183,10 @@ func (p *TagTree) CountTagResource(rc *req.Ctx) {
 			Types:         collx.AsArray(entity.TagTypeMongo),
 			CodePathLikes: collx.AsArray(tagPath),
 		}).GetCodes()),
+		"container": len(p.tagTreeApp.GetAccountTags(accountId, &entity.TagTreeQuery{
+			Types:         collx.AsArray(entity.TagTypeContainer),
+			CodePathLikes: collx.AsArray(tagPath),
+		}).GetCodes()),
 	}
 }
 
diff --git a/server/internal/tag/domain/entity/tag_tree.go b/server/internal/tag/domain/entity/tag_tree.go
index e28b18dd..4077e254 100644
--- a/server/internal/tag/domain/entity/tag_tree.go
+++ b/server/internal/tag/domain/entity/tag_tree.go
@@ -36,6 +36,7 @@ const (
 	TagTypeRedis      TagType = TagType(consts.ResourceTypeRedis)
 	TagTypeMongo      TagType = TagType(consts.ResourceTypeMongo)
 	TagTypeAuthCert   TagType = TagType(consts.ResourceTypeAuthCert) // 授权凭证类型
+	TagTypeContainer  TagType = TagType(consts.ResourceTypeContainer)
 
 	TagTypeDb TagType = 22 // 数据库名
 )
diff --git a/server/migration/migrations/v1_10.go b/server/migration/migrations/v1_10.go
index e36978ee..25e92670 100644
--- a/server/migration/migrations/v1_10.go
+++ b/server/migration/migrations/v1_10.go
@@ -1,6 +1,7 @@
 package migrations
 
 import (
+	dockerentity "mayfly-go/internal/docker/domain/entity"
 	esentity "mayfly-go/internal/es/domain/entity"
 	flowentity "mayfly-go/internal/flow/domain/entity"
 	machineentity "mayfly-go/internal/machine/domain/entity"
@@ -18,6 +19,7 @@ func V1_10() []*gormigrate.Migration {
 	migrations = append(migrations, V1_10_0()...)
 	migrations = append(migrations, V1_10_1()...)
 	migrations = append(migrations, V1_10_2()...)
+	migrations = append(migrations, V1_10_3()...)
 	return migrations
 }
 
@@ -273,3 +275,54 @@ func V1_10_2() []*gormigrate.Migration {
 		},
 	}
 }
+
+func V1_10_3() []*gormigrate.Migration {
+	return []*gormigrate.Migration{
+		{
+			ID: "20250904-v1.10.3",
+			Migrate: func(tx *gorm.DB) error {
+				tx.AutoMigrate(&dockerentity.Container{})
+
+				// 删除容器菜单
+				tx.Exec("update t_sys_resource set is_deleted = 1 where code = '/container'")
+
+				// 新增容器管理基本权限
+				tx.Exec("INSERT INTO t_sys_resource (id, pid, ui_path, type, status, name, code, weight, meta, creator_id, creator, modifier_id, modifier, create_time, update_time, is_deleted, delete_time) VALUES (1757145306, 94, 'Tag3fhad/glxajg23/Bbrte5UH/', 2, 1, 'menu.containerManageBase', 'container', 1757145306, 'null', 1, 'admin', 1, 'admin', '2025-09-06 15:55:06', '2025-09-06 15:56:10', 0, NULL)")
+
+				// 机器列表相关菜单权限
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/Alw1Xkq3/', pid=1756122788 where ui_path = 'Tag3fhad/glxajg23/Alw1Xkq3/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/Lsew24Kx/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/Lsew24Kx/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/Keiqkx4L/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/Keiqkx4L/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/Keal2Xke/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/Keal2Xke/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/Ihfs2xaw/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/Ihfs2xaw/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/3ldkxJDx/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/3ldkxJDx/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/Ljewix43/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/Ljewix43/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/L12wix43/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/L12wix43/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/Ljewisd3/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/Ljewisd3/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/Ljeew43/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/Ljeew43/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/ODewix43/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/ODewix43/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/LIEwix43/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/LIEwix43/'")
+
+				// redis
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/IUlxia23/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/IUlxia23/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/Gxlagheg/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/Gxlagheg/'")
+
+				// db
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/TGFPA3Ez/', pid=1756122788 where ui_path = 'Tag3fhad/glxajg23/TGFPA3Ez/'")
+
+				// es
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/SQNFhhhn/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/SQNFhhhn/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/XAgy5Uvp/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/XAgy5Uvp/'")
+
+				// mongo
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/xvpKk36u/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/xvpKk36u/'")
+				tx.Exec("Update t_sys_resource set ui_path='ocdrUNaa/3sblw1Wb/', pid=1756122788  where ui_path = 'Tag3fhad/glxajg23/3sblw1Wb/'")
+
+				return nil
+			},
+			Rollback: func(tx *gorm.DB) error {
+				return nil
+			},
+		},
+	}
+}