feat: 容器操作优化等

2025-11-01 23:10:26 +08:00 · 2025-09-06 21:32:48 +08:00
parent 25195b6360
commit 66d5fd6ca4
64 changed files with 1208 additions and 1856 deletions
--- 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 "屏幕截图")
--- 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 "屏幕截图")
--- 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",
--- 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' }),
 };
--- 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;
--- 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;
        }
--- 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,
    },
--- 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({
--- 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',
--- 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',
--- 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',
--- 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正在执行, 请使用新标签执行',
--- 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: '运行中',
--- 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: '我的流程',
--- 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: {
--- a/frontend/src/views/ops/component/ResourceOpPanel.vue
+++ b/frontend/src/views/ops/component/ResourceOpPanel.vue
@@ -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>
--- a/frontend/src/views/ops/component/TagTree.vue
+++ b/frontend/src/views/ops/component/TagTree.vue
@@ -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>
--- 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);
--- 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;
--- a/frontend/src/views/ops/db/resource/NodeDb.vue
+++ 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>
--- 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>
--- 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,
--- a/frontend/src/views/ops/docker/ContainerConfList.vue
+++ 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>
--- a/frontend/src/views/ops/docker/CotainerConfEdit.vue
+++ 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>
--- 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}`;
 }
--- 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) => {
--- 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;
--- 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 = () => {
--- 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();
 };

--- a/frontend/src/views/ops/docker/resource/ContainerOp.vue
+++ 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>
--- a/frontend/src/views/ops/docker/resource/index.ts
+++ 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;
--- a/frontend/src/views/ops/es/EsOperation.vue
+++ b/frontend/src/views/ops/es/EsOperation.vue
--- 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"
--- 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,
--- 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>
--- 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) => {
--- 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 {
--- 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 (
--- 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))
--- 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)
--- a/server/internal/docker/api/container_conf.go
+++ 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
+}
--- 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
--- 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"`
--- 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"`
 }
--- 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()
--- a/server/internal/docker/api/vo/container.go
+++ 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
+}
--- a/server/internal/docker/application/application.go
+++ 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")
+}
--- a/server/internal/docker/application/container.go
+++ 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
+	})
+}
--- a/server/internal/docker/application/dto/container.go
+++ 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
+}
--- 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
 }

--- a/server/internal/docker/domain/entity/contrainer.go
+++ 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:备注"`                // 备注
+}
--- a/server/internal/docker/domain/entity/query.go
+++ 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
+}
--- a/server/internal/docker/domain/repository/container.go
+++ 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)
+}
--- 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",
 }
--- a/server/internal/docker/imsg/imsg.go
+++ b/server/internal/docker/imsg/imsg.go
@@ -18,4 +18,6 @@ const (

 	LogDockerImageRemove
 	LogDockerImageLoad
+
+	ErrContainerConfExist
 )
--- 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: "容器配置已存在",
 }
--- a/server/internal/docker/infra/persistence/container.go
+++ 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)
+}
--- a/server/internal/docker/infra/persistence/persistence.go
+++ 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"))
+}
--- 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()
+	})
 }
--- 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 {
--- 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
--- 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()),
 	}
 }

--- 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 // 数据库名
 )
--- 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
+			},
+		},
+	}
+}