feat: 使用标签替代项目

README.md

@@ -19,7 +19,7 @@
 
 
 ### 介绍
-基于DDD分层实现的web版 **linux(终端 文件 脚本 进程)、数据库（mysql postgres）、redis(单机 哨兵 集群)、mongo统一管理操作平台**
+web版 **linux(终端[终端回放] 文件 脚本 进程)、数据库（mysql postgres）、redis(单机 哨兵 集群)、mongo统一管理操作平台**
 
 
 ### 开发语言与主要框架

build_release.sh

@@ -95,6 +95,10 @@ function buildWindows() {
     build "$1/mayfly-go-windows" "windows" "amd64" $2
 }
 
+function buildMac() {
+    build "$1/mayfly-go-mac" "darwin" "amd64" $2
+}
+
 function runBuild() {
     # 构建结果的目的路径
     read -p "请输入构建产物输出目录: " toPath
@@ -107,7 +111,7 @@ function runBuild() {
     toPath=`pwd`
 
     read -p "是否构建前端[0|其他->否 1->是 2->构建并拷贝至server/static/static]: " runBuildWeb
-    read -p "请选择构建版本[0|其他->全部 1->linux-amd64 2->linux-arm64 3->windows]: " buildType
+    read -p "请选择构建版本[0|其他->全部 1->linux-amd64 2->linux-arm64 3->windows 4->mac]: " buildType
     
     
     if [ "${runBuildWeb}" == "1" ] || [ "${runBuildWeb}" == "2" ] ; then
@@ -124,10 +128,14 @@ function runBuild() {
         "3")
             buildWindows ${toPath} ${runBuildWeb}
         ;;
+        "4")
+            buildMac ${toPath} ${runBuildWeb}
+        ;;
         *)
             buildLinuxAmd64 ${toPath} ${runBuildWeb}
             buildLinuxArm64 ${toPath} ${runBuildWeb}
             buildWindows ${toPath} ${runBuildWeb}
+            buildMac ${toPath} ${runBuildWeb}
         ;;
     esac
 }

mayfly_go_web/package.json

@@ -8,26 +8,27 @@
   },
   "dependencies": {
     "@element-plus/icons-vue": "^2.0.9",
-    "axios": "^0.27.2",
+    "asciinema-player": "^3.0.1",
+    "axios": "^1.1.2",
     "codemirror": "^5.65.5",
     "countup.js": "^2.0.7",
     "cropperjs": "^1.5.11",
     "echarts": "^5.3.3",
-    "element-plus": "^2.2.14",
+    "element-plus": "^2.2.18",
     "jsencrypt": "^3.2.1",
-    "jsoneditor": "^9.9.0",
+    "jsoneditor": "^9.9.2",
     "lodash": "^4.17.21",
     "mitt": "^3.0.0",
     "nprogress": "^0.2.0",
     "screenfull": "^6.0.2",
     "sortablejs": "^1.13.0",
     "sql-formatter": "^9.2.0",
-    "vue": "^3.2.37",
+    "vue": "^3.2.41",
     "vue-clipboard3": "^1.0.1",
-    "vue-router": "^4.1.2",
+    "vue-router": "^4.1.5",
     "vuex": "^4.0.2",
-    "xterm": "^4.19.0",
-    "xterm-addon-fit": "^0.5.0"
+    "xterm": "^5.0.0",
+    "xterm-addon-fit": "^0.6.0"
   },
   "devDependencies": {
     "@types/lodash": "^4.14.178",

mayfly_go_web/shim.d.ts

@@ -6,4 +6,5 @@ declare module '*.vue' {
 }
 declare module 'codemirror';
 declare module 'sql-formatter';
-declare module 'jsoneditor';
+declare module 'jsoneditor';
+declare module 'asciinema-player';

mayfly_go_web/src/common/utils/date.ts

@@ -1,4 +1,4 @@
-export function dateFormat(fmt: string, date: Date) {
+export function dateFormat2(fmt: string, date: Date) {
     let ret;
     const opt = {
         "y+": date.getFullYear().toString(),        // 年
@@ -19,5 +19,9 @@ export function dateFormat(fmt: string, date: Date) {
 }
 
 export function dateStrFormat(fmt: string, dateStr: string) {
-    return dateFormat(fmt, new Date(dateStr))
+    return dateFormat2(fmt, new Date(dateStr))
+}
+
+export function dateFormat(dateStr: string) {
+    return dateFormat2('yyyy-MM-dd HH:mm:ss',new Date(dateStr))
 }

mayfly_go_web/src/common/utils/wartermark.ts

@@ -1,5 +1,5 @@
 import { getUseWatermark4Session, getUserInfo4Session } from '@/common/utils/storage.ts';
-import { dateFormat } from '@/common/utils/date.ts'
+import { dateFormat2 } from '@/common/utils/date.ts'
 
 // 页面添加水印效果
 const setWatermark = (str: any) => {
@@ -46,7 +46,7 @@ const watermark = {
         setTimeout(() => {
             const userinfo = getUserInfo4Session()
             if (userinfo && getUseWatermark4Session()) {
-                set(`${userinfo.username} ${dateFormat('yyyy-MM-dd HH:mm:ss', new Date())}`)
+                set(`${userinfo.username} ${dateFormat2('yyyy-MM-dd HH:mm:ss', new Date())}`)
             } else {
                 del();
             }

mayfly_go_web/src/components/codemirror/codemirror.vue

@@ -47,7 +47,7 @@ const CodeMirror = (window as any).CodeMirror || _CodeMirror;
 
 export default defineComponent({
     name: 'CodeMirror',
-     components: {
+    components: {
         ElOption,
         ElSelect,
     },
@@ -61,11 +61,11 @@ export default defineComponent({
         },
         height: {
             type: String,
-            default: "500px",
+            default: '500px',
         },
         width: {
             type: String,
-            default: "auto",
+            default: 'auto',
         },
         canChangeMode: {
             type: Boolean,
@@ -300,7 +300,7 @@ export default defineComponent({
                 coder.setValue(newVal);
                 state.content = newVal;
                 coder.scrollTo(scrollInfo.left, scrollInfo.top);
-                refresh()
+                refresh();
             }
         };
 
@@ -327,7 +327,6 @@ export default defineComponent({
         }
         font-family: 'JetBrainsMono';
     }
-
     .code-mode-select {
         position: absolute;
         z-index: 2;
@@ -336,4 +335,26 @@ export default defineComponent({
         max-width: 130px;
     }
 }
+.CodeMirror-hints {
+    position: absolute;
+    z-index: 10000;
+    overflow: hidden;
+    list-style: none;
+
+    margin: 0;
+    padding: 2px;
+
+    -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
+    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
+    border-radius: 3px;
+    border: 1px solid silver;
+
+    background: white;
+    font-size: 90%;
+    font-family: 'JetBrainsMono';
+
+    max-height: 20em;
+    overflow-y: auto;
+}
 </style>

mayfly_go_web/src/router/imports.ts

@@ -14,8 +14,9 @@ export const imports = {
     "SyslogList": () => import('@/views/system/syslog/SyslogList.vue'),
     "ConfigList": () => import('@/views/system/config/ConfigList.vue'),
 
-    // project
-    "ProjectList": () => import('@/views/ops/project/ProjectList.vue'),
+    // tag
+    "TagTreeList": () => import('@/views/ops/tag/TagTreeList.vue'),
+    "TeamList": () => import('@/views/ops/tag/TeamList.vue'),
     // db
     "DbList": () => import('@/views/ops/db/DbList.vue'),
     "SqlExec": () => import('@/views/ops/db'),

mayfly_go_web/src/router/route.ts

@@ -1,6 +1,6 @@
 import { RouteRecordRaw } from 'vue-router';
 import Layout from '@/views/layout/index.vue'
-import RouterParent from '@/views/layout/routerView/parent.vue';
+// import RouterParent from '@/views/layout/routerView/parent.vue';
 
 // 定义动态路由
 export const dynamicRoutes = [
@@ -12,119 +12,108 @@ export const dynamicRoutes = [
         meta: {
             isKeepAlive: true,
         },
-        children: [
-            {
-                path: '/home',
-                name: 'home',
-                component: () => import('@/views/home/index.vue'),
-                meta: {
-                    title: '首页',
-                    // iframe链接
-                    link: '',
-                    // 是否在菜单栏显示，默认显示
-                    isHide: false,
-                    isKeepAlive: true,
-                    // tag标签是否不可删除
-                    isAffix: true,
-                    // 是否为iframe
-                    isIframe: false,
-                    icon: 'el-icon-s-home',
-                },
-            },
-            {
-                path: '/sys',
-                name: 'Resource',
-                redirect: '/sys/resources',
-                meta: {
-                    title: '系统管理',
-                    // 资源code，用于校验用户是否拥有该资源权限
-                    code: 'sys',
-                    // isKeepAlive: true,
-                    icon: 'el-icon-monitor',
-                },
-                children: [
-                    {
-                        path: 'sys/resources',
-                        name: 'ResourceList',
-                        component: () => import('@/views/system/resource'),
-                        meta: {
-                            title: '资源管理',
-                            code: 'resource:list',
-                            isKeepAlive: true,
-                            icon: 'el-icon-menu',
-                        },
-                    },
-                    {
-                        path: 'sys/roles',
-                        name: 'RoleList',
-                        component: () => import('@/views/system/role'),
-                        meta: {
-                            title: '角色管理',
-                            code: 'role:list',
-                            isKeepAlive: true,
-                            icon: 'el-icon-menu',
-                        },
-                    },
-                    {
-                        path: 'sys/accounts',
-                        name: 'ResourceList',
-                        component: () => import('@/views/system/account'),
-                        meta: {
-                            title: '账号管理',
-                            code: 'account:list',
-                            isKeepAlive: true,
-                            icon: 'el-icon-menu',
-                        },
-                    },
-                ],
-            },
-            {
-                path: '/machine',
-                name: 'Machine',
-                redirect: '/machine/list',
-                meta: {
-                    title: '机器管理',
-                    // 资源code，用于校验用户是否拥有该资源权限
-                    code: 'machine',
-                    // isKeepAlive: true,
-                    icon: 'el-icon-monitor',
-                },
-                children: [
-                    {
-                        path: '/list',
-                        name: 'MachineList',
-                        component: () => import('@/views/ops/machine'),
-                        meta: {
-                            title: '机器列表',
-                            code: 'machine:list',
-                            isKeepAlive: true,
-                            icon: 'el-icon-menu',
-                        },
-                    },
-                ],
-            },
-            {
-                path: '/personal',
-                name: 'personal',
-                component: () => import('@/views/personal/index.vue'),
-                meta: {
-                    title: '个人中心',
-                    isKeepAlive: true,
-                    icon: 'el-icon-user',
-                },
-            },
-            {
-                path: '/iframes',
-                name: 'layoutIfameView',
-                component: RouterParent,
-                meta: {
-                    title: 'iframe',
-                    link: 'https://gitee.com/lyt-top/vue-next-admin',
-                    isIframe: true,
-                    icon: 'el-icon-menu',
-                },
-            },
-        ],
+    //     children: [
+    //         {
+    //             path: '/home',
+    //             name: 'home',
+    //             component: () => import('@/views/home/index.vue'),
+    //             meta: {
+    //                 title: '首页',
+    //                 // iframe链接
+    //                 link: '',
+    //                 // 是否在菜单栏显示，默认显示
+    //                 isHide: false,
+    //                 isKeepAlive: true,
+    //                 // tag标签是否不可删除
+    //                 isAffix: true,
+    //                 // 是否为iframe
+    //                 isIframe: false,
+    //                 icon: 'el-icon-s-home',
+    //             },
+    //         },
+    //         {
+    //             path: '/sys',
+    //             name: 'Resource',
+    //             redirect: '/sys/resources',
+    //             meta: {
+    //                 title: '系统管理',
+    //                 // 资源code，用于校验用户是否拥有该资源权限
+    //                 code: 'sys',
+    //                 // isKeepAlive: true,
+    //                 icon: 'el-icon-monitor',
+    //             },
+    //             children: [
+    //                 {
+    //                     path: 'sys/resources',
+    //                     name: 'ResourceList',
+    //                     component: () => import('@/views/system/resource'),
+    //                     meta: {
+    //                         title: '资源管理',
+    //                         code: 'resource:list',
+    //                         isKeepAlive: true,
+    //                         icon: 'el-icon-menu',
+    //                     },
+    //                 },
+    //                 {
+    //                     path: 'sys/roles',
+    //                     name: 'RoleList',
+    //                     component: () => import('@/views/system/role'),
+    //                     meta: {
+    //                         title: '角色管理',
+    //                         code: 'role:list',
+    //                         isKeepAlive: true,
+    //                         icon: 'el-icon-menu',
+    //                     },
+    //                 },
+    //                 {
+    //                     path: 'sys/accounts',
+    //                     name: 'ResourceList',
+    //                     component: () => import('@/views/system/account'),
+    //                     meta: {
+    //                         title: '账号管理',
+    //                         code: 'account:list',
+    //                         isKeepAlive: true,
+    //                         icon: 'el-icon-menu',
+    //                     },
+    //                 },
+    //             ],
+    //         },
+    //         {
+    //             path: '/machine',
+    //             name: 'Machine',
+    //             redirect: '/machine/list',
+    //             meta: {
+    //                 title: '机器管理',
+    //                 // 资源code，用于校验用户是否拥有该资源权限
+    //                 code: 'machine',
+    //                 // isKeepAlive: true,
+    //                 icon: 'el-icon-monitor',
+    //             },
+    //             children: [
+    //                 {
+    //                     path: '/list',
+    //                     name: 'MachineList',
+    //                     component: () => import('@/views/ops/machine'),
+    //                     meta: {
+    //                         title: '机器列表',
+    //                         code: 'machine:list',
+    //                         isKeepAlive: true,
+    //                         icon: 'el-icon-menu',
+    //                     },
+    //                 },
+    //             ],
+    //         },
+    //         {
+    //             path: '/personal',
+    //             name: 'personal',
+    //             component: () => import('@/views/personal/index.vue'),
+    //             meta: {
+    //                 title: '个人中心',
+    //                 isKeepAlive: true,
+    //                 icon: 'el-icon-user',
+    //             },
+    //         },
+    //     ],
     },
 ];
 
@@ -163,7 +152,6 @@ export const staticRoutes: Array<RouteRecordRaw> = [
             title: '终端 | {name}',
             // 是否根据query对标题名进行参数替换，即最终显示为‘终端_机器名’
             titleRename: true,
-            icon: 'iconfont icon-caidan',
         },
     },
 ];

mayfly_go_web/src/theme/app.scss

@@ -14,7 +14,7 @@ body,
 	padding: 0;
 	width: 100%;
 	height: 100%;
-	font-family: Microsoft YaHei, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, SimSun, sans-serif;
+	font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
 	font-weight: 450;
 	-webkit-font-smoothing: antialiased;
 	-webkit-tap-highlight-color: transparent;

mayfly_go_web/src/theme/index.scss

@@ -2,6 +2,6 @@
 @import './base.scss';
 @import './other.scss';
 @import './element.scss';
-@import './iconSelector.scss';
 @import './media/media.scss';
 @import './waves.scss';
+@import './iconSelector.scss';

mayfly_go_web/src/views/home/index.vue

@@ -43,25 +43,25 @@ export default {
         const state = reactive({
             topCardItemList: [
                 {
-                    title: '项目数',
-                    id: 'projectNum',
-                    color: '#FEBB50',
-                },
-                {
-                    title: 'Linux机器数',
+                    title: 'Linux机器',
                     id: 'machineNum',
                     color: '#F95959',
                 },
                 {
-                    title: '数据库总数',
+                    title: '数据库',
                     id: 'dbNum',
                     color: '#8595F4',
                 },
                 {
-                    title: 'redis总数',
+                    title: 'redis',
                     id: 'redisNum',
                     color: '#1abc9c',
                 },
+                {
+                    title: 'Mongo',
+                    id: 'mongoNum',
+                    color: '#FEBB50',
+                },
             ],
         });
 
@@ -74,7 +74,7 @@ export default {
         const initNumCountUp = async () => {
             const res: any = await indexApi.getIndexCount.request();
             nextTick(() => {
-                new CountUp('projectNum', res.projectNum).start();
+                new CountUp('mongoNum', res.mongoNum).start();
                 new CountUp('machineNum', res.machineNum).start();
                 new CountUp('dbNum', res.dbNum).start();
                 new CountUp('redisNum', res.redisNum).start();
@@ -87,20 +87,20 @@ export default {
                     router.push('/personal');
                     break;
                 }
-                case 'projectNum': {
-                    router.push('/ops/projects');
+                case 'mongoNum': {
+                    router.push('/mongo/mongo-data-operation');
                     break;
                 }
                 case 'machineNum': {
-                    router.push('/ops/machines');
+                    router.push('/machine/machines');
                     break;
                 }
                 case 'dbNum': {
-                    router.push('/ops/dbms/dbs');
+                    router.push('/dbms/sql-exec');
                     break;
                 }
                 case 'redisNum': {
-                    router.push('/ops/redis/manage');
+                    router.push('/redis/data-operation');
                     break;
                 }
             }

mayfly_go_web/src/views/login/component/AccountLogin.vue

@@ -73,7 +73,7 @@
 </template>
 
 <script lang="ts">
-import { onMounted, ref, toRefs, reactive, defineComponent, computed } from 'vue';
+import { nextTick, onMounted, ref, toRefs, reactive, defineComponent, computed } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { ElMessage } from 'element-plus';
 import { initBackEndControlRoutesFun } from '@/router/index.ts';
@@ -95,7 +95,7 @@ export default defineComponent({
         const changePwdFormRef: any = ref(null);
 
         const state = reactive({
-            useLoginCaptcha: true,
+            useLoginCaptcha: false,
             captchaImage: '',
             loginForm: {
                 username: '',
@@ -133,10 +133,12 @@ export default defineComponent({
         });
 
         onMounted(async () => {
+            nextTick(async () => {
+                state.useLoginCaptcha = await useLoginCaptcha();
+                getCaptcha();
+            });
             // 移除公钥, 方便后续重新获取
             sessionStorage.removeItem('RsaPublicKey');
-            state.useLoginCaptcha = await useLoginCaptcha();
-            getCaptcha();
         });
 
         const getCaptcha = async () => {

mayfly_go_web/src/views/ops/component/ProjectEnvSelect.vue

@@ -8,7 +8,7 @@
             </el-form-item>
 
             <el-form-item prop="env" label="env" label-width="33px">
-                <el-select style="width: 80px" v-model="envId" placeholder="环境" @change="changeEnv" filterable>
+                <el-select style="width: 85px" v-model="envId" placeholder="环境" @change="changeEnv" filterable>
                     <el-option v-for="item in envs" :key="item.id" :label="item.name" :value="item.id">
                         <span style="float: left">{{ item.name }}</span>
                         <span style="float: right; color: #8492a6; font-size: 13px">{{ item.remark }}</span>

mayfly_go_web/src/views/ops/component/TagSelect.vue

@@ -0,0 +1,81 @@
+<template>
+    <div>
+        <el-tree-select
+            @check="changeTag"
+            style="width: 100%"
+            v-model="selectTags"
+            :data="tags"
+            :render-after-expand="true"
+            :default-expanded-keys="[selectTags]"
+            show-checkbox
+            check-strictly
+            node-key="id"
+            :props="{
+                value: 'id',
+                label: 'codePath',
+                children: 'children',
+            }"
+        >
+            <template #default="{ data }">
+                <span class="custom-tree-node">
+                    <span style="font-size: 13px">
+                        {{ data.code }}
+                        <span style="color: #3c8dbc">【</span>
+                        {{ data.name }}
+                        <span style="color: #3c8dbc">】</span>
+                        <el-tag v-if="data.children !== null" size="small">{{ data.children.length }}</el-tag>
+                    </span>
+                </span>
+            </template>
+        </el-tree-select>
+    </div>
+</template>
+
+<script lang="ts">
+import { toRefs, reactive, defineComponent, onMounted } from 'vue';
+import { tagApi } from '../tag/api';
+
+export default defineComponent({
+    name: 'TagSelect',
+    props: {
+        tagId: {
+            type: Number,
+        },
+        tagPath: {
+            type: String,
+        },
+    },
+    setup(props: any, { emit }) {
+        const state = reactive({
+            tags: [],
+            // 单选则为id，多选为id数组
+            selectTags: null as any,
+        });
+
+        onMounted(async () => {
+            if (props.tagId) {
+                state.selectTags = props.tagId;
+            }
+            state.tags = await tagApi.getTagTrees.request(null);
+        });
+
+        const changeTag = (tag: any, checkInfo: any) => {
+            if (checkInfo.checkedNodes.length > 0) {
+                emit('update:tagId', tag.id);
+                emit('update:tagPath', tag.codePath);
+                emit('changeTag', tag);
+            } else {
+                emit('update:tagId', null);
+                emit('update:tagPath', null);
+            }
+        };
+
+        return {
+            ...toRefs(state),
+            changeTag,
+        };
+    },
+});
+</script>
+<style lang="scss">
+</style>

mayfly_go_web/src/views/ops/db/DbEdit.vue

@@ -2,17 +2,10 @@
     <div>
         <el-dialog :title="title" v-model="dialogVisible" :before-close="cancel" :close-on-click-modal="false" :destroy-on-close="true" width="38%">
             <el-form :model="form" ref="dbForm" :rules="rules" label-width="95px">
-                <el-form-item prop="projectId" label="项目:" required>
-                    <el-select style="width: 100%" v-model="form.projectId" placeholder="请选择项目" @change="changeProject" filterable>
-                        <el-option v-for="item in projects" :key="item.id" :label="`${item.name} [${item.remark}]`" :value="item.id"> </el-option>
-                    </el-select>
+                <el-form-item prop="tagId" label="标签:" required>
+                    <tag-select v-model:tag-id="form.tagId" v-model:tag-path="form.tagPath" style="width: 100%" />
                 </el-form-item>
 
-                <el-form-item prop="envId" label="环境:" required>
-                    <el-select @change="changeEnv" style="width: 100%" v-model="form.envId" placeholder="请选择环境">
-                        <el-option v-for="item in envs" :key="item.id" :label="`${item.name} [${item.remark}]`" :value="item.id"> </el-option>
-                    </el-select>
-                </el-form-item>
                 <el-form-item prop="name" label="别名:" required>
                     <el-input v-model.trim="form.name" placeholder="请输入数据库别名" auto-complete="off"></el-input>
                 </el-form-item>
@@ -24,7 +17,7 @@
                 </el-form-item>
                 <el-form-item prop="host" label="host:" required>
                     <el-col :span="18">
-                        <el-input v-model.trim="form.host" placeholder="请输入主机ip" auto-complete="off"></el-input>
+                        <el-input :disabled="form.id" v-model.trim="form.host" placeholder="请输入主机ip" auto-complete="off"></el-input>
                     </el-col>
                     <el-col style="text-align: center" :span="1">:</el-col>
                     <el-col :span="5">
@@ -76,6 +69,10 @@
                     </el-col>
                 </el-form-item>
 
+                <el-form-item prop="remark" label="备注:">
+                    <el-input v-model.trim="form.remark" auto-complete="off" type="textarea"></el-input>
+                </el-form-item>
+
                 <el-form-item prop="enableSshTunnel" label="SSH隧道:">
                     <el-col :span="3">
                         <el-checkbox @change="getSshTunnelMachines" v-model="form.enableSshTunnel" :true-label="1" :false-label="-1"></el-checkbox>
@@ -108,14 +105,17 @@
 <script lang="ts">
 import { toRefs, reactive, watch, defineComponent, ref } from 'vue';
 import { dbApi } from './api';
-import { projectApi } from '../project/api.ts';
 import { machineApi } from '../machine/api.ts';
 import { ElMessage } from 'element-plus';
 import { notBlank } from '@/common/assert';
 import { RsaEncrypt } from '@/common/rsa';
+import TagSelect from '../component/TagSelect.vue';
 
 export default defineComponent({
     name: 'DbEdit',
+    components: {
+        TagSelect,
+    },
     props: {
         visible: {
             type: Boolean,
@@ -139,10 +139,14 @@ export default defineComponent({
             envs: [],
             allDatabases: [] as any,
             databaseList: [] as any,
-            sshTunnelMachineList: [],
+            sshTunnelMachineList: [] as any,
             form: {
                 id: null,
+                tagId: null as any,
+                tagPath: null as any,
+                type: null,
                 name: null,
+                host: '',
                 port: 3306,
                 username: null,
                 password: null,
@@ -152,6 +156,7 @@ export default defineComponent({
                 projectId: null,
                 envId: null,
                 env: null,
+                remark: '',
                 enableSshTunnel: null,
                 sshTunnelMachineId: null,
             },
@@ -218,7 +223,6 @@ export default defineComponent({
             }
             state.projects = newValue.projects;
             if (newValue.db) {
-                getEnvs(newValue.db.projectId);
                 state.form = { ...newValue.db };
                 // 将数据库名使用空格切割，获取所有数据库列表
                 state.databaseList = newValue.db.database.split(' ');
@@ -244,22 +248,6 @@ export default defineComponent({
             }
         };
 
-        const getEnvs = async (projectId: any) => {
-            state.envs = await projectApi.projectEnvs.request({ projectId });
-        };
-
-        const changeProject = (projectId: number) => {
-            for (let p of state.projects as any) {
-                if (p.id == projectId) {
-                    state.form.project = p.name;
-                }
-            }
-            state.form.envId = null;
-            state.form.env = null;
-            state.envs = [];
-            getEnvs(projectId);
-        };
-
         const changeEnv = (envId: number) => {
             for (let p of state.envs as any) {
                 if (p.id == envId) {
@@ -272,7 +260,7 @@ export default defineComponent({
             const reqForm = { ...state.form };
             reqForm.password = await RsaEncrypt(reqForm.password);
             state.allDatabases = await dbApi.getAllDatabase.request(reqForm);
-            ElMessage.success('获取成功, 请选择需要管理操作的数据库')
+            ElMessage.success('获取成功, 请选择需要管理操作的数据库');
         };
 
         const getDbPwd = async () => {
@@ -324,7 +312,6 @@ export default defineComponent({
             getDbPwd,
             changeDatabase,
             getSshTunnelMachines,
-            changeProject,
             changeEnv,
             btnOk,
             cancel,

mayfly_go_web/src/views/ops/db/DbList.vue

@@ -7,8 +7,8 @@
                 >删除</el-button
             >
             <div style="float: right">
-                <el-select v-model="query.projectId" placeholder="请选择项目" filterable clearable>
-                    <el-option v-for="item in projects" :key="item.id" :label="`${item.name} [${item.remark}]`" :value="item.id"> </el-option>
+                <el-select @focus="getTags" v-model="query.tagPath" placeholder="请选择标签" filterable clearable>
+                    <el-option v-for="item in tags" :key="item" :label="item" :value="item"> </el-option>
                 </el-select>
                 <el-button v-waves type="primary" icon="search" @click="search()" class="ml5">查询</el-button>
             </div>
@@ -20,8 +20,7 @@
                         </el-radio>
                     </template>
                 </el-table-column>
-                <el-table-column prop="project" label="项目" min-width="100" show-overflow-tooltip></el-table-column>
-                <el-table-column prop="env" label="环境" min-width="100"></el-table-column>
+                <el-table-column prop="tagPath" label="标签路径" min-width="150" show-overflow-tooltip></el-table-column>
                 <el-table-column prop="name" label="名称" min-width="160" show-overflow-tooltip></el-table-column>
                 <el-table-column min-width="170" label="host:port" show-overflow-tooltip>
                     <template #default="scope">
@@ -29,21 +28,27 @@
                     </template>
                 </el-table-column>
                 <el-table-column prop="type" label="类型" min-width="90"></el-table-column>
-                <el-table-column prop="database" label="数据库" min-width="160">
+                <el-table-column prop="database" label="数据库" min-width="80">
                     <template #default="scope">
-                        <el-tag
-                            @click="showTableInfo(scope.row, db)"
-                            effect="plain"
-                            type="success"
-                            size="small"
-                            v-for="db in scope.row.dbs"
-                            :key="db"
-                            style="cursor: pointer; margin-left: 3px"
-                            >{{ db }}</el-tag
-                        >
+                        <el-popover :width="250" placement="right" trigger="click">
+                            <template #reference>
+                                <el-link type="primary" :underline="false" plain>查看</el-link>
+                            </template>
+                            <el-tag
+                                @click="showTableInfo(scope.row, db)"
+                                effect="plain"
+                                type="success"
+                                size="small"
+                                v-for="db in scope.row.dbs"
+                                :key="db"
+                                style="cursor: pointer; margin-left: 3px; margin-bottom: 3px"
+                                >{{ db }}</el-tag
+                            >
+                        </el-popover>
                     </template>
                 </el-table-column>
                 <el-table-column prop="username" label="用户名" min-width="100"></el-table-column>
+                <el-table-column prop="remark" label="备注" min-width="150" show-overflow-tooltip></el-table-column>
 
                 <el-table-column min-width="115" prop="creator" label="创建账号"></el-table-column>
                 <el-table-column min-width="160" prop="createTime" label="创建时间" show-overflow-tooltip>
@@ -161,8 +166,10 @@
             v-model="sqlExecLogDialog.visible"
         >
             <div class="toolbar">
-                <el-input v-model="sqlExecLogDialog.query.db" placeholder="请输入数据库名" clearable style="width: 150px" />
-                <el-input v-model="sqlExecLogDialog.query.table" placeholder="请输入表名" clearable class="ml5" style="width: 150px" />
+                <el-select v-model="sqlExecLogDialog.query.db" placeholder="请选择数据库" filterable clearable>
+                    <el-option v-for="item in sqlExecLogDialog.dbs" :key="item" :label="`${item}`" :value="item"> </el-option>
+                </el-select>
+                <el-input v-model="sqlExecLogDialog.query.table" placeholder="请输入表名" clearable class="ml5" style="width: 180px" />
                 <el-select v-model="sqlExecLogDialog.query.type" placeholder="请选择操作类型" clearable class="ml5">
                     <el-option v-for="item in enums.DbSqlExecTypeEnum" :key="item.value" :label="item.label" :value="item.value"> </el-option>
                 </el-select>
@@ -183,7 +190,7 @@
                 <el-table-column prop="creator" label="执行人" min-width="60" show-overflow-tooltip> </el-table-column>
                 <el-table-column prop="createTime" label="执行时间" show-overflow-tooltip>
                     <template #default="scope">
-                        {{ $filters.dateFormat(scope.row.createTime) }}
+                        {{ dateFormat(scope.row.createTime) }}
                     </template>
                 </el-table-column>
                 <el-table-column prop="remark" label="备注" min-width="60" show-overflow-tooltip> </el-table-column>
@@ -242,12 +249,11 @@
 
         <db-edit
             @val-change="valChange"
-            :projects="projects"
             :title="dbEditDialog.title"
             v-model:visible="dbEditDialog.visible"
             v-model:db="dbEditDialog.data"
         ></db-edit>
-        <create-table :dbId="dbId" v-model:visible="tableCreateDialog.visible"></create-table>
+        <create-table :dbId="dbId" :db="db" v-model:visible="tableCreateDialog.visible"></create-table>
     </div>
 </template>
 
@@ -259,11 +265,12 @@ import DbEdit from './DbEdit.vue';
 import CreateTable from './CreateTable.vue';
 import { dbApi } from './api';
 import enums from './enums';
-import { projectApi } from '../project/api.ts';
 import SqlExecBox from './component/SqlExecBox.ts';
 import config from '@/common/config';
 import { getSession } from '@/common/utils/storage';
 import { isTrue } from '@/common/assert';
+import { tagApi } from '../tag/api.ts';
+import { dateFormat } from '@/common/utils/date';
 
 export default defineComponent({
     name: 'DbList',
@@ -279,7 +286,7 @@ export default defineComponent({
                 saveDb: 'db:save',
                 delDb: 'db:del',
             },
-            projects: [],
+            tags: [],
             chooseId: null,
             /**
              * 选中的数据
@@ -289,6 +296,7 @@ export default defineComponent({
              * 查询条件
              */
             query: {
+                tagPath: null,
                 pageNum: 1,
                 pageSize: 10,
             },
@@ -307,6 +315,7 @@ export default defineComponent({
                 visible: false,
                 data: [],
                 total: 0,
+                dbs: [],
                 query: {
                     dbId: 0,
                     db: '',
@@ -398,8 +407,11 @@ export default defineComponent({
             search();
         };
 
+        const getTags = async () => {
+            state.tags = await tagApi.getAccountTags.request(null);
+        };
+
         const editDb = async (isAdd = false) => {
-            state.projects = await projectApi.accountProjects.request(null);
             if (isAdd) {
                 state.dbEditDialog.data = null;
                 state.dbEditDialog.title = '新增数据库资源';
@@ -434,6 +446,7 @@ export default defineComponent({
         const onShowSqlExec = async (row: any) => {
             state.sqlExecLogDialog.title = `${row.name}[${row.host}:${row.port}]`;
             state.sqlExecLogDialog.query.dbId = row.id;
+            state.sqlExecLogDialog.dbs = row.database.split(' ');
             searchSqlExecLog();
             state.sqlExecLogDialog.visible = true;
         };
@@ -441,6 +454,7 @@ export default defineComponent({
         const onBeforeCloseSqlExecDialog = () => {
             state.sqlExecLogDialog.visible = false;
             state.sqlExecLogDialog.data = [];
+            state.sqlExecLogDialog.dbs = [];
             state.sqlExecLogDialog.total = 0;
             state.sqlExecLogDialog.query.dbId = 0;
             state.sqlExecLogDialog.query.pageNum = 1;
@@ -602,6 +616,8 @@ export default defineComponent({
 
         return {
             ...toRefs(state),
+            dateFormat,
+            getTags,
             filterTableInfos,
             enums,
             search,

mayfly_go_web/src/views/ops/db/SqlExec.vue

@@ -3,46 +3,56 @@
         <div class="toolbar">
             <el-row type="flex" justify="space-between">
                 <el-col :span="24">
-                    <project-env-select @changeProjectEnv="changeProjectEnv">
-                        <template #default>
-                            <el-form-item label="资源">
-                                <el-select v-model="dbId" placeholder="请选择资源实例" @change="changeDbInstance" filterable style="width: 150px">
-                                    <el-option v-for="item in dbs" :key="item.id" :label="item.name" :value="item.id">
-                                        <span style="float: left">{{ item.name }}</span>
-                                        <span style="float: right; color: #8492a6; margin-left: 6px; font-size: 13px">{{
-                                            `${item.host}:${item.port} ${item.type}`
-                                        }}</span>
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
+                    <el-form class="search-form" label-position="right" :inline="true">
+                        <el-form-item label="标签">
+                            <el-select @change="changeTag" @focus="getTags" v-model="params.tagPath" placeholder="请选择标签" filterable style="width: 220px">
+                                <el-option v-for="item in tags" :key="item" :label="item" :value="item"> </el-option>
+                            </el-select>
+                        </el-form-item>
 
-                            <el-form-item label="数据库">
-                                <el-select
-                                    v-model="db"
-                                    placeholder="请选择数据库"
-                                    @change="changeDb"
-                                    @clear="clearDb"
-                                    clearable
-                                    filterable
-                                    style="width: 150px"
+                        <el-form-item label="资源">
+                            <el-select v-model="dbId" placeholder="请选择资源实例" @change="changeDbInstance" filterable style="width: 220px">
+                                <el-option v-for="item in dbs" :key="item.id" :label="`${item.name} [${item.tagPath}]`" :value="item.id">
+                                    <span style="float: left">{{ `${item.name} [${item.tagPath}]` }}</span>
+                                    <span style="float: rignt; color: #8492a6; margin-left: 10px; font-size: 13px">{{
+                                        `${item.host}:${item.port} ${item.type}`
+                                    }}</span>
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+
+                        <el-form-item label="数据库">
+                            <el-select
+                                v-model="db"
+                                placeholder="请选择数据库"
+                                @change="changeDb"
+                                @clear="clearDb"
+                                clearable
+                                filterable
+                                style="width: 150px"
+                            >
+                                <el-option v-for="item in databaseList" :key="item" :label="item" :value="item"> </el-option>
+                            </el-select>
+                        </el-form-item>
+
+                        <el-form-item label-width="20" label="表">
+                            <el-select v-model="tableName" placeholder="选择表查看表数据" @change="changeTable" filterable style="width: 250px">
+                                <el-option
+                                    v-for="item in tableMetadata"
+                                    :key="item.tableName"
+                                    :label="item.tableName + (item.tableComment != '' ? `【${item.tableComment}】` : '')"
+                                    :value="item.tableName"
                                 >
-                                    <el-option v-for="item in databaseList" :key="item" :label="item" :value="item"> </el-option>
-                                </el-select>
-                            </el-form-item>
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
 
-                            <el-form-item label-width="20" label="表">
-                                <el-select v-model="tableName" placeholder="选择表查看表数据" @change="changeTable" filterable style="width: 250px">
-                                    <el-option
-                                        v-for="item in tableMetadata"
-                                        :key="item.tableName"
-                                        :label="item.tableName + (item.tableComment != '' ? `【${item.tableComment}】` : '')"
-                                        :value="item.tableName"
-                                    >
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
+                    <!-- <project-env-select @changeTag="changeTag">
+                        <template #default>
+                            
                         </template>
-                    </project-env-select>
+                    </project-env-select> -->
                 </el-col>
             </el-row>
         </div>
@@ -114,8 +124,20 @@
                         </div>
 
                         <div class="mt5">
-                            <el-row v-if="queryTab.nowTableName">
-                                <el-link @click="onDeleteData" class="ml5" type="danger" icon="delete" :underline="false"></el-link>
+                            <el-row>
+                                <el-link
+                                    v-if="queryTab.nowTableName"
+                                    @click="onDeleteData"
+                                    class="ml5"
+                                    type="danger"
+                                    icon="delete"
+                                    :underline="false"
+                                ></el-link>
+
+                                <span v-if="queryTab.execRes.data.length > 0">
+                                    <el-divider direction="vertical" border-style="dashed" />
+                                    <el-link type="success" :underline="false" @click="exportData"><span style="font-size: 12px">导出</span></el-link>
+                                </span>
                             </el-row>
                             <el-table
                                 @cell-dblclick="cellClick"
@@ -183,11 +205,7 @@
                                 <template #prepend>
                                     <el-popover trigger="click" :width="320" placement="right">
                                         <template #reference>
-                                            <el-link
-                                                type="success"
-                                                :underline="false"
-                                                >选择列</el-link
-                                            >
+                                            <el-link type="success" :underline="false">选择列</el-link>
                                         </template>
                                         <el-table
                                             :data="getColumns4Map(dt.name)"
@@ -308,16 +326,15 @@ import 'codemirror/addon/hint/sql-hint.js';
 import { format as sqlFormatter } from 'sql-formatter';
 import { notBlank, notEmpty, isTrue } from '@/common/assert';
 import { ElMessage, ElMessageBox } from 'element-plus';
-import ProjectEnvSelect from '../component/ProjectEnvSelect.vue';
 import config from '@/common/config';
 import { getSession } from '@/common/utils/storage';
 import SqlExecBox from './component/SqlExecBox';
+import { dateStrFormat } from '@/common/utils/date.ts';
+import { tagApi } from '../tag/api.ts';
 
 export default defineComponent({
     name: 'SqlExec',
-    components: {
-        ProjectEnvSelect,
-    },
+    components: {},
     setup() {
         const codeTextarea: any = ref(null);
         const token = getSession('token');
@@ -327,11 +344,12 @@ export default defineComponent({
         const state = reactive({
             token: token,
             defalutLimit: 20, // 默认查询数量
-            dbs: [], // 数据库实例列表
+            tags: [],
+            dbs: [] as any, // 数据库实例列表
             databaseList: [], // 数据库实例拥有的数据库列表，1数据库实例  -> 多数据库
             db: '', // 当前操作的数据库
             dbType: '',
-            tables: [],
+            tables: [] as any,
             dbId: null, // 当前选中操作的数据库实例
             tableName: '',
             tableMetadata: [],
@@ -340,7 +358,7 @@ export default defineComponent({
             activeName: 'Query',
             queryTabName: 'Query',
             nowTableName: '', // 当前表格数据操作的数据库表名，用于双击编辑表内容使用
-            dataTabs: {}, // 点击表信息后执行结果数据展示tabs
+            dataTabs: {} as any, // 点击表信息后执行结果数据展示tabs
             dataTabsTableHeight: 600,
             // 查询tab
             queryTab: {
@@ -357,8 +375,8 @@ export default defineComponent({
             },
             params: {
                 pageNum: 1,
-                pageSize: 10,
-                envId: null,
+                pageSize: 100,
+                tagPath: null,
             },
             conditionDialog: {
                 title: '',
@@ -431,16 +449,17 @@ export default defineComponent({
         /**
          * 项目及环境更改后的回调事件
          */
-        const changeProjectEnv = (projectId: any, envId: any) => {
+        const changeTag = () => {
             state.dbs = [];
             state.dbId = null;
             state.db = '';
             state.databaseList = [];
             clearDb();
-            if (envId != null) {
-                state.params.envId = envId;
-                search();
-            }
+            search();
+        };
+
+        const getTags = async () => {
+            state.tags = await tagApi.getAccountTags.request(null);
         };
 
         const onBeforeChange = (instance: any, changeObj: any) => {
@@ -513,6 +532,36 @@ export default defineComponent({
             }
         };
 
+        const exportData = () => {
+            const dataList = state.queryTab.execRes.data;
+            isTrue(dataList.length > 0, '没有数据可导出');
+
+            const tableColumn = state.queryTab.execRes.tableColumn;
+            // 二维数组
+            const cvsData = [tableColumn];
+            for (let data of dataList) {
+                // 数据值组成的一维数组
+                let dataValueArr: any = [];
+                for (let column of tableColumn) {
+                    dataValueArr.push(data[column]);
+                }
+                cvsData.push(dataValueArr);
+            }
+            const csvString = cvsData.map((e) => e.join(',')).join('\n');
+
+            // 导出
+            let link = document.createElement('a');
+            let exportContent = '\uFEFF';
+            let blob = new Blob([exportContent + csvString], {
+                type: 'text/plain;charset=utrf-8',
+            });
+            link.id = 'download-csv';
+            link.setAttribute('href', URL.createObjectURL(blob));
+            link.setAttribute('download', `查询数据导出-${dateStrFormat('yyyyMMddHHmmss', new Date())}.csv`);
+            document.body.appendChild(link);
+            link.click();
+        };
+
         /**
          * 执行sql str
          *
@@ -1182,11 +1231,13 @@ export default defineComponent({
 
         return {
             ...toRefs(state),
+            getTags,
             codeTextarea,
-            changeProjectEnv,
+            changeTag,
             changeTable,
             cellClick,
             onRunSql,
+            exportData,
             removeDataTab,
             onDataTabClick,
             beforeUpload,

mayfly_go_web/src/views/ops/db/component/SqlExecDialog.vue

@@ -88,27 +88,24 @@ export default defineComponent({
 
             try {
                 state.btnLoading = true;
-                const res = await dbApi.sqlExec.request({
+                await dbApi.sqlExec.request({
                     id: state.dbId,
                     db: state.db,
                     remark: state.remark,
                     sql: state.sqlValue.trim(),
                 });
-                if (parseInt(res.res[0].影响条数) >= 1) {
-                    ElMessage.success('执行成功');
-                    runSuccess = true;
-                } else {
-                    ElMessage.error('执行失败');
-                    runSuccess = false;
-                }
+                ElMessage.success('执行成功');
+                runSuccess = true;
             } catch (e) {
                 runSuccess = false;
             }
-            if (runSuccess && runSuccessCallback) {
-                runSuccessCallback();
+            if (runSuccess) {
+                if (runSuccessCallback) {
+                    runSuccessCallback();
+                }
+                cancel();
             }
             state.btnLoading = false;
-            cancel();
         };
 
         const cancel = () => {

mayfly_go_web/src/views/ops/machine/FileManage.vue

@@ -57,7 +57,7 @@
             </el-row>
         </el-dialog>
 
-        <el-dialog :title="tree.title" v-model="tree.visible" :close-on-click-modal="false" width="50%">
+        <el-dialog :title="tree.title" v-model="tree.visible" :close-on-click-modal="false" width="70%">
             <el-progress
                 v-if="uploadProgressShow"
                 style="width: 90%; margin-left: 20px"
@@ -66,7 +66,16 @@
                 :percentage="progressNum"
             />
             <div style="height: 45vh; overflow: auto">
-                <el-tree v-if="tree.visible" ref="fileTree" :load="loadNode" :props="props" lazy node-key="id" :expand-on-click-node="true">
+                <el-tree
+                    v-if="tree.visible"
+                    ref="fileTree"
+                    :highlight-current="true"
+                    :load="loadNode"
+                    :props="props"
+                    lazy
+                    node-key="id"
+                    :expand-on-click-node="true"
+                >
                     <template #default="{ node, data }">
                         <span class="custom-tree-node">
                             <el-dropdown size="small" @visible-change="getFilePath(data, $event)" trigger="contextmenu">
@@ -81,9 +90,8 @@
                                         <SvgIcon name="document" />
                                     </span>
 
-                                    <span style="display: inline-block">
+                                    <span>
                                         {{ node.label }}
-                                        <span style="color: #67c23a" v-if="data.type == '-'">&nbsp;&nbsp;[{{ formatFileSize(data.size) }}]</span>
                                     </span>
                                 </span>
 
@@ -133,6 +141,10 @@
                                     </el-dropdown-menu>
                                 </template>
                             </el-dropdown>
+                            <span style="display: inline-block" class="ml15">
+                                <span style="color: #67c23a" v-if="data.type == '-'">[{{ formatFileSize(data.size) }}]</span>
+                                <span v-if="data.mode" style="color: #67c23a">&nbsp;[{{ data.mode }} {{ data.modTime }}]</span>
+                            </span>
                         </span>
                     </template>
                 </el-tree>
@@ -161,7 +173,7 @@
             </div>
 
             <template #footer>
-                <div class="dialog-footer">
+                <div>
                     <el-button @click="closeCreateFileDialog">关闭</el-button>
                     <el-button v-auth="'machine:file:write'" type="primary" @click="createFile">确定</el-button>
                 </div>
@@ -277,9 +289,9 @@ export default defineComponent({
             file: null as any,
         });
 
-        watch(props, (newValue) => {
-            if (newValue.machineId) {
-                getFiles();
+        watch(props, async (newValue) => {
+            if (newValue.machineId && newValue.visible) {
+                await getFiles();
             }
             state.dialogVisible = newValue.visible;
         });

mayfly_go_web/src/views/ops/machine/MachineEdit.vue

@@ -2,17 +2,15 @@
     <div>
         <el-dialog :title="title" v-model="dialogVisible" :close-on-click-modal="false" :destroy-on-close="true" :before-close="cancel" width="38%">
             <el-form :model="form" ref="machineForm" :rules="rules" label-width="85px">
-                <el-form-item prop="projectId" label="项目:" required>
-                    <el-select style="width: 100%" v-model="form.projectId" placeholder="请选择项目" @change="changeProject" filterable>
-                        <el-option v-for="item in projects" :key="item.id" :label="`${item.name} [${item.remark}]`" :value="item.id"> </el-option>
-                    </el-select>
+                <el-form-item prop="tagId" label="标签:" required>
+                    <tag-select v-model:tag-id="form.tagId" v-model:tag-path="form.tagPath" style="width: 100%" />
                 </el-form-item>
                 <el-form-item prop="name" label="名称:" required>
                     <el-input v-model.trim="form.name" placeholder="请输入机器别名" auto-complete="off"></el-input>
                 </el-form-item>
                 <el-form-item prop="ip" label="ip:" required>
                     <el-col :span="18">
-                        <el-input v-model.trim="form.ip" placeholder="主机ip" auto-complete="off"></el-input>
+                        <el-input :disabled="form.id != 0" v-model.trim="form.ip" placeholder="主机ip" auto-complete="off"></el-input>
                     </el-col>
                     <el-col style="text-align: center" :span="1">:</el-col>
                     <el-col :span="5">
@@ -52,6 +50,10 @@
                     <el-input type="textarea" v-model="form.remark"></el-input>
                 </el-form-item>
 
+                <el-form-item prop="enableRecorder" label="终端回放:">
+                    <el-checkbox v-model="form.enableRecorder" :true-label="1" :false-label="-1"></el-checkbox>
+                </el-form-item>
+
                 <el-form-item prop="enableSshTunnel" label="SSH隧道:">
                     <el-col :span="3">
                         <el-checkbox @change="getSshTunnelMachines" v-model="form.enableSshTunnel" :true-label="1" :false-label="-1"></el-checkbox>
@@ -87,9 +89,13 @@ import { machineApi } from './api';
 import { ElMessage } from 'element-plus';
 import { notBlank } from '@/common/assert';
 import { RsaEncrypt } from '@/common/rsa';
+import TagSelect from '../component/TagSelect.vue';
 
 export default defineComponent({
     name: 'MachineEdit',
+    components: {
+        TagSelect,
+    },
     props: {
         visible: {
             type: Boolean,
@@ -108,12 +114,15 @@ export default defineComponent({
         const machineForm: any = ref(null);
         const state = reactive({
             dialogVisible: false,
-            projects: [],
-            sshTunnelMachineList: [],
+            projects: [] as any,
+            sshTunnelMachineList: [] as any,
+            tags: [],
+            selectTags: [],
             form: {
                 id: null,
-                projectId: null,
-                projectName: null,
+                tagId: null as any,
+                tagPath: '',
+                ip: null,
                 name: null,
                 authMethod: 1,
                 port: 22,
@@ -122,21 +131,15 @@ export default defineComponent({
                 remark: '',
                 enableSshTunnel: null,
                 sshTunnelMachineId: null,
+                enableRecorder: -1,
             },
             pwd: '',
             btnLoading: false,
             rules: {
-                projectId: [
+                tagId: [
                     {
                         required: true,
-                        message: '请选择项目',
-                        trigger: ['change', 'blur'],
-                    },
-                ],
-                envId: [
-                    {
-                        required: true,
-                        message: '请选择环境',
+                        message: '请选择标签',
                         trigger: ['change', 'blur'],
                     },
                 ],
@@ -193,6 +196,7 @@ export default defineComponent({
         };
 
         const getSshTunnelMachine = (machineId: any) => {
+            notBlank(machineId, '请选择或先创建一台隧道机器');
             return state.sshTunnelMachineList.find((x: any) => x.id == machineId);
         };
 
@@ -200,14 +204,6 @@ export default defineComponent({
             state.pwd = await machineApi.getMachinePwd.request({ id: state.form.id });
         };
 
-        const changeProject = (projectId: number) => {
-            for (let p of state.projects as any) {
-                if (p.id == projectId) {
-                    state.form.projectName = p.name;
-                }
-            }
-        };
-
         const btnOk = async () => {
             if (!state.form.id) {
                 notBlank(state.form.password, '新增操作，密码不可为空');
@@ -252,7 +248,6 @@ export default defineComponent({
             machineForm,
             getSshTunnelMachines,
             getPwd,
-            changeProject,
             btnOk,
             cancel,
         };

mayfly_go_web/src/views/ops/machine/MachineList.vue

@@ -3,21 +3,15 @@
         <el-card>
             <div>
                 <el-button v-auth="'machine:add'" type="primary" icon="plus" @click="openFormDialog(false)" plain>添加</el-button>
-                <el-button
-                    v-auth="'machine:update'"
-                    type="primary"
-                    icon="edit"
-                    :disabled="currentId == null"
-                    @click="openFormDialog(currentData)"
-                    plain
+                <el-button v-auth="'machine:update'" type="primary" icon="edit" :disabled="!currentId" @click="openFormDialog(currentData)" plain
                     >编辑</el-button
                 >
-                <el-button v-auth="'machine:del'" :disabled="currentId == null" @click="deleteMachine(currentId)" type="danger" icon="delete"
+                <el-button v-auth="'machine:del'" :disabled="!currentId" @click="deleteMachine(currentId)" type="danger" icon="delete"
                     >删除</el-button
                 >
                 <div style="float: right">
-                    <el-select v-model="params.projectId" placeholder="请选择项目" @clear="search" filterable clearable>
-                        <el-option v-for="item in projects" :key="item.id" :label="`${item.name} [${item.remark}]`" :value="item.id"> </el-option>
+                    <el-select @focus="getTags" v-model="params.tagPath" placeholder="请选择标签" @clear="search" filterable clearable>
+                        <el-option v-for="item in tags" :key="item" :label="item" :value="item"> </el-option>
                     </el-select>
                     <el-input
                         class="ml5"
@@ -66,38 +60,42 @@
                     </template>
                 </el-table-column>
                 <el-table-column prop="username" label="用户名" min-width="90"></el-table-column>
-                <el-table-column prop="projectName" label="项目" min-width="120"></el-table-column>
+                <el-table-column prop="tagPath" label="标签路径" min-width="150" show-overflow-tooltip></el-table-column>
                 <el-table-column prop="remark" label="备注" min-width="250" show-overflow-tooltip></el-table-column>
                 <el-table-column prop="createTime" label="创建时间" min-width="165">
                     <template #default="scope">
-                        {{ $filters.dateFormat(scope.row.createTime) }}
+                        {{ dateFormat(scope.row.createTime) }}
                     </template>
                 </el-table-column>
                 <el-table-column prop="creator" label="创建者" min-width="80"></el-table-column>
-                <el-table-column label="操作" min-width="280" fixed="right">
+                <el-table-column label="操作" min-width="235" fixed="right">
                     <template #default="scope">
-                        <el-link
-                            v-auth="'machine:terminal'"
-                            :disabled="scope.row.status == -1"
-                            type="primary"
-                            @click="showTerminal(scope.row)"
-                            plain
-                            size="small"
-                            :underline="false"
-                            >终端</el-link
-                        >
-                        <el-divider v-auth="'machine:terminal'" direction="vertical" border-style="dashed" />
-                        <el-link
-                            v-auth="'machine:file'"
-                            type="success"
-                            :disabled="scope.row.status == -1"
-                            @click="fileManage(scope.row)"
-                            plain
-                            size="small"
-                            :underline="false"
-                            >文件</el-link
-                        >
-                        <el-divider v-auth="'machine:file'" direction="vertical" border-style="dashed" />
+                        <span v-auth="'machine:terminal'">
+                            <el-link
+                                :disabled="scope.row.status == -1"
+                                type="primary"
+                                @click="showTerminal(scope.row)"
+                                plain
+                                size="small"
+                                :underline="false"
+                                >终端</el-link
+                            >
+                            <el-divider direction="vertical" border-style="dashed" />
+                        </span>
+
+                        <span v-auth="'machine:file'">
+                            <el-link
+                                type="success"
+                                :disabled="scope.row.status == -1"
+                                @click="fileManage(scope.row)"
+                                plain
+                                size="small"
+                                :underline="false"
+                                >文件</el-link
+                            >
+                            <el-divider direction="vertical" border-style="dashed" />
+                        </span>
+
                         <el-link
                             :disabled="scope.row.status == -1"
                             type="warning"
@@ -108,19 +106,47 @@
                             >脚本</el-link
                         >
                         <el-divider direction="vertical" border-style="dashed" />
-                        <el-link @click="showProcess(scope.row)" :disabled="scope.row.status == -1" plain :underline="false" size="small"
-                            >进程</el-link
-                        >
-                        <el-divider direction="vertical" border-style="dashed" />
-                        <el-link
-                            :disabled="!scope.row.hasCli || scope.row.status == -1"
-                            type="danger"
-                            @click="closeCli(scope.row)"
-                            plain
-                            size="small"
-                            :underline="false"
-                            >关闭连接</el-link
-                        >
+
+                        <el-dropdown>
+                            <span class="el-dropdown-link-machine-list">
+                                更多
+                                <el-icon class="el-icon--right">
+                                    <arrow-down />
+                                </el-icon>
+                            </span>
+                            <template #dropdown>
+                                <el-dropdown-menu>
+                                    <el-dropdown-item
+                                        ><el-link
+                                            @click="showProcess(scope.row)"
+                                            :disabled="scope.row.status == -1"
+                                            plain
+                                            :underline="false"
+                                            size="small"
+                                            >进程</el-link
+                                        ></el-dropdown-item
+                                    >
+
+                                    <el-dropdown-item v-if="scope.row.enableRecorder == 1"
+                                        ><el-link v-auth="'machine:update'" @click="showRec(scope.row)" plain :underline="false" size="small"
+                                            >终端回放</el-link
+                                        ></el-dropdown-item
+                                    >
+
+                                    <el-dropdown-item
+                                        ><el-link
+                                            :disabled="!scope.row.hasCli || scope.row.status == -1"
+                                            type="danger"
+                                            @click="closeCli(scope.row)"
+                                            plain
+                                            size="small"
+                                            :underline="false"
+                                            >关闭连接</el-link
+                                        ></el-dropdown-item
+                                    >
+                                </el-dropdown-menu>
+                            </template>
+                        </el-dropdown>
                     </template>
                 </el-table-column>
             </el-table>
@@ -138,7 +164,6 @@
 
         <machine-edit
             :title="machineEditDialog.title"
-            :projects="projects"
             v-model:visible="machineEditDialog.visible"
             v-model:machine="machineEditDialog.data"
             @valChange="submitSuccess"
@@ -155,6 +180,8 @@
             :machineId="machineStatsDialog.machineId"
             :title="machineStatsDialog.title"
         ></machine-stats>
+
+        <machine-rec v-model:visible="machineRecDialog.visible" :machineId="machineRecDialog.machineId" :title="machineRecDialog.title"></machine-rec>
     </div>
 </template>
 
@@ -163,12 +190,14 @@ import { toRefs, reactive, onMounted, defineComponent } from 'vue';
 import { useRouter } from 'vue-router';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { machineApi } from './api';
-import { projectApi } from '../project/api.ts';
+import { tagApi } from '../tag/api.ts';
 import ServiceManage from './ServiceManage.vue';
 import FileManage from './FileManage.vue';
 import MachineEdit from './MachineEdit.vue';
 import ProcessList from './ProcessList.vue';
 import MachineStats from './MachineStats.vue';
+import MachineRec from './MachineRec.vue';
+import { dateFormat } from '@/common/utils/date';
 
 export default defineComponent({
     name: 'MachineList',
@@ -178,17 +207,19 @@ export default defineComponent({
         FileManage,
         MachineEdit,
         MachineStats,
+        MachineRec,
     },
     setup() {
         const router = useRouter();
         const state = reactive({
-            projects: [],
+            tags: [] as any,
             stats: '',
             params: {
                 pageNum: 1,
                 pageSize: 10,
                 ip: null,
                 name: null,
+                tagPath: null,
             },
             // 列表数据
             data: {
@@ -196,7 +227,7 @@ export default defineComponent({
                 total: 10,
             },
             // 当前选中数据id
-            currentId: null,
+            currentId: 0,
             currentData: null,
             serviceDialog: {
                 visible: false,
@@ -220,9 +251,14 @@ export default defineComponent({
             },
             machineEditDialog: {
                 visible: false,
-                data: null,
+                data: null as any,
                 title: '新增机器',
             },
+            machineRecDialog: {
+                visible: false,
+                machineId: 0,
+                title: '',
+            },
         });
 
         onMounted(async () => {
@@ -259,8 +295,11 @@ export default defineComponent({
             search();
         };
 
+        const getTags = async () => {
+            state.tags = await tagApi.getAccountTags.request(null);
+        };
+
         const openFormDialog = async (machine: any) => {
-            state.projects = await projectApi.accountProjects.request(null);
             let dialogTitle;
             if (machine) {
                 state.machineEditDialog.data = state.currentData as any;
@@ -283,7 +322,7 @@ export default defineComponent({
                 });
                 await machineApi.del.request({ id });
                 ElMessage.success('操作成功');
-                state.currentId = null;
+                state.currentId = 0;
                 state.currentData = null;
                 search();
             } catch (err) {}
@@ -312,7 +351,7 @@ export default defineComponent({
         };
 
         const submitSuccess = () => {
-            state.currentId = null;
+            state.currentId = 0;
             state.currentData = null;
             search();
         };
@@ -338,9 +377,17 @@ export default defineComponent({
             state.processDialog.visible = true;
         };
 
+        const showRec = (row: any) => {
+            state.machineRecDialog.title = `${row.name}[${row.ip}]-终端回放记录`;
+            state.machineRecDialog.machineId = row.id;
+            state.machineRecDialog.visible = true;
+        };
+
         return {
             ...toRefs(state),
+            dateFormat,
             choose,
+            getTags,
             showTerminal,
             openFormDialog,
             deleteMachine,
@@ -352,6 +399,7 @@ export default defineComponent({
             submitSuccess,
             fileManage,
             search,
+            showRec,
             handlePageChange,
         };
     },
@@ -362,4 +410,11 @@ export default defineComponent({
 .el-dialog__body {
     padding: 2px 2px;
 }
+.el-dropdown-link-machine-list {
+    cursor: pointer;
+    color: var(--el-color-primary);
+    display: flex;
+    align-items: center;
+    margin-top: 6px;
+}
 </style>

mayfly_go_web/src/views/ops/machine/MachineRec.vue

@@ -0,0 +1,137 @@
+<template>
+    <div id="terminalRecDialog">
+        <el-dialog
+            :title="title"
+            v-model="dialogVisible"
+            :before-close="handleClose"
+            :close-on-click-modal="false"
+            :destroy-on-close="true"
+            width="70%"
+        >
+            <div class="toolbar">
+                <el-select @change="getUsers" v-model="operateDate" placeholder="操作日期" filterable>
+                    <el-option v-for="item in operateDates" :key="item" :label="item" :value="item"> </el-option>
+                </el-select>
+                <el-select class="ml10" @change="getRecs" filterable v-model="user" placeholder="请选择操作人">
+                    <el-option v-for="item in users" :key="item" :label="item" :value="item"> </el-option>
+                </el-select>
+                <el-select class="ml10" @change="playRec" filterable v-model="rec" placeholder="请选择操作记录">
+                    <el-option v-for="item in recs" :key="item" :label="item" :value="item"> </el-option>
+                </el-select>
+                <el-divider direction="vertical" border-style="dashed" />
+                快捷键-> space[空格键]: 暂停/播放
+            </div>
+            <div ref="playerRef" id="rc-player"></div>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts">
+import { toRefs, watch, ref, reactive, defineComponent } from 'vue';
+import { machineApi } from './api';
+import * as AsciinemaPlayer from 'asciinema-player';
+import 'asciinema-player/dist/bundle/asciinema-player.css';
+
+export default defineComponent({
+    name: 'MachineRec',
+    components: {},
+    props: {
+        visible: { type: Boolean },
+        machineId: { type: Number },
+        title: { type: String },
+    },
+    setup(props: any, context) {
+        const playerRef = ref(null);
+        const state = reactive({
+            dialogVisible: false,
+            title: '',
+            machineId: 0,
+            operateDates: [],
+            users: [],
+            recs: [],
+            operateDate: '',
+            user: '',
+            rec: '',
+        });
+
+        watch(props, async (newValue) => {
+            const visible = newValue.visible;
+            if (visible) {
+                state.machineId = newValue.machineId;
+                state.title = newValue.title;
+                await getOperateDate();
+            }
+            state.dialogVisible = visible;
+        });
+
+        const getOperateDate = async () => {
+            const res = await machineApi.recDirNames.request({ path: state.machineId });
+            state.operateDates = res as any;
+        };
+
+        const getUsers = async (operateDate: string) => {
+            state.users = [];
+            state.user = '';
+            state.recs = [];
+            state.rec = '';
+            const res = await machineApi.recDirNames.request({ path: `${state.machineId}/${operateDate}` });
+            state.users = res as any;
+        };
+
+        const getRecs = async (user: string) => {
+            state.recs = [];
+            state.rec = '';
+            const res = await machineApi.recDirNames.request({ path: `${state.machineId}/${state.operateDate}/${user}` });
+            state.recs = res as any;
+        };
+
+        let player: any = null;
+
+        const playRec = async (rec: string) => {
+            if (player) {
+                player.dispose();
+            }
+            const content = await machineApi.recDirNames.request({
+                isFile: '1',
+                path: `${state.machineId}/${state.operateDate}/${state.user}/${rec}`,
+            });
+            player = AsciinemaPlayer.create(`data:text/plain;base64,${content}`, playerRef.value, {
+                autoPlay: true,
+                speed: 1.0,
+                idleTimeLimit: 2,
+            });
+        };
+
+        /**
+         * 关闭取消按钮触发的事件
+         */
+        const handleClose = () => {
+            context.emit('update:visible', false);
+            context.emit('update:machineId', null);
+            context.emit('cancel');
+            state.operateDates = [];
+            state.users = [];
+            state.recs = [];
+            state.operateDate = '';
+            state.user = '';
+            state.rec = '';
+        };
+
+        return {
+            ...toRefs(state),
+            playerRef,
+            getUsers,
+            getRecs,
+            playRec,
+            handleClose,
+        };
+    },
+});
+</script>
+<style lang="scss">
+#terminalRecDialog {
+    .el-overlay .el-overlay-dialog .el-dialog .el-dialog__body {
+        padding: 0px !important;
+    }
+}
+</style>

mayfly_go_web/src/views/ops/machine/ScriptEdit.vue

@@ -9,7 +9,7 @@
             :destroy-on-close="true"
             width="900px"
         >
-            <el-form :model="form" ref="scriptForm" label-width="70px" size="small">
+            <el-form :model="form" ref="scriptForm" label-width="50px" size="small">
                 <el-form-item prop="method" label="名称">
                     <el-input v-model.trim="form.name" placeholder="请输入名称"></el-input>
                 </el-form-item>
@@ -187,11 +187,6 @@ export default defineComponent({
 });
 </script>
 <style lang="scss">
-// 	.m-dialog {
-// 		.el-cascader {
-// 			width: 100%;
-// 		}
-// 	}
 #content {
     .CodeMirror {
         height: 300px !important;

mayfly_go_web/src/views/ops/machine/ServiceManage.vue

@@ -187,9 +187,9 @@ export default defineComponent({
             },
         });
 
-        watch(props, (newValue) => {
-            if (props.machineId) {
-                getScripts();
+        watch(props, async (newValue) => {
+            if (props.machineId && newValue.visible) {
+                await getScripts();
             }
             state.dialogVisible = newValue.visible;
         });

mayfly_go_web/src/views/ops/machine/SshTerminal.vue

@@ -70,6 +70,7 @@ export default defineComponent({
                     foreground: getThemeConfig.value.terminalForeground || '#7e9192', //字体
                     background: getThemeConfig.value.terminalBackground || '#002833', //背景色
                     cursor: getThemeConfig.value.terminalCursor || '#268F81', //设置光标
+                    // cursorAccent: "red",  // 光标停止颜色
                 } as any,
             });
             const fitAddon = new FitAddon();

mayfly_go_web/src/views/ops/machine/api.ts

@@ -33,5 +33,6 @@ export const machineApi = {
     addConf: Api.create("/machines/{machineId}/files", 'post'),
     // 删除配置的文件or目录
     delConf: Api.create("/machines/{machineId}/files/{id}", 'delete'),
-    terminal: Api.create("/api/machines/{id}/terminal", 'get')
+    terminal: Api.create("/api/machines/{id}/terminal", 'get'),
+    recDirNames: Api.create("/machines/rec/names", 'get')
 }

mayfly_go_web/src/views/ops/mongo/MongoDataOp.vue

@@ -3,36 +3,45 @@
         <div class="toolbar">
             <el-row type="flex" justify="space-between">
                 <el-col :span="24">
-                    <project-env-select @changeProjectEnv="changeProjectEnv">
-                        <template #default>
-                            <el-form-item label="实例" label-width="40px">
-                                <el-select v-model="mongoId" placeholder="请选择mongo" @change="changeMongo">
-                                    <el-option v-for="item in mongoList" :key="item.id" :label="item.name" :value="item.id">
-                                        <span style="float: left">{{ item.name }}</span>
-                                        <span style="float: right; color: #8492a6; margin-left: 6px; font-size: 13px">{{ ` [${item.uri}]` }}</span>
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
+                    <el-form class="search-form" label-position="right" :inline="true">
+                        <el-form-item label="标签">
+                            <el-select
+                                @change="changeTag"
+                                @focus="getTags"
+                                v-model="query.tagPath"
+                                placeholder="请选择标签"
+                                filterable
+                                style="width: 250px"
+                            >
+                                <el-option v-for="item in tags" :key="item" :label="item" :value="item"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="实例" label-width="40px">
+                            <el-select v-model="mongoId" placeholder="请选择mongo" @change="changeMongo">
+                                <el-option v-for="item in mongoList" :key="item.id" :label="item.name" :value="item.id">
+                                    <span style="float: left">{{ item.name }}</span>
+                                    <span style="float: right; color: #8492a6; margin-left: 6px; font-size: 13px">{{ ` [${item.uri}]` }}</span>
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
 
-                            <el-form-item label="库" label-width="20px">
-                                <el-select v-model="database" placeholder="请选择库" @change="changeDatabase" filterable>
-                                    <el-option v-for="item in databases" :key="item.Name" :label="item.Name" :value="item.Name">
-                                        <span style="float: left">{{ item.Name }}</span>
-                                        <span style="float: right; color: #8492a6; margin-left: 4px; font-size: 13px">{{
-                                            ` [${formatByteSize(item.SizeOnDisk)}]`
-                                        }}</span>
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
+                        <el-form-item label="库" label-width="20px">
+                            <el-select v-model="database" placeholder="请选择库" @change="changeDatabase" filterable>
+                                <el-option v-for="item in databases" :key="item.Name" :label="item.Name" :value="item.Name">
+                                    <span style="float: left">{{ item.Name }}</span>
+                                    <span style="float: right; color: #8492a6; margin-left: 4px; font-size: 13px">{{
+                                        ` [${formatByteSize(item.SizeOnDisk)}]`
+                                    }}</span>
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
 
-                            <el-form-item label="集合" label-width="40px">
-                                <el-select v-model="collection" placeholder="请选择集合" @change="changeCollection" filterable>
-                                    <el-option v-for="item in collections" :key="item" :label="item" :value="item">
-                                    </el-option>
-                                </el-select>
-                            </el-form-item>
-                        </template>
-                    </project-env-select>
+                        <el-form-item label="集合" label-width="40px">
+                            <el-select v-model="collection" placeholder="请选择集合" @change="changeCollection" filterable>
+                                <el-option v-for="item in collections" :key="item" :label="item" :value="item"> </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
                 </el-col>
             </el-row>
         </div>
@@ -64,12 +73,7 @@
 
                                         <el-divider direction="vertical" border-style="dashed" />
 
-                                        <el-link
-                                            @click="onSaveDoc(item.value)"
-                                            :underline="false"
-                                            type="warning"
-                                            icon="DocumentChecked"
-                                        ></el-link>
+                                        <el-link @click="onSaveDoc(item.value)" :underline="false" type="warning" icon="DocumentChecked"></el-link>
 
                                         <el-divider direction="vertical" border-style="dashed" />
 
@@ -132,36 +136,38 @@
 import { mongoApi } from './api';
 import { toRefs, ref, reactive, defineComponent } from 'vue';
 import { ElMessage } from 'element-plus';
-import ProjectEnvSelect from '../component/ProjectEnvSelect.vue';
 
 import { isTrue, notBlank, notNull } from '@/common/assert';
 import { formatByteSize } from '@/common/utils/format';
 import JsonEdit from '@/components/jsonedit/index.vue';
+import { tagApi } from '../tag/api.ts';
 
 export default defineComponent({
     name: 'MongoDataOp',
     components: {
-        ProjectEnvSelect,
         JsonEdit,
     },
     setup() {
         const findParamInputRef: any = ref(null);
         const state = reactive({
             loading: false,
-            mongoList: [],
+            tags: [],
+            mongoList: [] as any,
             query: {
-                envId: 0,
+                tagPath: null,
             },
             mongoId: null, // 当前选择操作的mongo
             database: '', // 当前选择操作的库
             collection: '', //当前选中的collection
             activeName: '', // 当前操作的tab
-            databases: [],
-            collections: [],
-            dataTabs: {}, // 数据tabs
+            databases: [] as any,
+            collections: [] as any,
+            dataTabs: {} as any, // 数据tabs
             findDialog: {
                 visible: false,
                 findParam: {
+                    limit: 0,
+                    skip: 0,
                     filter: '',
                     sort: '',
                 },
@@ -178,24 +184,27 @@ export default defineComponent({
         });
 
         const searchMongo = async () => {
-            notNull(state.query.envId, '请先选择项目环境');
+            notNull(state.query.tagPath, '请先选择标签');
             const res = await mongoApi.mongoList.request(state.query);
             state.mongoList = res.list;
         };
 
-        const changeProjectEnv = (projectId: any, envId: any) => {
+        const changeTag = (tagPath: string) => {
             state.databases = [];
             state.collections = [];
             state.mongoId = null;
             state.collection = '';
             state.database = '';
             state.dataTabs = {};
-            if (envId != null) {
-                state.query.envId = envId;
+            if (tagPath != null) {
                 searchMongo();
             }
         };
 
+        const getTags = async () => {
+            state.tags = await tagApi.getAccountTags.request(null);
+        };
+
         const changeMongo = () => {
             state.databases = [];
             state.collections = [];
@@ -419,7 +428,8 @@ export default defineComponent({
         return {
             ...toRefs(state),
             findParamInputRef,
-            changeProjectEnv,
+            getTags,
+            changeTag,
             changeMongo,
             changeDatabase,
             changeCollection,

mayfly_go_web/src/views/ops/mongo/MongoEdit.vue

@@ -2,17 +2,10 @@
     <div>
         <el-dialog :title="title" v-model="dialogVisible" :before-close="cancel" :close-on-click-modal="false" width="38%" :destroy-on-close="true">
             <el-form :model="form" ref="mongoForm" :rules="rules" label-width="85px">
-                <el-form-item prop="projectId" label="项目" required>
-                    <el-select style="width: 100%" v-model="form.projectId" placeholder="请选择项目" @change="changeProject" filterable>
-                        <el-option v-for="item in projects" :key="item.id" :label="`${item.name} [${item.remark}]`" :value="item.id"> </el-option>
-                    </el-select>
+                <el-form-item prop="tagId" label="标签:" required>
+                    <tag-select v-model:tag-id="form.tagId" v-model:tag-path="form.tagPath" style="width: 100%" />
                 </el-form-item>
 
-                <el-form-item prop="envId" label="环境" required>
-                    <el-select @change="changeEnv" style="width: 100%" v-model="form.envId" placeholder="请选择环境">
-                        <el-option v-for="item in envs" :key="item.id" :label="`${item.name} [${item.remark}]`" :value="item.id"> </el-option>
-                    </el-select>
-                </el-form-item>
                 <el-form-item prop="name" label="名称" required>
                     <el-input v-model.trim="form.name" placeholder="请输入名称" auto-complete="off"></el-input>
                 </el-form-item>
@@ -58,19 +51,19 @@
 <script lang="ts">
 import { toRefs, reactive, watch, defineComponent, ref } from 'vue';
 import { mongoApi } from './api';
-import { projectApi } from '../project/api.ts';
 import { machineApi } from '../machine/api.ts';
 import { ElMessage } from 'element-plus';
+import TagSelect from '../component/TagSelect.vue';
 
 export default defineComponent({
     name: 'MongoEdit',
+    components: {
+        TagSelect,
+    },
     props: {
         visible: {
             type: Boolean,
         },
-        projects: {
-            type: Array,
-        },
         mongo: {
             type: [Boolean, Object],
         },
@@ -82,33 +75,22 @@ export default defineComponent({
         const mongoForm: any = ref(null);
         const state = reactive({
             dialogVisible: false,
-            projects: [],
-            envs: [],
-            sshTunnelMachineList: [],
+            sshTunnelMachineList: [] as any,
             form: {
                 id: null,
                 name: null,
                 uri: null,
                 enableSshTunnel: -1,
                 sshTunnelMachineId: null,
-                project: null,
-                projectId: null,
-                envId: null,
-                env: null,
+                tagId: null as any,
+                tagPath: null as any,
             },
             btnLoading: false,
             rules: {
-                projectId: [
+                tagId: [
                     {
                         required: true,
-                        message: '请选择项目',
-                        trigger: ['change', 'blur'],
-                    },
-                ],
-                envId: [
-                    {
-                        required: true,
-                        message: '请选择环境',
+                        message: '请选择标签',
                         trigger: ['change', 'blur'],
                     },
                 ],
@@ -134,12 +116,9 @@ export default defineComponent({
             if (!state.dialogVisible) {
                 return;
             }
-            state.projects = newValue.projects;
             if (newValue.mongo) {
-                getEnvs(newValue.mongo.projectId);
                 state.form = { ...newValue.mongo };
             } else {
-                state.envs = [];
                 state.form = { db: 0 } as any;
             }
             getSshTunnelMachines();
@@ -152,30 +131,6 @@ export default defineComponent({
             }
         };
 
-        const getEnvs = async (projectId: any) => {
-            state.envs = await projectApi.projectEnvs.request({ projectId });
-        };
-
-        const changeProject = (projectId: number) => {
-            for (let p of state.projects as any) {
-                if (p.id == projectId) {
-                    state.form.project = p.name;
-                }
-            }
-            state.form.envId = null;
-            state.form.env = null;
-            state.envs = [];
-            getEnvs(projectId);
-        };
-
-        const changeEnv = (envId: number) => {
-            for (let p of state.envs as any) {
-                if (p.id == envId) {
-                    state.form.env = p.name;
-                }
-            }
-        };
-
         const btnOk = async () => {
             mongoForm.value.validate(async (valid: boolean) => {
                 if (valid) {
@@ -206,9 +161,7 @@ export default defineComponent({
         return {
             ...toRefs(state),
             mongoForm,
-            changeProject,
             getSshTunnelMachines,
-            changeEnv,
             btnOk,
             cancel,
         };

mayfly_go_web/src/views/ops/mongo/MongoList.vue

@@ -5,8 +5,8 @@
             <el-button type="primary" icon="edit" :disabled="currentId == null" @click="editMongo(false)" plain>编辑</el-button>
             <el-button type="danger" icon="delete" :disabled="currentId == null" @click="deleteMongo" plain>删除</el-button>
             <div style="float: right">
-                <el-select v-model="query.projectId" placeholder="请选择项目" filterable clearable>
-                    <el-option v-for="item in projects" :key="item.id" :label="`${item.name} [${item.remark}]`" :value="item.id"> </el-option>
+                <el-select @focus="getTags" v-model="query.tagPath" placeholder="请选择标签" filterable clearable>
+                    <el-option v-for="item in tags" :key="item" :label="item" :value="item"> </el-option>
                 </el-select>
                 <el-button class="ml5" @click="search" type="success" icon="search"></el-button>
             </div>
@@ -18,8 +18,7 @@
                         </el-radio>
                     </template>
                 </el-table-column>
-                <el-table-column prop="project" label="项目" width></el-table-column>
-                <el-table-column prop="env" label="环境" width></el-table-column>
+                <el-table-column prop="tagPath" label="标签路径" min-width="150" show-overflow-tooltip></el-table-column>
                 <el-table-column prop="name" label="名称" width></el-table-column>
                 <el-table-column prop="uri" label="连接uri" min-width="150" show-overflow-tooltip>
                     <template #default="scope">
@@ -28,7 +27,7 @@
                 </el-table-column>
                 <el-table-column prop="createTime" label="创建时间" min-width="150">
                     <template #default="scope">
-                        {{ $filters.dateFormat(scope.row.createTime) }}
+                        {{ dateFormat(scope.row.createTime) }}
                     </template>
                 </el-table-column>
                 <el-table-column prop="creator" label="创建人"></el-table-column>
@@ -180,7 +179,6 @@
 
         <mongo-edit
             @val-change="valChange"
-            :projects="projects"
             :title="mongoEditDialog.title"
             v-model:visible="mongoEditDialog.visible"
             v-model:mongo="mongoEditDialog.data"
@@ -192,9 +190,10 @@
 import { mongoApi } from './api';
 import { toRefs, reactive, defineComponent, onMounted } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
-import { projectApi } from '../project/api.ts';
+import { tagApi } from '../tag/api.ts';
 import MongoEdit from './MongoEdit.vue';
 import { formatByteSize } from '@/common/utils/format';
+import { dateFormat } from '@/common/utils/date';
 
 export default defineComponent({
     name: 'MongoList',
@@ -203,7 +202,7 @@ export default defineComponent({
     },
     setup() {
         const state = reactive({
-            projects: [],
+            tags: [],
             list: [],
             total: 0,
             currentId: null,
@@ -211,12 +210,11 @@ export default defineComponent({
             query: {
                 pageNum: 1,
                 pageSize: 10,
-                prjectId: null,
-                clusterId: null,
+                tagPath: null,
             },
             mongoEditDialog: {
                 visible: false,
-                data: null,
+                data: null as any,
                 title: '新增mongo',
             },
             databaseDialog: {
@@ -225,7 +223,7 @@ export default defineComponent({
                 title: '',
                 statsDialog: {
                     visible: false,
-                    data: {},
+                    data: {} as any,
                     title: '',
                 },
             },
@@ -236,7 +234,7 @@ export default defineComponent({
                 title: '',
                 statsDialog: {
                     visible: false,
-                    data: {},
+                    data: {} as any,
                     title: '',
                 },
             },
@@ -370,8 +368,11 @@ export default defineComponent({
             state.total = res.total;
         };
 
+        const getTags = async () => {
+            state.tags = await tagApi.getAccountTags.request(null);
+        };
+
         const editMongo = async (isAdd = false) => {
-            state.projects = await projectApi.accountProjects.request(null);
             if (isAdd) {
                 state.mongoEditDialog.data = null;
                 state.mongoEditDialog.title = '新增mongo';
@@ -390,6 +391,8 @@ export default defineComponent({
 
         return {
             ...toRefs(state),
+            dateFormat,
+            getTags,
             search,
             handlePageChange,
             choose,

mayfly_go_web/src/views/ops/project/ProjectList.vue

@@ -1,415 +0,0 @@
-<template>
-    <div class="project-list">
-        <el-card>
-            <div>
-                <el-button @click="showAddProjectDialog" v-auth="permissions.saveProject" type="primary" icon="plus">添加</el-button>
-                <el-button
-                    @click="showAddProjectDialog(chooseData)"
-                    v-auth="permissions.saveProject"
-                    :disabled="chooseId == null"
-                    type="primary"
-                    icon="edit"
-                    >编辑</el-button
-                >
-                <el-button @click="showMembers(chooseData)" :disabled="chooseId == null" type="success" icon="user">成员管理</el-button>
-
-                <el-button @click="showEnv(chooseData)" :disabled="chooseId == null" type="info" icon="setting">环境管理</el-button>
-
-                <el-button v-auth="permissions.delProject" @click="delProject" :disabled="chooseId == null" type="danger" icon="delete"
-                    >删除</el-button
-                >
-
-                <div style="float: right">
-                    <el-input class="mr2" placeholder="请输入项目名！" style="width: 200px" v-model="query.name" @clear="search" clearable></el-input>
-                    <el-button @click="search" type="success" icon="search"></el-button>
-                </div>
-            </div>
-            <el-table :data="projects" @current-change="choose" ref="table" style="width: 100%">
-                <el-table-column label="选择" width="55px">
-                    <template #default="scope">
-                        <el-radio v-model="chooseId" :label="scope.row.id">
-                            <i></i>
-                        </el-radio>
-                    </template>
-                </el-table-column>
-                <el-table-column prop="name" label="项目名"></el-table-column>
-                <el-table-column prop="remark" label="描述" min-width="180px" show-overflow-tooltip></el-table-column>
-                <el-table-column prop="createTime" label="创建时间">
-                    <template #default="scope">
-                        {{ $filters.dateFormat(scope.row.createTime) }}
-                    </template>
-                </el-table-column>
-                <el-table-column prop="creator" label="创建者"> </el-table-column>
-                <!-- <el-table-column label="查看更多" min-width="80px">
-                <template #default="scope">
-                    <el-link @click.prevent="showMembers(scope.row)" type="success">成员</el-link>
-
-                    <el-link class="ml5" @click.prevent="showEnv(scope.row)" type="info">环境</el-link>
-                </template>
-            </el-table-column> -->
-            </el-table>
-            <el-row style="margin-top: 20px" type="flex" justify="end">
-                <el-pagination
-                    style="text-align: right"
-                    @current-change="handlePageChange"
-                    :total="total"
-                    layout="prev, pager, next, total, jumper"
-                    v-model:current-page="query.pageNum"
-                    :page-size="query.pageSize"
-                ></el-pagination>
-            </el-row>
-        </el-card>
-
-        <el-dialog width="400px" title="项目编辑" :before-close="cancelAddProject" v-model="addProjectDialog.visible">
-            <el-form :model="addProjectDialog.form" label-width="70px">
-                <el-form-item prop="name" label="项目名:" required>
-                    <el-input :disabled="addProjectDialog.form.id ? true : false" v-model="addProjectDialog.form.name" auto-complete="off"></el-input>
-                </el-form-item>
-                <el-form-item label="描述:">
-                    <el-input v-model="addProjectDialog.form.remark" auto-complete="off"></el-input>
-                </el-form-item>
-            </el-form>
-            <template #footer>
-                <div class="dialog-footer">
-                    <el-button @click="cancelAddProject()">取 消</el-button>
-                    <el-button @click="addProject" type="primary">确 定</el-button>
-                </div>
-            </template>
-        </el-dialog>
-
-        <el-dialog width="500px" :title="showEnvDialog.title" v-model="showEnvDialog.visible">
-            <div class="toolbar">
-                <el-button @click="showAddEnvDialog" v-auth="permissions.saveMember" type="primary" icon="plus">添加</el-button>
-                <!-- <el-button v-auth="'role:update'" :disabled="chooseId == null" type="danger" icon="delete">删除</el-button> -->
-            </div>
-            <el-table border :data="showEnvDialog.envs">
-                <el-table-column property="name" label="环境名" width="125"></el-table-column>
-                <el-table-column property="remark" label="描述" width="125"></el-table-column>
-                <el-table-column property="createTime" label="创建时间">
-                    <template #default="scope">
-                        {{ $filters.dateFormat(scope.row.createTime) }}
-                    </template>
-                </el-table-column>
-            </el-table>
-
-            <el-dialog width="400px" title="添加环境" :before-close="cancelAddEnv" v-model="showEnvDialog.addVisible">
-                <el-form :model="showEnvDialog.envForm" label-width="70px">
-                    <el-form-item prop="name" label="环境名:" required>
-                        <el-input v-model="showEnvDialog.envForm.name" auto-complete="off"></el-input>
-                    </el-form-item>
-                    <el-form-item label="描述:">
-                        <el-input v-model="showEnvDialog.envForm.remark" auto-complete="off"></el-input>
-                    </el-form-item>
-                </el-form>
-                <template #footer>
-                    <div class="dialog-footer">
-                        <el-button @click="cancelAddEnv()">取 消</el-button>
-                        <el-button v-auth="permissions.saveEnv" @click="addEnv" type="primary" :loading="btnLoading">确 定</el-button>
-                    </div>
-                </template>
-            </el-dialog>
-        </el-dialog>
-
-        <el-dialog width="500px" :title="showMemDialog.title" v-model="showMemDialog.visible">
-            <div class="toolbar">
-                <el-button v-auth="permissions.saveMember" @click="showAddMemberDialog()" type="primary" icon="plus">添加</el-button>
-                <el-button v-auth="permissions.delMember" @click="deleteMember" :disabled="showMemDialog.chooseId == null" type="danger" icon="delete"
-                    >移除</el-button
-                >
-            </div>
-            <el-table @current-change="chooseMember" border :data="showMemDialog.members.list">
-                <el-table-column label="选择" width="50px">
-                    <template #default="scope">
-                        <el-radio v-model="showMemDialog.chooseId" :label="scope.row.id">
-                            <i></i>
-                        </el-radio>
-                    </template>
-                </el-table-column>
-                <el-table-column property="username" label="账号" width="125"></el-table-column>
-                <el-table-column property="createTime" label="加入时间">
-                    <template #default="scope">
-                        {{ $filters.dateFormat(scope.row.createTime) }}
-                    </template>
-                </el-table-column>
-                <el-table-column property="creator" label="分配者" width="125"></el-table-column>
-            </el-table>
-            <el-pagination
-                @current-change="setMemebers"
-                style="text-align: center"
-                background
-                layout="prev, pager, next, total, jumper"
-                :total="showMemDialog.members.total"
-                v-model:current-page="showMemDialog.query.pageNum"
-                :page-size="showMemDialog.query.pageSize"
-            />
-
-            <el-dialog width="400px" title="添加成员" :before-close="cancelAddMember" v-model="showMemDialog.addVisible">
-                <el-form :model="showMemDialog.memForm" label-width="70px">
-                    <el-form-item label="账号:">
-                        <el-select
-                            style="width: 100%"
-                            remote
-                            :remote-method="getAccount"
-                            v-model="showMemDialog.memForm.accountId"
-                            filterable
-                            placeholder="请输入账号模糊搜索并选择"
-                        >
-                            <el-option v-for="item in showMemDialog.accounts" :key="item.id" :label="item.username" :value="item.id"> </el-option>
-                        </el-select>
-                    </el-form-item>
-                    <!-- <el-form-item label="描述:">
-                        <el-input v-model="showEnvDialog.envForm.remark" auto-complete="off"></el-input>
-                    </el-form-item> -->
-                </el-form>
-                <template #footer>
-                    <div class="dialog-footer">
-                        <el-button @click="cancelAddMember()">取 消</el-button>
-                        <el-button v-auth="permissions.saveMember" @click="addMember" type="primary" :loading="btnLoading">确 定</el-button>
-                    </div>
-                </template>
-            </el-dialog>
-        </el-dialog>
-    </div>
-</template>
-
-<script lang="ts">
-import { toRefs, reactive, onMounted, defineComponent } from 'vue';
-import { projectApi } from './api';
-import { accountApi } from '../../system/api';
-import { ElMessage, ElMessageBox } from 'element-plus';
-import { notEmpty, notNull } from '@/common/assert';
-export default defineComponent({
-    name: 'ProjectList',
-    components: {},
-    setup() {
-        const state = reactive({
-            permissions: {
-                saveProject: 'project:save',
-                delProject: 'project:del',
-                saveMember: 'project:member:add',
-                delMember: 'project:member:del',
-                saveEnv: 'project:env:add',
-            },
-            query: {
-                pageNum: 1,
-                pageSize: 10,
-                name: null,
-            },
-            total: 0,
-            projects: [],
-            btnLoading: false,
-            chooseId: null as any,
-            chooseData: null as any,
-            addProjectDialog: {
-                title: '新增项目',
-                visible: false,
-                form: { name: '', remark: '' },
-            },
-            showEnvDialog: {
-                visible: false,
-                envs: [],
-                title: '',
-                addVisible: false,
-                envForm: {
-                    name: '',
-                    remark: '',
-                    projectId: 0,
-                },
-            },
-            showMemDialog: {
-                visible: false,
-                chooseId: null,
-                chooseData: null,
-                query: {
-                    pageSize: 8,
-                    pageNum: 1,
-                    projectId: null,
-                },
-                members: {
-                    list: [],
-                    total: null,
-                },
-                title: '',
-                addVisible: false,
-                memForm: {},
-                accounts: [],
-            },
-        });
-
-        onMounted(() => {
-            search();
-        });
-
-        const search = async () => {
-            let res = await projectApi.projects.request(state.query);
-            state.projects = res.list;
-            state.total = res.total;
-        };
-
-        const handlePageChange = (curPage: number) => {
-            state.query.pageNum = curPage;
-            search();
-        };
-
-        const showAddProjectDialog = (data: any) => {
-            if (data) {
-                state.addProjectDialog.form = { ...data };
-            } else {
-                state.addProjectDialog.form = {} as any;
-            }
-            state.addProjectDialog.visible = true;
-        };
-
-        const cancelAddProject = () => {
-            state.addProjectDialog.visible = false;
-            state.addProjectDialog.form = {} as any;
-        };
-
-        const addProject = async () => {
-            const form = state.addProjectDialog.form as any;
-            notEmpty(form.name, '项目名不能为空');
-            notEmpty(form.remark, '项目描述不能为空');
-
-            await projectApi.saveProject.request(form);
-            ElMessage.success('保存成功');
-            search();
-            cancelAddProject();
-        };
-
-        const delProject = async () => {
-            try {
-                await ElMessageBox.confirm(`确定删除该项目?`, '提示', {
-                    confirmButtonText: '确定',
-                    cancelButtonText: '取消',
-                    type: 'warning',
-                });
-                await projectApi.delProject.request({ id: state.chooseId });
-                ElMessage.success('删除成功');
-                state.chooseData = null;
-                state.chooseId = null;
-                search();
-            } catch (err) {}
-        };
-
-        const choose = (item: any) => {
-            if (!item) {
-                return;
-            }
-            state.chooseId = item.id;
-            state.chooseData = item;
-        };
-
-        const showMembers = async (project: any) => {
-            state.showMemDialog.query.projectId = project.id;
-            await setMemebers();
-            state.showMemDialog.title = `${project.name}的成员信息`;
-            state.showMemDialog.visible = true;
-        };
-
-        /**
-         * 选中成员
-         */
-        const chooseMember = (item: any) => {
-            if (!item) {
-                return;
-            }
-            state.showMemDialog.chooseData = item;
-            state.showMemDialog.chooseId = item.id;
-        };
-
-        const deleteMember = async () => {
-            notNull(state.showMemDialog.chooseData, '请选选择成员');
-            await projectApi.deleteProjectMem.request(state.showMemDialog.chooseData);
-            ElMessage.success('移除成功');
-            // 重新赋值成员列表
-            setMemebers();
-        };
-
-        /**
-         * 设置成员列表信息
-         */
-        const setMemebers = async () => {
-            const res = await projectApi.projectMems.request(state.showMemDialog.query);
-            state.showMemDialog.members.list = res.list;
-            state.showMemDialog.members.total = res.total;
-        };
-
-        const showEnv = async (project: any) => {
-            state.showEnvDialog.envs = await projectApi.projectEnvs.request({ projectId: project.id });
-            state.showEnvDialog.title = `${project.name}的环境信息`;
-            state.showEnvDialog.visible = true;
-        };
-
-        const showAddMemberDialog = () => {
-            state.showMemDialog.addVisible = true;
-        };
-
-        const addMember = async () => {
-            const memForm = state.showMemDialog.memForm as any;
-            memForm.projectId = state.chooseData.id;
-            notEmpty(memForm.accountId, '请先选择账号');
-
-            await projectApi.saveProjectMem.request(memForm);
-            ElMessage.success('保存成功');
-            setMemebers();
-            cancelAddMember();
-        };
-
-        const cancelAddMember = () => {
-            state.showMemDialog.memForm = {};
-            state.showMemDialog.addVisible = false;
-            state.showMemDialog.chooseData = null;
-            state.showMemDialog.chooseId = null;
-        };
-
-        const getAccount = (username: any) => {
-            accountApi.list.request({ username }).then((res) => {
-                state.showMemDialog.accounts = res.list;
-            });
-        };
-
-        const showAddEnvDialog = () => {
-            state.showEnvDialog.addVisible = true;
-        };
-
-        const addEnv = async () => {
-            const envForm = state.showEnvDialog.envForm;
-            envForm.projectId = state.chooseData.id;
-            await projectApi.saveProjectEnv.request(envForm);
-            ElMessage.success('保存成功');
-            state.showEnvDialog.envs = await projectApi.projectEnvs.request({ projectId: envForm.projectId });
-            cancelAddEnv();
-        };
-
-        const cancelAddEnv = () => {
-            state.showEnvDialog.envForm = {} as any;
-            state.showEnvDialog.addVisible = false;
-        };
-
-        return {
-            ...toRefs(state),
-            search,
-            handlePageChange,
-            choose,
-            showAddProjectDialog,
-            addProject,
-            delProject,
-            cancelAddProject,
-            showMembers,
-            setMemebers,
-            showEnv,
-            showAddMemberDialog,
-            addMember,
-            chooseMember,
-            deleteMember,
-            cancelAddMember,
-            showAddEnvDialog,
-            addEnv,
-            cancelAddEnv,
-            getAccount,
-        };
-    },
-});
-</script>
-<style lang="scss">
-</style>

mayfly_go_web/src/views/ops/project/api.ts

@@ -1,16 +0,0 @@
-import Api from '@/common/Api';
-
-export const projectApi = {
-    // 获取账号可访问的项目列表
-    accountProjects: Api.create("/accounts/projects", 'get'),
-    projects: Api.create("/projects", 'get'),
-    saveProject: Api.create("/projects", 'post'),
-    delProject: Api.create("/projects", 'delete'),
-    // 获取项目下的环境信息
-    projectEnvs:  Api.create("/projects/{projectId}/envs", 'get'),
-    saveProjectEnv:  Api.create("/projects/{projectId}/envs", 'post'),
-    // 获取项目下的成员信息
-    projectMems:  Api.create("/projects/{projectId}/members", 'get'),
-    saveProjectMem:  Api.create("/projects/{projectId}/members", 'post'),
-    deleteProjectMem:  Api.create("/projects/{projectId}/members/{accountId}", 'delete'),
-}   

mayfly_go_web/src/views/ops/redis/DataOperation.vue

@@ -4,34 +4,57 @@
             <div style="float: left">
                 <el-row type="flex" justify="space-between">
                     <el-col :span="24">
-                        <project-env-select @changeProjectEnv="changeProjectEnv" @clear="clearRedis">
-                            <template #default>
-                                <el-form-item label="redis" label-width="40px">
-                                    <el-select v-model="scanParam.id" placeholder="请选择redis" @change="changeRedis" @clear="clearRedis" clearable>
-                                        <el-option v-for="item in redisList" :key="item.id" :label="item.host" :value="item.id">
-                                            <span style="float: left">{{ item.host }}</span>
-                                            <span style="float: right; color: #8492a6; margin-left: 6px; font-size: 13px">{{
-                                                `库: [${item.db}]`
-                                            }}</span>
-                                        </el-option>
-                                    </el-select>
-                                </el-form-item>
-                            </template>
-                        </project-env-select>
+                        <el-form class="search-form" label-position="right" :inline="true">
+                            <el-form-item label="标签">
+                                <el-select
+                                    @change="changeTag"
+                                    @focus="getTags"
+                                    v-model="query.tagPath"
+                                    placeholder="请选择标签"
+                                    filterable
+                                    style="width: 250px"
+                                >
+                                    <el-option v-for="item in tags" :key="item" :label="item" :value="item"> </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="redis" label-width="40px">
+                                <el-select
+                                    v-model="scanParam.id"
+                                    placeholder="请选择redis"
+                                    @change="changeRedis"
+                                    @clear="clearRedis"
+                                    clearable
+                                    style="width: 250px"
+                                >
+                                    <el-option
+                                        v-for="item in redisList"
+                                        :key="item.id"
+                                        :label="`${item.name ? item.name : ''} [${item.host}]`"
+                                        :value="item.id"
+                                    >
+                                    </el-option>
+                                </el-select>
+                            </el-form-item>
+                            <el-form-item label="库" label-width="20px">
+                                <el-select v-model="scanParam.db" @change="changeDb" placeholder="库" style="width: 85px">
+                                    <el-option v-for="db in dbList" :key="db" :label="db" :value="db"> </el-option>
+                                </el-select>
+                            </el-form-item>
+                        </el-form>
                     </el-col>
                     <el-col class="mt10">
                         <el-form class="search-form" label-position="right" :inline="true" label-width="60px">
                             <el-form-item label="key" label-width="40px">
                                 <el-input
                                     placeholder="match 支持*模糊key"
-                                    style="width: 240px"
+                                    style="width: 250px"
                                     v-model="scanParam.match"
                                     @clear="clear()"
                                     clearable
                                 ></el-input>
                             </el-form-item>
-                            <el-form-item label="count" label-width="60px">
-                                <el-input placeholder="count" style="width: 62px" v-model.number="scanParam.count"></el-input>
+                            <el-form-item label="count" label-width="40px">
+                                <el-input placeholder="count" style="width: 70px" v-model.number="scanParam.count"></el-input>
                             </el-form-item>
                             <el-form-item>
                                 <el-button @click="searchKey()" type="success" icon="search" plain></el-button>
@@ -43,6 +66,7 @@
                                     <el-tag @click="onAddData('string')" :color="getTypeColor('string')" style="cursor: pointer">string</el-tag>
                                     <el-tag @click="onAddData('hash')" :color="getTypeColor('hash')" class="ml5" style="cursor: pointer">hash</el-tag>
                                     <el-tag @click="onAddData('set')" :color="getTypeColor('set')" class="ml5" style="cursor: pointer">set</el-tag>
+                                    <!-- <el-tag @click="onAddData('list')" :color="getTypeColor('list')" class="ml5" style="cursor: pointer">list</el-tag> -->
                                 </el-popover>
                             </el-form-item>
                             <div style="float: right">
@@ -60,7 +84,7 @@
                         <el-tag :color="getTypeColor(scope.row.type)" size="small">{{ scope.row.type }}</el-tag>
                     </template>
                 </el-table-column>
-                <el-table-column prop="ttl" label="ttl(过期时间)" width="130">
+                <el-table-column prop="ttl" label="ttl(过期时间)" width="140">
                     <template #default="scope">
                         {{ ttlConveter(scope.row.ttl) }}
                     </template>
@@ -82,6 +106,7 @@
             :title="dataEdit.title"
             :keyInfo="dataEdit.keyInfo"
             :redisId="scanParam.id"
+            :db="scanParam.db"
             @cancel="onCancelDataEdit"
             @valChange="searchKey"
         />
@@ -92,6 +117,7 @@
             :title="dataEdit.title"
             :keyInfo="dataEdit.keyInfo"
             :redisId="scanParam.id"
+            :db="scanParam.db"
             @cancel="onCancelDataEdit"
             @valChange="searchKey"
         />
@@ -101,6 +127,18 @@
             :title="dataEdit.title"
             :keyInfo="dataEdit.keyInfo"
             :redisId="scanParam.id"
+            :db="scanParam.db"
+            :operationType="dataEdit.operationType"
+            @valChange="searchKey"
+            @cancel="onCancelDataEdit"
+        />
+
+        <list-value
+            v-model:visible="listValueDialog.visible"
+            :title="dataEdit.title"
+            :keyInfo="dataEdit.keyInfo"
+            :redisId="scanParam.id"
+            :db="scanParam.db"
             :operationType="dataEdit.operationType"
             @valChange="searchKey"
             @cancel="onCancelDataEdit"
@@ -112,11 +150,12 @@
 import { redisApi } from './api';
 import { toRefs, reactive, defineComponent } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
-import ProjectEnvSelect from '../component/ProjectEnvSelect.vue';
 import HashValue from './HashValue.vue';
 import StringValue from './StringValue.vue';
 import SetValue from './SetValue.vue';
+import ListValue from './ListValue.vue';
 import { isTrue, notBlank, notNull } from '@/common/assert';
+import { tagApi } from '../tag/api.ts';
 
 export default defineComponent({
     name: 'DataOperation',
@@ -124,17 +163,20 @@ export default defineComponent({
         StringValue,
         HashValue,
         SetValue,
-        ProjectEnvSelect,
+        ListValue,
     },
     setup() {
         const state = reactive({
             loading: false,
-            redisList: [],
+            tags: [],
+            redisList: [] as any,
+            dbList: [],
             query: {
-                envId: 0,
+                tagPath: null,
             },
             scanParam: {
                 id: null,
+                db: null,
                 match: null,
                 count: 10,
                 cursor: {},
@@ -158,26 +200,40 @@ export default defineComponent({
             setValueDialog: {
                 visible: false,
             },
+            listValueDialog: {
+                visible: false,
+            },
             keys: [],
             dbsize: 0,
         });
 
         const searchRedis = async () => {
-            notNull(state.query.envId, '请先选择项目环境');
+            notBlank(state.query.tagPath, '请先选择标签');
             const res = await redisApi.redisList.request(state.query);
             state.redisList = res.list;
         };
 
-        const changeProjectEnv = (projectId: any, envId: any) => {
+        const changeTag = (tagPath: string) => {
             clearRedis();
-            if (envId != null) {
-                state.query.envId = envId;
+            if (tagPath != null) {
                 searchRedis();
             }
         };
 
+        const getTags = async () => {
+            state.tags = await tagApi.getAccountTags.request(null);
+        };
+
         const changeRedis = (id: number) => {
             resetScanParam(id);
+            state.scanParam.db = null;
+            state.dbList = (state.redisList.find((x: any) => x.id == id) as any).db.split(',');
+            state.keys = [];
+            state.dbsize = 0;
+        };
+
+        const changeDb = () => {
+            resetScanParam(state.scanParam.id as any);
             state.keys = [];
             state.dbsize = 0;
             searchKey();
@@ -188,8 +244,8 @@ export default defineComponent({
             notBlank(state.scanParam.count, 'count不能为空');
 
             const match = state.scanParam.match;
-            if (!match || match == '*') {
-                isTrue(state.scanParam.count <= 200, 'match为空或者*时, count不能超过200');
+            if (!match || (match as string).length < 4) {
+                isTrue(state.scanParam.count <= 200, 'key为空或小于4字符时, count不能超过200');
             } else {
                 isTrue(state.scanParam.count <= 20000, 'count不能超过20000');
             }
@@ -214,6 +270,7 @@ export default defineComponent({
             state.redisList = [];
             state.scanParam.id = null;
             resetScanParam();
+            state.scanParam.db = null;
             state.keys = [];
             state.dbsize = 0;
         };
@@ -231,7 +288,7 @@ export default defineComponent({
                 const redis: any = state.redisList.find((x: any) => x.id == id);
                 // 集群模式count设小点，因为后端会从所有master节点scan一遍然后合并结果
                 if (redis && redis.mode == 'cluster') {
-                    state.scanParam.count = 5;
+                    state.scanParam.count = 4;
                 }
             }
             state.scanParam.match = null;
@@ -253,6 +310,8 @@ export default defineComponent({
                 state.stringValueDialog.visible = true;
             } else if (type == 'set') {
                 state.setValueDialog.visible = true;
+            } else if (type == 'list') {
+                state.listValueDialog.visible = true;
             } else {
                 ElMessage.warning('暂不支持该类型');
             }
@@ -270,6 +329,8 @@ export default defineComponent({
                 state.stringValueDialog.visible = true;
             } else if (type == 'set') {
                 state.setValueDialog.visible = true;
+            } else if (type == 'list') {
+                state.listValueDialog.visible = true;
             } else {
                 ElMessage.warning('暂不支持该类型');
             }
@@ -290,6 +351,7 @@ export default defineComponent({
                         .request({
                             key,
                             id: state.scanParam.id,
+                            db: state.scanParam.db,
                         })
                         .then(() => {
                             ElMessage.success('删除成功！');
@@ -349,8 +411,10 @@ export default defineComponent({
 
         return {
             ...toRefs(state),
-            changeProjectEnv,
+            getTags,
+            changeTag,
             changeRedis,
+            changeDb,
             clearRedis,
             searchKey,
             scan,

mayfly_go_web/src/views/ops/redis/HashValue.vue

@@ -81,6 +81,10 @@ export default defineComponent({
             type: [Number],
             require: true,
         },
+        db: {
+            type: [Number],
+            require: true,
+        },
         keyInfo: {
             type: [Object],
         },
@@ -94,6 +98,7 @@ export default defineComponent({
             dialogVisible: false,
             operationType: 1,
             redisId: 0,
+            db: 0,
             key: {
                 key: '',
                 type: 'hash',
@@ -102,6 +107,7 @@ export default defineComponent({
             scanParam: {
                 key: '',
                 id: 0,
+                db: 0,
                 cursor: 0,
                 match: '',
                 count: 10,
@@ -127,6 +133,7 @@ export default defineComponent({
         watch(props, async (newValue) => {
             const visible = newValue.visible;
             state.redisId = newValue.redisId;
+            state.db = newValue.db;
             state.key = newValue.keyInfo;
             state.operationType = newValue.operationType;
 
@@ -141,6 +148,7 @@ export default defineComponent({
 
         const reHscan = async () => {
             state.scanParam.id = state.redisId;
+            state.scanParam.db = state.db;
             state.scanParam.cursor = 0;
             hscan();
         };
@@ -186,6 +194,7 @@ export default defineComponent({
             });
             await redisApi.hdel.request({
                 id: state.redisId,
+                db: state.db,
                 key: state.key.key,
                 field,
             });
@@ -196,6 +205,7 @@ export default defineComponent({
         const hset = async (row: any) => {
             await redisApi.saveHashValue.request({
                 id: state.redisId,
+                db: state.db,
                 key: state.key.key,
                 timed: state.key.timed,
                 value: [
@@ -215,7 +225,7 @@ export default defineComponent({
         const saveValue = async () => {
             notEmpty(state.key.key, 'key不能为空');
             isTrue(state.hashValues.length > 0, 'hash内容不能为空');
-            const sv = { value: state.hashValues, id: state.redisId };
+            const sv = { value: state.hashValues, id: state.redisId, db: state.db };
             Object.assign(sv, state.key);
             await redisApi.saveHashValue.request(sv);
             ElMessage.success('保存成功');

mayfly_go_web/src/views/ops/redis/ListValue.vue

@@ -0,0 +1,213 @@
+<template>
+    <el-dialog :title="title" v-model="dialogVisible" :before-close="cancel" width="800px" :destroy-on-close="true">
+        <el-form label-width="85px">
+            <el-form-item prop="key" label="key:">
+                <el-input :disabled="operationType == 2" v-model="key.key"></el-input>
+            </el-form-item>
+            <el-form-item prop="timed" label="过期时间:">
+                <el-input v-model.number="key.timed" type="number"></el-input>
+            </el-form-item>
+            <el-form-item prop="dataType" label="数据类型:">
+                <el-input v-model="key.type" disabled></el-input>
+            </el-form-item>
+
+            <!-- <el-button @click="onAddListValue" icon="plus" size="small" plain class="mt10">添加</el-button> -->
+            <div v-if="operationType == 2" class="mt10" style="float: left">
+                <span>len: {{ len }}</span>
+            </div>
+            <el-table :data="value" stripe style="width: 100%">
+                <el-table-column prop="value" label="value" min-width="200">
+                    <template #default="scope">
+                        <el-input v-model="scope.row.value" clearable type="textarea" :autosize="{ minRows: 2, maxRows: 10 }" size="small"></el-input>
+                    </template>
+                </el-table-column>
+                <el-table-column label="操作" width="140">
+                    <template #default="scope">
+                        <el-button
+                            v-if="operationType == 2"
+                            type="success"
+                            @click="lset(scope.row, scope.$index)"
+                            icon="check"
+                            size="small"
+                            plain
+                        ></el-button>
+                        <!-- <el-button type="danger" @click="set.value.splice(scope.$index, 1)" icon="delete" size="small" plain></el-button> -->
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-row style="margin-top: 20px" type="flex" justify="end">
+                <el-pagination
+                    style="text-align: right"
+                    :total="len"
+                    layout="prev, pager, next, total"
+                    @current-change="handlePageChange"
+                    v-model:current-page="pageNum"
+                    :page-size="pageSize"
+                ></el-pagination>
+            </el-row>
+        </el-form>
+        <!-- <template #footer>
+            <div class="dialog-footer">
+                <el-button @click="cancel()">取 消</el-button>
+                <el-button @click="saveValue" type="primary" v-auth="'redis:data:save'">确 定</el-button>
+            </div>
+        </template> -->
+    </el-dialog>
+</template>
+<script lang="ts">
+import { defineComponent, reactive, watch, toRefs } from 'vue';
+import { redisApi } from './api';
+import { ElMessage } from 'element-plus';
+import { isTrue, notEmpty } from '@/common/assert';
+
+export default defineComponent({
+    name: 'ListValue',
+    components: {},
+    props: {
+        visible: {
+            type: Boolean,
+        },
+        title: {
+            type: String,
+        },
+        redisId: {
+            type: [Number],
+            require: true,
+        },
+        db: {
+            type: [Number],
+            require: true,
+        },
+        keyInfo: {
+            type: [Object],
+        },
+        // 操作类型，1：新增，2：修改
+        operationType: {
+            type: [Number],
+        },
+        listValue: {
+            type: [Array, Object],
+        },
+    },
+    emits: ['valChange', 'cancel', 'update:visible'],
+    setup(props: any, { emit }) {
+        const state = reactive({
+            dialogVisible: false,
+            operationType: 1,
+            redisId: '',
+            db: 0,
+            key: {
+                key: '',
+                type: 'string',
+                timed: -1,
+            },
+            value: [{ value: '' }],
+            len: 0,
+            start: 0,
+            stop: 0,
+            pageNum: 1,
+            pageSize: 10,
+        });
+
+        const cancel = () => {
+            emit('update:visible', false);
+            emit('cancel');
+            setTimeout(() => {
+                state.key = {
+                    key: '',
+                    type: 'string',
+                    timed: -1,
+                };
+                state.value = [];
+            }, 500);
+        };
+
+        watch(props, async (newValue) => {
+            state.dialogVisible = newValue.visible;
+            state.key = newValue.key;
+            state.redisId = newValue.redisId;
+            state.db = newValue.db;
+            state.key = newValue.keyInfo;
+            state.operationType = newValue.operationType;
+            // 如果是查看编辑操作，则获取值
+            if (state.dialogVisible && state.operationType == 2) {
+                getListValue();
+            }
+        });
+
+        const getListValue = async () => {
+            const pageNum = state.pageNum;
+            const pageSize = state.pageSize;
+            const res = await redisApi.getListValue.request({
+                id: state.redisId,
+                db: state.db,
+                key: state.key.key,
+                start: (pageNum - 1) * pageSize,
+                stop: pageNum * pageSize - 1,
+            });
+            state.len = res.len;
+            state.value = res.list.map((x: any) => {
+                return {
+                    value: x,
+                };
+            });
+        };
+
+        const lset = async (row: any, rowIndex: number) => {
+            await redisApi.setListValue.request({
+                id: state.redisId,
+                db: state.db,
+                key: state.key.key,
+                index: (state.pageNum - 1) * state.pageSize + rowIndex,
+                value: row.value,
+            });
+            ElMessage.success('数据保存成功');
+        };
+
+        const saveValue = async () => {
+            notEmpty(state.key.key, 'key不能为空');
+            isTrue(state.value.length > 0, 'list内容不能为空');
+            // const sv = { value: state.value.map((x) => x.value), id: state.redisId };
+            // Object.assign(sv, state.key);
+            // await redisApi.saveSetValue.request(sv);
+
+            ElMessage.success('数据保存成功');
+            cancel();
+            emit('valChange');
+        };
+
+        const onAddListValue = () => {
+            state.value.unshift({ value: '' });
+        };
+
+        const handlePageChange = (curPage: number) => {
+            state.pageNum = curPage;
+            getListValue();
+        };
+
+        return {
+            ...toRefs(state),
+            saveValue,
+            handlePageChange,
+            cancel,
+            lset,
+            onAddListValue,
+        };
+    },
+});
+</script>
+<style lang="scss">
+#string-value-text {
+    flex-grow: 1;
+    display: flex;
+    position: relative;
+
+    .text-type-select {
+        position: absolute;
+        z-index: 2;
+        right: 10px;
+        top: 10px;
+        max-width: 70px;
+    }
+}
+</style>

mayfly_go_web/src/views/ops/redis/RedisEdit.vue

@@ -2,16 +2,11 @@
     <div>
         <el-dialog :title="title" v-model="dialogVisible" :before-close="cancel" :close-on-click-modal="false" :destroy-on-close="true" width="38%">
             <el-form :model="form" ref="redisForm" :rules="rules" label-width="85px">
-                <el-form-item prop="projectId" label="项目:" required>
-                    <el-select style="width: 100%" v-model="form.projectId" placeholder="请选择项目" @change="changeProject" filterable>
-                        <el-option v-for="item in projects" :key="item.id" :label="`${item.name} [${item.remark}]`" :value="item.id"> </el-option>
-                    </el-select>
+                <el-form-item prop="tagId" label="标签:" required>
+                    <tag-select v-model:tag-id="form.tagId" v-model:tag-path="form.tagPath" style="width: 100%" />
                 </el-form-item>
-
-                <el-form-item prop="envId" label="环境:" required>
-                    <el-select @change="changeEnv" style="width: 100%" v-model="form.envId" placeholder="请选择环境">
-                        <el-option v-for="item in envs" :key="item.id" :label="`${item.name} [${item.remark}]`" :value="item.id"> </el-option>
-                    </el-select>
+                <el-form-item prop="name" label="名称:" required>
+                    <el-input v-model.trim="form.name" placeholder="请输入redis名称" auto-complete="off"></el-input>
                 </el-form-item>
                 <el-form-item prop="mode" label="mode:" required>
                     <el-select style="width: 100%" v-model="form.mode" placeholder="请选择模式">
@@ -45,7 +40,9 @@
                     >
                 </el-form-item>
                 <el-form-item prop="db" label="库号:" required>
-                    <el-input v-model.number="form.db" placeholder="请输入库号"></el-input>
+                    <el-select @change="changeDb" v-model="dbList" multiple placeholder="请选择可操作库号" style="width: 100%">
+                        <el-option v-for="db in [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15]" :key="db" :label="db" :value="db" />
+                    </el-select>
                 </el-form-item>
                 <el-form-item prop="remark" label="备注:">
                     <el-input v-model.trim="form.remark" auto-complete="off" type="textarea"></el-input>
@@ -86,9 +83,13 @@ import { projectApi } from '../project/api.ts';
 import { machineApi } from '../machine/api.ts';
 import { ElMessage } from 'element-plus';
 import { RsaEncrypt } from '@/common/rsa';
+import TagSelect from '../component/TagSelect.vue';
 
 export default defineComponent({
     name: 'RedisEdit',
+    components: {
+        TagSelect,
+    },
     props: {
         visible: {
             type: Boolean,
@@ -112,10 +113,13 @@ export default defineComponent({
             sshTunnelMachineList: [],
             form: {
                 id: null,
+                tagId: null as any,
+                tatPath: null as any,
                 name: null,
                 mode: 'standalone',
                 host: '',
                 password: null,
+                db: '',
                 project: null,
                 projectId: null,
                 envId: null,
@@ -124,6 +128,7 @@ export default defineComponent({
                 enableSshTunnel: null,
                 sshTunnelMachineId: null,
             },
+            dbList: [0],
             pwd: '',
             btnLoading: false,
             rules: {
@@ -151,14 +156,14 @@ export default defineComponent({
                 db: [
                     {
                         required: true,
-                        message: '请输入库号',
+                        message: '请选择库号',
                         trigger: ['change', 'blur'],
                     },
                 ],
                 mode: [
                     {
                         required: true,
-                        message: '请输入模式',
+                        message: '请选择模式',
                         trigger: ['change', 'blur'],
                     },
                 ],
@@ -172,15 +177,27 @@ export default defineComponent({
             }
             state.projects = newValue.projects;
             if (newValue.redis) {
-                getEnvs(newValue.redis.projectId);
                 state.form = { ...newValue.redis };
+                convertDb(state.form.db);
             } else {
                 state.envs = [];
-                state.form = { db: 0, enableSshTunnel: -1 } as any;
+                state.form = { db: '0', enableSshTunnel: -1 } as any;
+                state.dbList = [];
             }
             getSshTunnelMachines();
         });
 
+        const convertDb = (db: string) => {
+            state.dbList = db.split(',').map((x) => Number.parseInt(x));
+        };
+
+        /**
+         * 改变表单中的数据库字段，方便表单错误提示。如全部删光，可提示请添加库号
+         */
+        const changeDb = () => {
+            state.form.db = state.dbList.length == 0 ? '' : state.dbList.join(',');
+        };
+
         const getSshTunnelMachines = async () => {
             if (state.form.enableSshTunnel == 1 && state.sshTunnelMachineList.length == 0) {
                 const res = await machineApi.list.request({ pageNum: 1, pageSize: 100 });
@@ -188,34 +205,10 @@ export default defineComponent({
             }
         };
 
-        const getEnvs = async (projectId: any) => {
-            state.envs = await projectApi.projectEnvs.request({ projectId });
-        };
-
         const getPwd = async () => {
             state.pwd = await redisApi.getRedisPwd.request({ id: state.form.id });
         };
 
-        const changeProject = (projectId: number) => {
-            for (let p of state.projects as any) {
-                if (p.id == projectId) {
-                    state.form.project = p.name;
-                }
-            }
-            state.form.envId = null;
-            state.form.env = null;
-            state.envs = [];
-            getEnvs(projectId);
-        };
-
-        const changeEnv = (envId: number) => {
-            for (let p of state.envs as any) {
-                if (p.id == envId) {
-                    state.form.env = p.name;
-                }
-            }
-        };
-
         const btnOk = async () => {
             redisForm.value.validate(async (valid: boolean) => {
                 if (valid) {
@@ -250,10 +243,9 @@ export default defineComponent({
         return {
             ...toRefs(state),
             redisForm,
+            changeDb,
             getSshTunnelMachines,
             getPwd,
-            changeProject,
-            changeEnv,
             btnOk,
             cancel,
         };

mayfly_go_web/src/views/ops/redis/RedisList.vue

@@ -5,8 +5,8 @@
             <el-button type="primary" icon="edit" :disabled="currentId == null" @click="editRedis(false)" plain>编辑</el-button>
             <el-button type="danger" icon="delete" :disabled="currentId == null" @click="deleteRedis" plain>删除</el-button>
             <div style="float: right">
-                <el-select v-model="query.projectId" placeholder="请选择项目" filterable clearable>
-                    <el-option v-for="item in projects" :key="item.id" :label="`${item.name} [${item.remark}]`" :value="item.id"> </el-option>
+                <el-select @focus="getTags" v-model="query.tagPath" placeholder="请选择标签" filterable clearable>
+                    <el-option v-for="item in tags" :key="item" :label="item" :value="item"> </el-option>
                 </el-select>
                 <el-button class="ml5" @click="search" type="success" icon="search"></el-button>
             </div>
@@ -18,14 +18,14 @@
                         </el-radio>
                     </template>
                 </el-table-column>
-                <el-table-column prop="project" label="项目" min-width="100"></el-table-column>
-                <el-table-column prop="env" label="环境" min-width="100"></el-table-column>
+                <el-table-column prop="tagPath" label="标签路径" min-width="150" show-overflow-tooltip></el-table-column>
+                <el-table-column prop="name" label="名称" min-width="100"></el-table-column>
                 <el-table-column prop="host" label="host:port" min-width="150" show-overflow-tooltip> </el-table-column>
                 <el-table-column prop="mode" label="mode" min-width="100"></el-table-column>
                 <el-table-column prop="remark" label="备注" min-width="120" show-overflow-tooltip></el-table-column>
                 <el-table-column prop="createTime" label="创建时间" min-width="160">
                     <template #default="scope">
-                        {{ $filters.dateFormat(scope.row.createTime) }}
+                        {{ dateFormat(scope.row.createTime) }}
                     </template>
                 </el-table-column>
                 <el-table-column prop="creator" label="创建人" min-width="100"></el-table-column>
@@ -138,7 +138,7 @@
 
         <redis-edit
             @val-change="valChange"
-            :projects="projects"
+            :tags="tags"
             :title="redisEditDialog.title"
             v-model:visible="redisEditDialog.visible"
             v-model:redis="redisEditDialog.data"
@@ -151,8 +151,9 @@ import Info from './Info.vue';
 import { redisApi } from './api';
 import { toRefs, reactive, defineComponent, onMounted } from 'vue';
 import { ElMessage, ElMessageBox } from 'element-plus';
-import { projectApi } from '../project/api.ts';
+import { tagApi } from '../tag/api.ts';
 import RedisEdit from './RedisEdit.vue';
+import { dateFormat } from '@/common/utils/date';
 
 export default defineComponent({
     name: 'RedisList',
@@ -162,15 +163,15 @@ export default defineComponent({
     },
     setup() {
         const state = reactive({
-            projects: [],
+            tags: [],
             redisTable: [],
             total: 0,
             currentId: null,
             currentData: null,
             query: {
+                tagPath: null,
                 pageNum: 1,
                 pageSize: 10,
-                prjectId: null,
                 clusterId: null,
             },
             redisInfo: {
@@ -263,8 +264,11 @@ export default defineComponent({
             state.total = res.total;
         };
 
+        const getTags = async () => {
+            state.tags = await tagApi.getAccountTags.request(null);
+        };
+
         const editRedis = async (isAdd = false) => {
-            state.projects = await projectApi.accountProjects.request(null);
             if (isAdd) {
                 state.redisEditDialog.data = null;
                 state.redisEditDialog.title = '新增redis';
@@ -283,6 +287,8 @@ export default defineComponent({
 
         return {
             ...toRefs(state),
+            dateFormat,
+            getTags,
             search,
             handlePageChange,
             choose,

mayfly_go_web/src/views/ops/redis/SetValue.vue

@@ -20,7 +20,7 @@
                 </el-table-column>
                 <el-table-column label="操作" width="90">
                     <template #default="scope">
-                        <el-button type="danger" @click="set.value.splice(scope.$index, 1)" icon="delete" size="small" plain>删除</el-button>
+                        <el-button type="danger" @click="value.splice(scope.$index, 1)" icon="delete" size="small" plain>删除</el-button>
                     </template>
                 </el-table-column>
             </el-table>
@@ -53,6 +53,10 @@ export default defineComponent({
             type: [Number],
             require: true,
         },
+        db: {
+            type: [Number],
+            require: true,
+        },
         keyInfo: {
             type: [Object],
         },
@@ -70,6 +74,7 @@ export default defineComponent({
             dialogVisible: false,
             operationType: 1,
             redisId: '',
+            db: 0,
             key: {
                 key: '',
                 type: 'string',
@@ -95,6 +100,7 @@ export default defineComponent({
             state.dialogVisible = newValue.visible;
             state.key = newValue.key;
             state.redisId = newValue.redisId;
+            state.db = newValue.db;
             state.key = newValue.keyInfo;
             state.operationType = newValue.operationType;
             // 如果是查看编辑操作，则获取值
@@ -106,6 +112,7 @@ export default defineComponent({
         const getSetValue = async () => {
             const res = await redisApi.getSetValue.request({
                 id: state.redisId,
+                db: state.db,
                 key: state.key.key,
             });
             state.value = res.map((x: any) => {
@@ -118,7 +125,7 @@ export default defineComponent({
         const saveValue = async () => {
             notEmpty(state.key.key, 'key不能为空');
             isTrue(state.value.length > 0, 'set内容不能为空');
-            const sv = { value: state.value.map((x) => x.value), id: state.redisId };
+            const sv = { value: state.value.map((x) => x.value), id: state.redisId, db: state.db };
             Object.assign(sv, state.key);
             await redisApi.saveSetValue.request(sv);
 

mayfly_go_web/src/views/ops/redis/StringValue.vue

@@ -48,6 +48,10 @@ export default defineComponent({
             type: [Number],
             require: true,
         },
+        db: {
+            type: [Number],
+            require: true,
+        },
         keyInfo: {
             type: [Object],
         },
@@ -62,6 +66,7 @@ export default defineComponent({
             dialogVisible: false,
             operationType: 1,
             redisId: '',
+            db: 0,
             key: {
                 key: '',
                 type: 'string',
@@ -101,12 +106,20 @@ export default defineComponent({
             }
         );
 
+        watch(
+            () => props.db,
+            (val) => {
+                state.db = val;
+            }
+        );
+
         watch(props, async (newValue) => {
             state.dialogVisible = newValue.visible;
             state.key = newValue.key;
             state.redisId = newValue.redisId;
+            state.db = newValue.db;
             state.key = newValue.keyInfo;
-            state.operationType = newValue.operationType
+            state.operationType = newValue.operationType;
             // 如果是查看编辑操作，则获取值
             if (state.dialogVisible && state.operationType == 2) {
                 getStringValue();
@@ -116,6 +129,7 @@ export default defineComponent({
         const getStringValue = async () => {
             state.string.value = await redisApi.getStringValue.request({
                 id: state.redisId,
+                db: state.db,
                 key: state.key.key,
             });
         };
@@ -124,7 +138,7 @@ export default defineComponent({
             notEmpty(state.key.key, 'key不能为空');
 
             notEmpty(state.string.value, 'value不能为空');
-            const sv = { value: formatJsonString(state.string.value, true), id: state.redisId };
+            const sv = { value: formatJsonString(state.string.value, true), id: state.redisId, db: state.db };
             Object.assign(sv, state.key);
             await redisApi.saveStringValue.request(sv);
             ElMessage.success('数据保存成功');

mayfly_go_web/src/views/ops/redis/api.ts

@@ -8,16 +8,19 @@ export const redisApi = {
     saveRedis: Api.create("/redis", 'post'),
     delRedis: Api.create("/redis/{id}", 'delete'),
     // 获取权限列表
-    scan: Api.create("/redis/{id}/scan", 'post'),
-    getStringValue: Api.create("/redis/{id}/string-value", 'get'),
-    saveStringValue: Api.create("/redis/{id}/string-value", 'post'),
-    getHashValue: Api.create("/redis/{id}/hash-value", 'get'),
-    hscan: Api.create("/redis/{id}/hscan", 'get'),
-    hget: Api.create("/redis/{id}/hget", 'get'),
-    hdel: Api.create("/redis/{id}/hdel", 'delete'),
-    saveHashValue: Api.create("/redis/{id}/hash-value", 'post'),
-    getSetValue: Api.create("/redis/{id}/set-value", 'get'),
-    saveSetValue: Api.create("/redis/{id}/set-value", 'post'),
-    del: Api.create("/redis/{id}/scan/{cursor}/{count}", 'delete'),
-    delKey: Api.create("/redis/{id}/key", 'delete'),
+    scan: Api.create("/redis/{id}/{db}/scan", 'post'),
+    getStringValue: Api.create("/redis/{id}/{db}/string-value", 'get'),
+    saveStringValue: Api.create("/redis/{id}/{db}/string-value", 'post'),
+    getHashValue: Api.create("/redis/{id}/{db}/hash-value", 'get'),
+    hscan: Api.create("/redis/{id}/{db}/hscan", 'get'),
+    hget: Api.create("/redis/{id}/{db}/hget", 'get'),
+    hdel: Api.create("/redis/{id}/{db}/hdel", 'delete'),
+    saveHashValue: Api.create("/redis/{id}/{db}/hash-value", 'post'),
+    getSetValue: Api.create("/redis/{id}/{db}/set-value", 'get'),
+    saveSetValue: Api.create("/redis/{id}/{db}/set-value", 'post'),
+    del: Api.create("/redis/{id}/{db}/scan/{cursor}/{count}", 'delete'),
+    delKey: Api.create("/redis/{id}/{db}/key", 'delete'),
+    getListValue: Api.create("/redis/{id}/{db}/list-value", 'get'),
+    saveListValue: Api.create("/redis/{id}/{db}/list-value", 'post'),
+    setListValue: Api.create("/redis/{id}/{db}/list-value/lset", 'post'),
 }

mayfly_go_web/src/views/ops/tag/TagTreeList.vue

@@ -0,0 +1,300 @@
+<template>
+    <div class="menu">
+        <div class="toolbar">
+            <el-button v-auth="'tag:save'" type="primary" icon="plus" @click="showSaveTabDialog(null)">添加</el-button>
+            <div style="float: right">
+                <el-tooltip effect="dark" placement="top">
+                    <template #content>
+                        1. 用于将资产进行归类
+                        <br />2. 可在团队管理中进行分配，用于资源隔离
+                        <br />3. 父标签可访问及操作所有子标签关联的资源
+                    </template>
+                    <span>标签作用<el-icon><question-filled /></el-icon></span>
+                </el-tooltip>
+            </div>
+        </div>
+        <el-tree
+            class="none-select"
+            :indent="38"
+            node-key="id"
+            :props="props"
+            :data="data"
+            @node-expand="handleNodeExpand"
+            @node-collapse="handleNodeCollapse"
+            :default-expanded-keys="defaultExpandedKeys"
+            :expand-on-click-node="false"
+        >
+            <template #default="{ data }">
+                <span class="custom-tree-node">
+                    <span style="font-size: 13px">
+                        {{ data.code }}
+                        <span style="color: #3c8dbc">【</span>
+                        {{ data.name }}
+                        <span style="color: #3c8dbc">】</span>
+                        <el-tag v-if="data.children !== null" size="small">{{ data.children.length }}</el-tag>
+                    </span>
+
+                    <el-link @click.prevent="info(data)" style="margin-left: 25px" icon="view" type="info" :underline="false" />
+
+                    <el-link v-auth="'tag:save'" @click.prevent="showEditTagDialog(data)" class="ml5" type="primary" icon="edit" :underline="false" />
+
+                    <el-link
+                        v-auth="'tag:save'"
+                        @click.prevent="showSaveTabDialog(data)"
+                        icon="circle-plus"
+                        :underline="false"
+                        type="success"
+                        class="ml5"
+                    />
+
+                    <!-- <el-link
+                        v-auth="'resource:changeStatus'"
+                        @click.prevent="changeStatus(data, -1)"
+                        v-if="data.status === 1 && data.type === enums.ResourceTypeEnum.PERMISSION.value"
+                        icon="circle-close"
+                        :underline="false"
+                        type="warning"
+                        class="ml5"
+                    />
+
+                    <el-link
+                        v-auth="'resource:changeStatus'"
+                        @click.prevent="changeStatus(data, 1)"
+                        v-if="data.status === -1 && data.type === enums.ResourceTypeEnum.PERMISSION.value"
+                        type="success"
+                        icon="circle-check"
+                        :underline="false"
+                        plain
+                        class="ml5"
+                    /> -->
+
+                    <el-link
+                        v-auth="'tag:del'"
+                        @click.prevent="deleteTag(data)"
+                        v-if="data.children == null"
+                        type="danger"
+                        icon="delete"
+                        :underline="false"
+                        plain
+                        class="ml5"
+                    />
+                </span>
+            </template>
+        </el-tree>
+
+        <el-dialog width="500px" :title="saveTabDialog.title" :before-close="cancelSaveTag" v-model="saveTabDialog.visible">
+            <el-form ref="tagForm" :rules="rules" :model="saveTabDialog.form" label-width="70px">
+                <el-form-item prop="code" label="标识:" required>
+                    <el-input :disabled="saveTabDialog.form.id ? true : false" v-model="saveTabDialog.form.code" auto-complete="off"></el-input>
+                </el-form-item>
+                <el-form-item prop="name" label="名称:" required>
+                    <el-input v-model="saveTabDialog.form.name" auto-complete="off"></el-input>
+                </el-form-item>
+                <el-form-item label="备注:">
+                    <el-input v-model="saveTabDialog.form.remark" auto-complete="off"></el-input>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button @click="cancelSaveTag()">取 消</el-button>
+                    <el-button @click="saveTag" type="primary">确 定</el-button>
+                </div>
+            </template>
+        </el-dialog>
+
+        <el-dialog v-model="infoDialog.visible">
+            <el-descriptions title="节点信息" :column="2" border>
+                <el-descriptions-item label="code">{{ infoDialog.data.code }}</el-descriptions-item>
+                <el-descriptions-item label="code路径">{{ infoDialog.data.codePath }}</el-descriptions-item>
+                <el-descriptions-item label="名称">{{ infoDialog.data.name }}</el-descriptions-item>
+                <el-descriptions-item label="备注">{{ infoDialog.data.remark }}</el-descriptions-item>
+
+                <el-descriptions-item label="创建者">{{ infoDialog.data.creator }}</el-descriptions-item>
+                <el-descriptions-item label="创建时间">{{ dateFormat(infoDialog.data.createTime) }}</el-descriptions-item>
+                <el-descriptions-item label="修改者">{{ infoDialog.data.modifier }}</el-descriptions-item>
+                <el-descriptions-item label="更新时间">{{ dateFormat(infoDialog.data.updateTime) }}</el-descriptions-item>
+            </el-descriptions>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts">
+import { toRefs, ref, reactive, onMounted, defineComponent } from 'vue';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { tagApi } from './api';
+import { dateFormat } from '@/common/utils/date';
+
+export default defineComponent({
+    name: 'TagTreeList',
+    components: {},
+    setup() {
+        const tagForm: any = ref(null);
+        const state = reactive({
+            saveTabDialog: {
+                title: '新增标签',
+                visible: false,
+                form: { id: 0, pid: 0, code: '', name: '', remark: '' },
+            },
+            //资源信息弹出框对象
+            infoDialog: {
+                title: '',
+                visible: false,
+                // 资源类型选择是否选
+                data: null as any,
+            },
+            data: [],
+            props: {
+                label: 'name',
+                children: 'children',
+            },
+            // 展开的节点
+            defaultExpandedKeys: [] as any[],
+            rules: {
+                code: [
+                    { required: true, message: '标识符不能为空', trigger: 'blur' },
+                    // {
+                    //     pattern: /^\w+$/g,
+                    //     message: '标识符只能为空数字字母下划线等',
+                    //     trigger: 'blur',
+                    // },
+                ],
+                name: [{ required: true, message: '名称不能为空', trigger: 'blur' }],
+            },
+        });
+
+        onMounted(() => {
+            search();
+        });
+
+        const search = async () => {
+            let res = await tagApi.getTagTrees.request(null);
+            state.data = res;
+        };
+
+        const info = async (data: any) => {
+            state.infoDialog.data = data;
+            state.infoDialog.visible = true;
+        };
+
+        const showSaveTabDialog = (data: any) => {
+            if (data) {
+                state.saveTabDialog.form.pid = data.id;
+                state.saveTabDialog.title = `新增 [${data.codePath}] 子标签信息`;
+            } else {
+                state.saveTabDialog.title = '新增根标签信息';
+            }
+            state.saveTabDialog.visible = true;
+        };
+
+        const showEditTagDialog = (data: any) => {
+            state.saveTabDialog.form.id = data.id;
+            state.saveTabDialog.form.code = data.code;
+            state.saveTabDialog.form.name = data.name;
+            state.saveTabDialog.form.remark = data.remark;
+            state.saveTabDialog.title = `修改 [${data.codePath}] 信息`;
+            state.saveTabDialog.visible = true;
+        };
+
+        const saveTag = async () => {
+            tagForm.value.validate(async (valid: any) => {
+                if (valid) {
+                    const form = state.saveTabDialog.form;
+                    await tagApi.saveTagTree.request(form);
+                    ElMessage.success('保存成功');
+                    search();
+                    cancelSaveTag();
+                }
+            });
+        };
+
+        const cancelSaveTag = () => {
+            state.saveTabDialog.visible = false;
+            state.saveTabDialog.form = {} as any;
+            tagForm.value.resetFields();
+        };
+
+        const deleteTag = (data: any) => {
+            ElMessageBox.confirm(`此操作将删除 [${data.codePath}], 是否继续?`, '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+            }).then(async () => {
+                await tagApi.delTagTree.request({ id: data.id });
+                ElMessage.success('删除成功！');
+                search();
+            });
+        };
+
+        // const changeStatus = async (data: any, status: any) => {
+        //     await resourceApi.changeStatus.request({
+        //         id: data.id,
+        //         status: status,
+        //     });
+        //     data.status = status;
+        //     ElMessage.success((status === 1 ? '启用' : '禁用') + '成功！');
+        // };
+
+        // 节点被展开时触发的事件
+        const handleNodeExpand = (data: any, node: any) => {
+            const id: any = node.data.id;
+            if (!state.defaultExpandedKeys.includes(id)) {
+                state.defaultExpandedKeys.push(id);
+            }
+        };
+
+        // 关闭节点
+        const handleNodeCollapse = (data: any, node: any) => {
+            removeDeafultExpandId(node.data.id);
+
+            let childNodes = node.childNodes;
+            for (let cn of childNodes) {
+                if (cn.expanded) {
+                    removeDeafultExpandId(cn.data.id);
+                }
+                // 递归删除展开的子节点节点id
+                handleNodeCollapse(data, cn);
+            }
+        };
+
+        const removeDeafultExpandId = (id: any) => {
+            let index = state.defaultExpandedKeys.indexOf(id);
+            if (index > -1) {
+                state.defaultExpandedKeys.splice(index, 1);
+            }
+        };
+
+        return {
+            ...toRefs(state),
+            dateFormat,
+            tagForm,
+            info,
+            saveTag,
+            showSaveTabDialog,
+            showEditTagDialog,
+            cancelSaveTag,
+            deleteTag,
+            handleNodeExpand,
+            handleNodeCollapse,
+        };
+    },
+});
+</script>
+<style lang="scss">
+.menu {
+    height: 100%;
+    .el-tree-node__content {
+        height: 40px;
+        line-height: 40px;
+    }
+}
+
+.none-select {
+    moz-user-select: -moz-none;
+    -moz-user-select: none;
+    -o-user-select: none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+}
+</style>

mayfly_go_web/src/views/ops/tag/TeamList.vue

@@ -0,0 +1,440 @@
+<template>
+    <div class="role-list">
+        <el-card>
+            <el-button v-auth="'team:save'" type="primary" icon="plus" @click="showSaveTeamDialog(false)">添加</el-button>
+            <el-button v-auth="'team:save'" :disabled="chooseId == null" @click="showSaveTeamDialog(chooseData)" type="primary" icon="edit"
+                >编辑</el-button
+            >
+            <el-button v-auth="'team:del'" :disabled="chooseId == null" @click="deleteTeam(chooseData)" type="danger" icon="delete">删除</el-button>
+
+            <div style="float: right">
+                <el-input placeholder="请输入团队名称" class="mr2" style="width: 200px" v-model="query.name" @clear="search" clearable></el-input>
+                <el-button @click="search" type="success" icon="search"></el-button>
+            </div>
+            <el-table :data="data" @current-change="choose" ref="table" style="width: 100%">
+                <el-table-column label="选择" width="55px">
+                    <template #default="scope">
+                        <el-radio v-model="chooseId" :label="scope.row.id">
+                            <i></i>
+                        </el-radio>
+                    </template>
+                </el-table-column>
+                <el-table-column prop="name" label="团队名称"></el-table-column>
+                <el-table-column prop="remark" label="备注" min-width="160px" show-overflow-tooltip></el-table-column>
+                <el-table-column prop="createTime" label="创建时间">
+                    <template #default="scope">
+                        {{ dateFormat(scope.row.createTime) }}
+                    </template>
+                </el-table-column>
+                <el-table-column prop="creator" label="创建者"> </el-table-column>
+                <el-table-column label="操作" min-width="80px">
+                    <template #default="scope">
+                        <el-link @click.prevent="showMembers(scope.row)" :underline="false" type="primary">成员</el-link>
+                        <el-divider direction="vertical" border-style="dashed" />
+                        <el-link @click.prevent="showTags(scope.row)" :underline="false" type="success">标签</el-link>
+                    </template>
+                </el-table-column>
+            </el-table>
+            <el-row style="margin-top: 20px" type="flex" justify="end">
+                <el-pagination
+                    style="text-align: right"
+                    @current-change="handlePageChange"
+                    :total="total"
+                    layout="prev, pager, next, total, jumper"
+                    v-model:current-page="query.pageNum"
+                    :page-size="query.pageSize"
+                ></el-pagination>
+            </el-row>
+        </el-card>
+
+        <el-dialog width="400px" title="团队编辑" :before-close="cancelSaveTeam" v-model="addTeamDialog.visible">
+            <el-form ref="teamForm" :model="addTeamDialog.form" label-width="70px">
+                <el-form-item prop="name" label="团队名:" required>
+                    <el-input v-model="addTeamDialog.form.name" auto-complete="off"></el-input>
+                </el-form-item>
+                <el-form-item label="备注:">
+                    <el-input v-model="addTeamDialog.form.remark" auto-complete="off"></el-input>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button @click="cancelSaveTeam()">取 消</el-button>
+                    <el-button  @click="saveTeam" type="primary">确 定</el-button>
+                </div>
+            </template>
+        </el-dialog>
+
+        <el-dialog width="500px" :title="showTagDialog.title" :before-close="closeTagDialog" v-model="showTagDialog.visible">
+            <el-form label-width="70px">
+                <el-form-item prop="project" label="标签:">
+                    <el-tree-select
+                        ref="tagTreeRef"
+                        style="width: 100%"
+                        v-model="showTagDialog.tagTreeTeams"
+                        :data="showTagDialog.tags"
+                        :default-expanded-keys="showTagDialog.tagTreeTeams"
+                        multiple
+                        :render-after-expand="true"
+                        show-checkbox
+                        check-strictly
+                        node-key="id"
+                        :props="showTagDialog.props"
+                        @check="tagTreeNodeCheck"
+                    >
+                        <template #default="{ data }">
+                            <span class="custom-tree-node">
+                                <span style="font-size: 13px">
+                                    {{ data.code }}
+                                    <span style="color: #3c8dbc">【</span>
+                                    {{ data.name }}
+                                    <span style="color: #3c8dbc">】</span>
+                                    <el-tag v-if="data.children !== null" size="small">{{ data.children.length }}</el-tag>
+                                </span>
+                            </span>
+                        </template>
+                    </el-tree-select>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button @click="closeTagDialog()">取 消</el-button>
+                    <el-button v-auth="'team:tag:save'" @click="saveTags()" type="primary">确 定</el-button>
+                </div>
+            </template>
+        </el-dialog>
+
+        <el-dialog width="600px" :title="showMemDialog.title" v-model="showMemDialog.visible">
+            <div class="toolbar">
+                <el-button v-auth="'team:member:save'" @click="showAddMemberDialog()" type="primary" icon="plus">添加</el-button>
+                <el-button v-auth="'team:member:del'" @click="deleteMember" :disabled="showMemDialog.chooseId == null" type="danger" icon="delete">移除</el-button>
+            </div>
+            <el-table @current-change="chooseMember" border :data="showMemDialog.members.list">
+                <el-table-column label="选择" width="50px">
+                    <template #default="scope">
+                        <el-radio v-model="showMemDialog.chooseId" :label="scope.row.id">
+                            <i></i>
+                        </el-radio>
+                    </template>
+                </el-table-column>
+                <el-table-column property="username" label="账号" width="135"></el-table-column>
+                <el-table-column property="createTime" label="加入时间">
+                    <template #default="scope">
+                        {{ dateFormat(scope.row.createTime) }}
+                    </template>
+                </el-table-column>
+                <el-table-column property="creator" label="分配者" width="135"></el-table-column>
+            </el-table>
+            <el-pagination
+                @current-change="setMemebers"
+                style="text-align: center"
+                background
+                layout="prev, pager, next, total, jumper"
+                :total="showMemDialog.members.total"
+                v-model:current-page="showMemDialog.query.pageNum"
+                :page-size="showMemDialog.query.pageSize"
+            />
+
+            <el-dialog width="400px" title="添加成员" :before-close="cancelAddMember" v-model="showMemDialog.addVisible">
+                <el-form :model="showMemDialog.memForm" label-width="70px">
+                    <el-form-item label="账号:">
+                        <el-select
+                            style="width: 100%"
+                            remote
+                            :remote-method="getAccount"
+                            v-model="showMemDialog.memForm.accountId"
+                            filterable
+                            placeholder="请输入账号模糊搜索并选择"
+                        >
+                            <el-option v-for="item in showMemDialog.accounts" :key="item.id" :label="item.username" :value="item.id"> </el-option>
+                        </el-select>
+                    </el-form-item>
+                </el-form>
+                <template #footer>
+                    <div class="dialog-footer">
+                        <el-button @click="cancelAddMember()">取 消</el-button>
+                        <el-button @click="addMember" type="primary">确 定</el-button>
+                    </div>
+                </template>
+            </el-dialog>
+        </el-dialog>
+    </div>
+</template>
+
+<script lang="ts">
+import { ref, toRefs, reactive, onMounted, defineComponent } from 'vue';
+import { tagApi } from './api';
+import { accountApi } from '../../system/api';
+import { ElMessage, ElMessageBox } from 'element-plus';
+import { dateFormat } from '@/common/utils/date';
+import { notBlank } from '@/common/assert';
+export default defineComponent({
+    name: 'TeamList',
+    components: {},
+    setup() {
+        const teamForm: any = ref(null);
+        const tagTreeRef: any = ref(null);
+        const state = reactive({
+            dialogFormVisible: false,
+            currentEditPermissions: false,
+            addTeamDialog: {
+                title: '新增团队',
+                visible: false,
+                form: { id: 0, name: '', remark: '' },
+            },
+            query: {
+                pageNum: 1,
+                pageSize: 10,
+                name: null,
+            },
+            total: 0,
+            data: [],
+            chooseId: 0,
+            chooseData: null,
+            showMemDialog: {
+                visible: false,
+                chooseId: 0,
+                chooseData: null,
+                query: {
+                    pageSize: 8,
+                    pageNum: 1,
+                    teamId: null,
+                },
+                members: {
+                    list: [],
+                    total: null,
+                },
+                title: '',
+                addVisible: false,
+                memForm: {
+                    accountId: null as any,
+                    teamId: 0,
+                },
+                accounts: Array(),
+            },
+            showTagDialog: {
+                title: '项目信息',
+                visible: false,
+                tags: [],
+                teamId: 0,
+                tagTreeTeams: [] as any,
+                props: {
+                    value: 'id',
+                    label: 'codePath',
+                    children: 'children',
+                },
+            },
+        });
+
+        onMounted(() => {
+            search();
+        });
+
+        const search = async () => {
+            let res = await tagApi.getTeams.request(state.query);
+            state.data = res.list;
+            state.total = res.total;
+        };
+
+        const handlePageChange = (curPage: number) => {
+            state.query.pageNum = curPage;
+            search();
+        };
+
+        const choose = (item: any) => {
+            if (!item) {
+                return;
+            }
+            state.chooseId = item.id;
+            state.chooseData = item;
+        };
+
+        const showSaveTeamDialog = (data: any) => {
+            if (data) {
+                state.addTeamDialog.form.id = data.id;
+                state.addTeamDialog.form.name = data.name;
+                state.addTeamDialog.form.remark = data.remark;
+                state.addTeamDialog.title = `修改 [${data.codePath}] 信息`;
+            }
+            state.addTeamDialog.visible = true;
+        };
+
+        const saveTeam = async () => {
+            teamForm.value.validate(async (valid: any) => {
+                if (valid) {
+                    const form = state.addTeamDialog.form;
+                    await tagApi.saveTeam.request(form);
+                    ElMessage.success('保存成功');
+                    search();
+                    cancelSaveTeam();
+                }
+            });
+        };
+
+        const cancelSaveTeam = () => {
+            state.addTeamDialog.visible = false;
+            state.addTeamDialog.form = {} as any;
+            teamForm.value.resetFields();
+        };
+
+        const deleteTeam = (data: any) => {
+            ElMessageBox.confirm(`此操作将删除 [${data.name}], 是否继续?`, '提示', {
+                confirmButtonText: '确定',
+                cancelButtonText: '取消',
+                type: 'warning',
+            }).then(async () => {
+                await tagApi.delTeam.request({ id: data.id });
+                ElMessage.success('删除成功！');
+                search();
+            });
+        };
+
+        /********** 团队成员相关 ***********/
+
+        const showMembers = async (team: any) => {
+            state.showMemDialog.query.teamId = team.id;
+            await setMemebers();
+            state.showMemDialog.title = `[${team.name}] 成员信息`;
+            state.showMemDialog.visible = true;
+        };
+
+        const getAccount = (username: any) => {
+            accountApi.list.request({ username }).then((res) => {
+                state.showMemDialog.accounts = res.list;
+            });
+        };
+
+        /**
+         * 选中成员
+         */
+        const chooseMember = (item: any) => {
+            if (!item) {
+                return;
+            }
+            state.showMemDialog.chooseData = item;
+            state.showMemDialog.chooseId = item.id;
+        };
+
+        const deleteMember = async () => {
+            await tagApi.delTeamMem.request(state.showMemDialog.chooseData);
+            ElMessage.success('移除成功');
+            // 重新赋值成员列表
+            setMemebers();
+        };
+
+        /**
+         * 设置成员列表信息
+         */
+        const setMemebers = async () => {
+            const res = await tagApi.getTeamMem.request(state.showMemDialog.query);
+            state.showMemDialog.members.list = res.list;
+            state.showMemDialog.members.total = res.total;
+        };
+
+        const showAddMemberDialog = () => {
+            state.showMemDialog.addVisible = true;
+        };
+
+        const addMember = async () => {
+            const memForm = state.showMemDialog.memForm;
+            memForm.teamId = state.chooseId;
+            notBlank(memForm.accountId, '请先选择账号');
+
+            await tagApi.saveTeamMem.request(memForm);
+            ElMessage.success('保存成功');
+            setMemebers();
+            cancelAddMember();
+        };
+
+        const cancelAddMember = () => {
+            state.showMemDialog.memForm = {} as any;
+            state.showMemDialog.addVisible = false;
+            state.showMemDialog.chooseData = null;
+            state.showMemDialog.chooseId = 0;
+        };
+
+        /********** 标签相关 ***********/
+
+        const showTags = async (team: any) => {
+            state.showTagDialog.tags = await tagApi.getTagTrees.request(null);
+            state.showTagDialog.tagTreeTeams = await tagApi.getTeamTagIds.request({ teamId: team.id });
+            state.showTagDialog.title = `[${team.name}] 项目信息`;
+            state.showTagDialog.teamId = team.id;
+            state.showTagDialog.visible = true;
+        };
+
+        const closeTagDialog = () => {
+            state.showTagDialog.visible = false;
+            setTimeout(() => {
+                state.showTagDialog.tagTreeTeams = [];
+            }, 500);
+        };
+
+        const saveTags = async () => {
+            await tagApi.saveTeamTags.request({
+                teamId: state.showTagDialog.teamId,
+                tagIds: state.showTagDialog.tagTreeTeams,
+            });
+            ElMessage.success('保存成功');
+            closeTagDialog();
+        };
+
+        const tagTreeNodeCheck = (data: any, checkInfo: any) => {
+            const node = tagTreeRef.value.getNode(data.id);
+            console.log(node);
+            // state.showTagDialog.tagTreeTeams = [16]
+            if (node.checked) {
+                if (node.parent) {
+                    console.log(node.parent);
+                    // removeCheckedTagId(node.parent.key);
+                    tagTreeRef.value.setChecked(node.parent, false, false);
+                }
+                // // parentNode = node.parent
+                // for (let parentNode of node.parent) {
+                //     parentNode.setChecked(false);
+                // }
+            }
+            console.log(data);
+            console.log(checkInfo);
+        };
+
+        // function removeCheckedTagId(id: any) {
+        //     console.log(state.showTagDialog.tagTreeTeams);
+        //     for (let i = 0; i < state.showTagDialog.tagTreeTeams.length; i++) {
+        //         if (state.showTagDialog.tagTreeTeams[i] == id) {
+        //             console.log('has id', id);
+        //             state.showTagDialog.tagTreeTeams.splice(i, 1);
+        //         }
+        //     }
+        //     console.log(state.showTagDialog.tagTreeTeams);
+        // }
+
+        return {
+            ...toRefs(state),
+            teamForm,
+            tagTreeRef,
+            dateFormat,
+            choose,
+            search,
+            handlePageChange,
+            showSaveTeamDialog,
+            saveTeam,
+            cancelSaveTeam,
+            deleteTeam,
+            showMembers,
+            setMemebers,
+            getAccount,
+            showAddMemberDialog,
+            addMember,
+            cancelAddMember,
+            chooseMember,
+            deleteMember,
+            showTags,
+            closeTagDialog,
+            saveTags,
+            tagTreeNodeCheck,
+        };
+    },
+});
+</script>
+<style lang="scss">
+</style>

mayfly_go_web/src/views/ops/tag/api.ts

@@ -0,0 +1,19 @@
+import Api from '@/common/Api';
+
+export const tagApi = {
+    getAccountTags: Api.create("/tag-trees/account-has", 'get'),
+    getTagTrees: Api.create("/tag-trees", 'get'),
+    saveTagTree: Api.create("/tag-trees", 'post'),
+    delTagTree: Api.create("/tag-trees/{id}", 'delete'),
+
+    getTeams: Api.create("/teams", 'get'),
+    saveTeam: Api.create("/teams", 'post'),
+    delTeam: Api.create("/teams/{id}", 'delete'),
+
+    getTeamMem: Api.create("/teams/{teamId}/members", 'get'),
+    saveTeamMem:  Api.create("/teams/{teamId}/members", 'post'),
+    delTeamMem:  Api.create("/teams/{teamId}/members/{accountId}", 'delete'),
+
+    getTeamTagIds: Api.create("/teams/{teamId}/tags", 'get'),
+    saveTeamTags: Api.create("/teams/{teamId}/tags", 'post'),
+}   

mayfly_go_web/src/views/system/account/AccountEdit.vue

@@ -73,6 +73,7 @@ export default defineComponent({
                 state.form = { ...newValue.account };
                 state.edit = true;
             } else {
+                state.edit = false;
                 state.form = {} as any;
             }
             state.dialogVisible = newValue.visible;

mayfly_go_web/src/views/system/config/ConfigEdit.vue

@@ -1,6 +1,6 @@
 <template>
     <div>
-        <el-dialog :title="title" v-model="dvisible" :show-close="false" :before-close="cancel" width="500px" :destroy-on-close="true">
+        <el-dialog :title="title" v-model="dvisible" :show-close="false" :before-close="cancel" width="750px" :destroy-on-close="true">
             <el-form ref="configForm" :model="form" label-width="90px">
                 <el-form-item prop="name" label="配置项:" required>
                     <el-input v-model="form.name"></el-input>
@@ -8,9 +8,28 @@
                 <el-form-item prop="key" label="配置key:" required>
                     <el-input :disabled="form.id != null" v-model="form.key"></el-input>
                 </el-form-item>
-                <el-form-item prop="value" label="配置值:" required>
-                    <el-input v-model="form.value"></el-input>
+
+                <el-row style="margin-left: 30px; margin-bottom: 5px">
+                    <el-button @click="onAddParam" size="small" type="success">新增配置项</el-button>
+                </el-row>
+                <el-form-item :key="param" v-for="(param, index) in params" prop="params" :label="`参数${index + 1}`">
+                    <el-row>
+                        <el-col :span="5"><el-input v-model="param.model" placeholder="model"></el-input></el-col>
+                        <el-divider :span="1" direction="vertical" border-style="dashed" />
+                        <el-col :span="4"><el-input v-model="param.name" placeholder="字段名"></el-input></el-col>
+                        <el-divider :span="1" direction="vertical" border-style="dashed" />
+                        <el-col :span="4"><el-input v-model="param.placeholder" placeholder="字段说明"></el-input></el-col>
+                        <el-divider :span="1" direction="vertical" border-style="dashed" />
+                        <el-col :span="4">
+                            <el-input v-model="param.options" placeholder="可选值 ,分割"></el-input>
+                        </el-col>
+                        <el-divider :span="1" direction="vertical" border-style="dashed" />
+                        <el-col :span="2"><el-button @click="onDeleteParam(index)" size="small" type="danger">删除</el-button></el-col>
+                    </el-row>
                 </el-form-item>
+                <!-- <el-form-item prop="value" label="配置值:" required>
+                    <el-input v-model="form.value"></el-input>
+                </el-form-item> -->
                 <el-form-item label="备注:">
                     <el-input v-model="form.remark" type="textarea" :rows="2"></el-input>
                 </el-form-item>
@@ -46,10 +65,12 @@ export default defineComponent({
         const configForm: any = ref(null);
         const state = reactive({
             dvisible: false,
+            params: [] as any,
             form: {
                 id: null,
                 name: '',
                 key: '',
+                params: '',
                 value: '',
                 remark: '',
             },
@@ -60,11 +81,25 @@ export default defineComponent({
             state.dvisible = newValue.visible;
             if (newValue.data) {
                 state.form = { ...newValue.data };
+                if (state.form.params) {
+                    state.params = JSON.parse(state.form.params);
+                } else {
+                    state.params = [];
+                }
             } else {
                 state.form = {} as any;
+                state.params = [];
             }
         });
 
+        const onAddParam = () => {
+            state.params.push({ name: '', model: '', placeholder: '' });
+        };
+
+        const onDeleteParam = (idx: number) => {
+            state.params.splice(idx, 1);
+        };
+
         const cancel = () => {
             // 更新父组件visible prop对应的值为false
             emit('update:visible', false);
@@ -75,6 +110,9 @@ export default defineComponent({
         const btnOk = async () => {
             configForm.value.validate(async (valid: boolean) => {
                 if (valid) {
+                    if (state.params) {
+                        state.form.params = JSON.stringify(state.params);
+                    }
                     await configApi.save.request(state.form);
                     emit('val-change', state.form);
                     cancel();
@@ -88,6 +126,8 @@ export default defineComponent({
 
         return {
             ...toRefs(state),
+            onAddParam,
+            onDeleteParam,
             configForm,
             btnOk,
             cancel,

mayfly_go_web/src/views/system/config/ConfigList.vue

@@ -16,12 +16,25 @@
                 <el-table-column prop="key" label="配置key"></el-table-column>
                 <el-table-column prop="value" label="配置值" min-width="100px" show-overflow-tooltip></el-table-column>
                 <el-table-column prop="remark" label="备注" min-width="100px" show-overflow-tooltip></el-table-column>
-                <el-table-column prop="updateTime" label="更新时间">
+                <el-table-column prop="updateTime" label="更新时间" min-width="100px">
                     <template #default="scope">
                         {{ $filters.dateFormat(scope.row.createTime) }}
                     </template>
                 </el-table-column>
                 <el-table-column prop="modifier" label="修改者" show-overflow-tooltip></el-table-column>
+                <el-table-column label="操作" min-width="50" fixed="right">
+                    <template #default="scope">
+                        <el-link
+                            :disabled="scope.row.status == -1"
+                            type="warning"
+                            @click="showSetConfigDialog(scope.row)"
+                            plain
+                            size="small"
+                            :underline="false"
+                            >配置</el-link
+                        >
+                    </template>
+                </el-table-column>
             </el-table>
             <el-row style="margin-top: 20px" type="flex" justify="end">
                 <el-pagination
@@ -35,6 +48,42 @@
             </el-row>
         </el-card>
 
+        <el-dialog :before-close="closeSetConfigDialog" title="配置项设置" v-model="paramsDialog.visible" width="500px">
+            <el-form v-if="paramsDialog.paramsFormItem.length > 0" ref="paramsForm" :model="paramsDialog.params" label-width="90px">
+                <el-form-item v-for="item in paramsDialog.paramsFormItem" :key="item.name" :prop="item.model" :label="item.name" required>
+                    <el-input
+                        v-if="!item.options"
+                        v-model="paramsDialog.params[item.model]"
+                        :placeholder="item.placeholder"
+                        autocomplete="off"
+                        clearable
+                    ></el-input>
+                    <el-select
+                        v-else
+                        v-model="paramsDialog.params[item.model]"
+                        :placeholder="item.placeholder"
+                        filterable
+                        autocomplete="off"
+                        clearable
+                        style="width: 100%"
+                    >
+                        <el-option v-for="option in item.options.split(',')" :key="option" :label="option" :value="option" />
+                    </el-select>
+                </el-form-item>
+            </el-form>
+            <el-form v-else ref="paramsForm" label-width="90px">
+                <el-form-item label="配置值" required>
+                    <el-input v-model="paramsDialog.params" :placeholder="paramsDialog.config.remark" autocomplete="off" clearable></el-input>
+                </el-form-item>
+            </el-form>
+            <template #footer>
+                <span class="dialog-footer">
+                    <el-button @click="closeSetConfigDialog()">取 消</el-button>
+                    <el-button type="primary" @click="setConfig()">确 定</el-button>
+                </span>
+            </template>
+        </el-dialog>
+
         <config-edit :title="configEdit.title" v-model:visible="configEdit.visible" :data="configEdit.config" @val-change="configEditChange" />
     </div>
 </template>
@@ -62,6 +111,12 @@ export default defineComponent({
             configs: [],
             chooseId: null,
             chooseData: null,
+            paramsDialog: {
+                visible: false,
+                config: null as any,
+                params: {},
+                paramsFormItem: [] as any,
+            },
             configEdit: {
                 title: '配置修改',
                 visible: false,
@@ -84,6 +139,62 @@ export default defineComponent({
             search();
         };
 
+        const showSetConfigDialog = (row: any) => {
+            state.paramsDialog.config = row;
+            // 存在配置项则弹窗提示输入对应的配置项
+            if (row.params) {
+                state.paramsDialog.paramsFormItem = JSON.parse(row.params);
+                if (state.paramsDialog.paramsFormItem && state.paramsDialog.paramsFormItem.length > 0) {
+                    if (row.value) {
+                        state.paramsDialog.params = JSON.parse(row.value);
+                    }
+                }
+            } else {
+                state.paramsDialog.params = row.value;
+            }
+            state.paramsDialog.visible = true;
+        };
+
+        const closeSetConfigDialog = () => {
+            state.paramsDialog.visible = false;
+            setTimeout(() => {
+                state.paramsDialog.config = {};
+                state.paramsDialog.params = {};
+                state.paramsDialog.paramsFormItem = [];
+            }, 300);
+        };
+
+        const setConfig = async () => {
+            let paramsValue = state.paramsDialog.params;
+            if (state.paramsDialog.paramsFormItem.length > 0) {
+                // 如果配置项删除，则需要将value中对应的字段移除
+                for (let paramKey in paramsValue) {
+                    if (!hasParam(paramKey, state.paramsDialog.paramsFormItem)) {
+                        delete paramsValue[paramKey];
+                    }
+                }
+                paramsValue = JSON.stringify(paramsValue);
+            }
+            await configApi.save.request({
+                id: state.paramsDialog.config.id,
+                key: state.paramsDialog.config.key,
+                name: state.paramsDialog.config.name,
+                value: paramsValue,
+            });
+            ElMessage.success('保存成功');
+            closeSetConfigDialog();
+            search();
+        };
+
+        const hasParam = (paramKey: string, paramItems: any) => {
+            for (let paramItem of paramItems) {
+                if (paramItem.model == paramKey) {
+                    return true;
+                }
+            }
+            return false;
+        };
+
         const choose = (item: any) => {
             if (!item) {
                 return;
@@ -93,7 +204,7 @@ export default defineComponent({
         };
 
         const configEditChange = () => {
-            ElMessage.success('修改成功！');
+            ElMessage.success('保存成功');
             state.chooseId = null;
             state.chooseData = null;
             search();
@@ -111,6 +222,9 @@ export default defineComponent({
 
         return {
             ...toRefs(state),
+            showSetConfigDialog,
+            closeSetConfigDialog,
+            setConfig,
             search,
             handlePageChange,
             choose,

mayfly_go_web/yarn.lock

@@ -3,23 +3,25 @@
 
 
 "@babel/parser@^7.16.4":
-  version "7.16.6"
-  resolved "https://registry.npmmirror.com/@babel/parser/download/@babel/parser-7.16.6.tgz"
-  integrity sha512-Gr86ujcNuPDnNOY8mi383Hvi8IYrJVJYuf3XcuBM/Dgd+bINn/7tHqsj+tKkoreMbmGsFLsltI/JJd8fOFWGDQ==
+  version "7.19.1"
+  resolved "https://registry.npmmirror.com/@babel/parser/-/parser-7.19.1.tgz"
+  integrity sha512-h7RCSorm1DdTVGJf3P2Mhj3kdnkmF/EiysUkzS2TdgAYqyjFdMQJbVuXOBej2SBJaXan/lIVtT6KkGbyyq753A==
+
+"@babel/runtime@^7.15.4":
+  version "7.19.0"
+  resolved "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.19.0.tgz"
+  integrity sha512-eR8Lo9hnDS7tqkO7NsV+mKvCmv5boaXFSZ70DnfhcgiEne8hv9oCEd36Klw74EtizEqLsy4YnW8UWwpBVolHZA==
+  dependencies:
+    regenerator-runtime "^0.13.4"
 
 "@ctrl/tinycolor@^3.4.1":
   version "3.4.1"
   resolved "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.4.1.tgz"
   integrity sha512-ej5oVy6lykXsvieQtqZxCOaLT+xD4+QNarq78cIYISHmZXshCvROLudpQN3lfL8G0NL7plMSSK+zlyvCaIJ4Iw==
 
-"@element-plus/icons-vue@^2.0.6":
-  version "2.0.6"
-  resolved "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.0.6.tgz"
-  integrity sha512-lPpG8hYkjL/Z97DH5Ei6w6o22Z4YdNglWCNYOPcB33JCF2A4wye6HFgSI7hEt9zdLyxlSpiqtgf9XcYU+m5mew==
-
-"@element-plus/icons-vue@^2.0.9":
+"@element-plus/icons-vue@^2.0.6", "@element-plus/icons-vue@^2.0.9":
   version "2.0.9"
-  resolved "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.0.9.tgz#b7777c57534522e387303d194451d50ff549d49a"
+  resolved "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.0.9.tgz"
   integrity sha512-okdrwiVeKBmW41Hkl0eMrXDjzJwhQMuKiBOu17rOszqM+LS/yBYpNQNV5Jvoh06Wc+89fMmb/uhzf8NZuDuUaQ==
 
 "@eslint/eslintrc@^1.0.5":
@@ -37,17 +39,17 @@
     minimatch "^3.0.4"
     strip-json-comments "^3.1.1"
 
-"@floating-ui/core@^0.7.3":
-  version "0.7.3"
-  resolved "https://registry.npmmirror.com/@floating-ui/core/-/core-0.7.3.tgz"
-  integrity sha512-buc8BXHmG9l82+OQXOFU3Kr2XQx9ys01U/Q9HMIrZ300iLc8HLMgh7dcCqgYzAzf4BkoQvDcXf5Y+CuEZ5JBYg==
+"@floating-ui/core@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmmirror.com/@floating-ui/core/-/core-1.0.1.tgz"
+  integrity sha512-bO37brCPfteXQfFY0DyNDGB3+IMe4j150KFQcgJ5aBP295p9nBGeHEs/p0czrRbtlHq4Px/yoPXO/+dOCcF4uA==
 
-"@floating-ui/dom@^0.5.4":
-  version "0.5.4"
-  resolved "https://registry.npmmirror.com/@floating-ui/dom/-/dom-0.5.4.tgz"
-  integrity sha512-419BMceRLq0RrmTSDxn8hf9R3VCJv2K9PUfugh5JyEFmdjzDo+e8U5EdR8nzKq8Yj1htzLm3b6eQEEam3/rrtg==
+"@floating-ui/dom@^1.0.1":
+  version "1.0.2"
+  resolved "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.0.2.tgz"
+  integrity sha512-5X9WSvZ8/fjy3gDu8yx9HAA4KG1lazUN2P4/VnaXLxTO9Dz53HI1oYoh1OlhqFNlHgGDiwFX5WhFCc2ljbW3yA==
   dependencies:
-    "@floating-ui/core" "^0.7.3"
+    "@floating-ui/core" "^1.0.1"
 
 "@humanwhocodes/config-array@^0.9.2":
   version "0.9.2"
@@ -133,7 +135,7 @@
 
 "@types/web-bluetooth@^0.0.15":
   version "0.0.15"
-  resolved "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.15.tgz#d60330046a6ed8a13b4a53df3813c44942ebdf72"
+  resolved "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.15.tgz"
   integrity sha512-w7hEHXnPMEZ+4nGKl/KDRVpxkwYxYExuHOYXyzIzCDzEZ9ZCGMAewulr9IqJu2LR4N37fcnb1XVeuZ09qgOxhA==
 
 "@typescript-eslint/eslint-plugin@^4.23.0":
@@ -211,89 +213,89 @@
   resolved "https://registry.npmmirror.com/@vitejs/plugin-vue/-/plugin-vue-2.3.3.tgz"
   integrity sha512-SmQLDyhz+6lGJhPELsBdzXGc+AcaT8stgkbiTFGpXPe8Tl1tJaBw1A6pxDqDuRsVkD8uscrkx3hA7QDOoKYtyw==
 
-"@vue/compiler-core@3.2.26":
-  version "3.2.26"
-  resolved "https://registry.npmmirror.com/@vue/compiler-core/download/@vue/compiler-core-3.2.26.tgz"
-  integrity sha512-N5XNBobZbaASdzY9Lga2D9Lul5vdCIOXvUMd6ThcN8zgqQhPKfCV+wfAJNNJKQkSHudnYRO2gEB+lp0iN3g2Tw==
+"@vue/compiler-core@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.2.39.tgz"
+  integrity sha512-mf/36OWXqWn0wsC40nwRRGheR/qoID+lZXbIuLnr4/AngM0ov8Xvv8GHunC0rKRIkh60bTqydlqTeBo49rlbqw==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/shared" "3.2.26"
+    "@vue/shared" "3.2.39"
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-core@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.2.37.tgz"
-  integrity sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==
+"@vue/compiler-core@3.2.41":
+  version "3.2.41"
+  resolved "https://registry.npmmirror.com/@vue/compiler-core/-/compiler-core-3.2.41.tgz#fb5b25f23817400f44377d878a0cdead808453ef"
+  integrity sha512-oA4mH6SA78DT+96/nsi4p9DX97PHcNROxs51lYk7gb9Z4BPKQ3Mh+BLn6CQZBw857Iuhu28BfMSRHAlPvD4vlw==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/shared" "3.2.37"
+    "@vue/shared" "3.2.41"
     estree-walker "^2.0.2"
     source-map "^0.6.1"
 
-"@vue/compiler-dom@3.2.26":
-  version "3.2.26"
-  resolved "https://registry.npmmirror.com/@vue/compiler-dom/download/@vue/compiler-dom-3.2.26.tgz"
-  integrity sha512-smBfaOW6mQDxcT3p9TKT6mE22vjxjJL50GFVJiI0chXYGU/xzC05QRGrW3HHVuJrmLTLx5zBhsZ2dIATERbarg==
+"@vue/compiler-dom@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.2.39.tgz"
+  integrity sha512-HMFI25Be1C8vLEEv1hgEO1dWwG9QQ8LTTPmCkblVJY/O3OvWx6r1+zsox5mKPMGvqYEZa6l8j+xgOfUspgo7hw==
   dependencies:
-    "@vue/compiler-core" "3.2.26"
-    "@vue/shared" "3.2.26"
+    "@vue/compiler-core" "3.2.39"
+    "@vue/shared" "3.2.39"
 
-"@vue/compiler-dom@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz"
-  integrity sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==
+"@vue/compiler-dom@3.2.41":
+  version "3.2.41"
+  resolved "https://registry.npmmirror.com/@vue/compiler-dom/-/compiler-dom-3.2.41.tgz#dc63dcd3ce8ca8a8721f14009d498a7a54380299"
+  integrity sha512-xe5TbbIsonjENxJsYRbDJvthzqxLNk+tb3d/c47zgREDa/PCp6/Y4gC/skM4H6PIuX5DAxm7fFJdbjjUH2QTMw==
   dependencies:
-    "@vue/compiler-core" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/compiler-core" "3.2.41"
+    "@vue/shared" "3.2.41"
 
-"@vue/compiler-sfc@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz"
-  integrity sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==
+"@vue/compiler-sfc@3.2.41":
+  version "3.2.41"
+  resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.2.41.tgz#238fb8c48318408c856748f4116aff8cc1dc2a73"
+  integrity sha512-+1P2m5kxOeaxVmJNXnBskAn3BenbTmbxBxWOtBq3mQTCokIreuMULFantBUclP0+KnzNCMOvcnKinqQZmiOF8w==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.37"
-    "@vue/compiler-dom" "3.2.37"
-    "@vue/compiler-ssr" "3.2.37"
-    "@vue/reactivity-transform" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/compiler-core" "3.2.41"
+    "@vue/compiler-dom" "3.2.41"
+    "@vue/compiler-ssr" "3.2.41"
+    "@vue/reactivity-transform" "3.2.41"
+    "@vue/shared" "3.2.41"
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
     postcss "^8.1.10"
     source-map "^0.6.1"
 
 "@vue/compiler-sfc@^3.0.11":
-  version "3.2.26"
-  resolved "https://registry.npmmirror.com/@vue/compiler-sfc/download/@vue/compiler-sfc-3.2.26.tgz"
-  integrity sha512-ePpnfktV90UcLdsDQUh2JdiTuhV0Skv2iYXxfNMOK/F3Q+2BO0AulcVcfoksOpTJGmhhfosWfMyEaEf0UaWpIw==
+  version "3.2.39"
+  resolved "https://registry.npmmirror.com/@vue/compiler-sfc/-/compiler-sfc-3.2.39.tgz"
+  integrity sha512-fqAQgFs1/BxTUZkd0Vakn3teKUt//J3c420BgnYgEOoVdTwYpBTSXCMJ88GOBCylmUBbtquGPli9tVs7LzsWIA==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.26"
-    "@vue/compiler-dom" "3.2.26"
-    "@vue/compiler-ssr" "3.2.26"
-    "@vue/reactivity-transform" "3.2.26"
-    "@vue/shared" "3.2.26"
+    "@vue/compiler-core" "3.2.39"
+    "@vue/compiler-dom" "3.2.39"
+    "@vue/compiler-ssr" "3.2.39"
+    "@vue/reactivity-transform" "3.2.39"
+    "@vue/shared" "3.2.39"
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
     postcss "^8.1.10"
     source-map "^0.6.1"
 
-"@vue/compiler-ssr@3.2.26":
-  version "3.2.26"
-  resolved "https://registry.npmmirror.com/@vue/compiler-ssr/download/@vue/compiler-ssr-3.2.26.tgz"
-  integrity sha512-2mywLX0ODc4Zn8qBoA2PDCsLEZfpUGZcyoFRLSOjyGGK6wDy2/5kyDOWtf0S0UvtoyVq95OTSGIALjZ4k2q/ag==
+"@vue/compiler-ssr@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.2.39.tgz"
+  integrity sha512-EoGCJ6lincKOZGW+0Ky4WOKsSmqL7hp1ZYgen8M7u/mlvvEQUaO9tKKOy7K43M9U2aA3tPv0TuYYQFrEbK2eFQ==
   dependencies:
-    "@vue/compiler-dom" "3.2.26"
-    "@vue/shared" "3.2.26"
+    "@vue/compiler-dom" "3.2.39"
+    "@vue/shared" "3.2.39"
 
-"@vue/compiler-ssr@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz"
-  integrity sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==
+"@vue/compiler-ssr@3.2.41":
+  version "3.2.41"
+  resolved "https://registry.npmmirror.com/@vue/compiler-ssr/-/compiler-ssr-3.2.41.tgz#344f564d68584b33367731c04ffc949784611fcb"
+  integrity sha512-Y5wPiNIiaMz/sps8+DmhaKfDm1xgj6GrH99z4gq2LQenfVQcYXmHIOBcs5qPwl7jaW3SUQWjkAPKMfQemEQZwQ==
   dependencies:
-    "@vue/compiler-dom" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/compiler-dom" "3.2.41"
+    "@vue/shared" "3.2.41"
 
 "@vue/devtools-api@^6.0.0-beta.11":
   version "6.0.0-beta.20.1"
@@ -305,96 +307,96 @@
   resolved "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.1.4.tgz"
   integrity sha512-IiA0SvDrJEgXvVxjNkHPFfDx6SXw0b/TUkqMcDZWNg9fnCAHbTpoo59YfJ9QLFkwa3raau5vSlRVzMSLDnfdtQ==
 
-"@vue/reactivity-transform@3.2.26":
-  version "3.2.26"
-  resolved "https://registry.npmmirror.com/@vue/reactivity-transform/download/@vue/reactivity-transform-3.2.26.tgz"
-  integrity sha512-XKMyuCmzNA7nvFlYhdKwD78rcnmPb7q46uoR00zkX6yZrUmcCQ5OikiwUEVbvNhL5hBJuvbSO95jB5zkUon+eQ==
+"@vue/reactivity-transform@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.2.39.tgz"
+  integrity sha512-HGuWu864zStiWs9wBC6JYOP1E00UjMdDWIG5W+FpUx28hV3uz9ODOKVNm/vdOy/Pvzg8+OcANxAVC85WFBbl3A==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.26"
-    "@vue/shared" "3.2.26"
+    "@vue/compiler-core" "3.2.39"
+    "@vue/shared" "3.2.39"
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
-"@vue/reactivity-transform@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz"
-  integrity sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==
+"@vue/reactivity-transform@3.2.41":
+  version "3.2.41"
+  resolved "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.2.41.tgz#9ff938877600c97f646e09ac1959b5150fb11a0c"
+  integrity sha512-mK5+BNMsL4hHi+IR3Ft/ho6Za+L3FA5j8WvreJ7XzHrqkPq8jtF/SMo7tuc9gHjLDwKZX1nP1JQOKo9IEAn54A==
   dependencies:
     "@babel/parser" "^7.16.4"
-    "@vue/compiler-core" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/compiler-core" "3.2.41"
+    "@vue/shared" "3.2.41"
     estree-walker "^2.0.2"
     magic-string "^0.25.7"
 
-"@vue/reactivity@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.2.37.tgz"
-  integrity sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==
+"@vue/reactivity@3.2.41":
+  version "3.2.41"
+  resolved "https://registry.npmmirror.com/@vue/reactivity/-/reactivity-3.2.41.tgz#0ad3bdf76d76822da1502dc9f394dafd02642963"
+  integrity sha512-9JvCnlj8uc5xRiQGZ28MKGjuCoPhhTwcoAdv3o31+cfGgonwdPNuvqAXLhlzu4zwqavFEG5tvaoINQEfxz+l6g==
   dependencies:
-    "@vue/shared" "3.2.37"
+    "@vue/shared" "3.2.41"
 
-"@vue/runtime-core@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.2.37.tgz"
-  integrity sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==
+"@vue/runtime-core@3.2.41":
+  version "3.2.41"
+  resolved "https://registry.npmmirror.com/@vue/runtime-core/-/runtime-core-3.2.41.tgz#775bfc00b3fadbaddab77138f23322aee3517a76"
+  integrity sha512-0LBBRwqnI0p4FgIkO9q2aJBBTKDSjzhnxrxHYengkAF6dMOjeAIZFDADAlcf2h3GDALWnblbeprYYpItiulSVQ==
   dependencies:
-    "@vue/reactivity" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/reactivity" "3.2.41"
+    "@vue/shared" "3.2.41"
 
-"@vue/runtime-dom@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz"
-  integrity sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==
+"@vue/runtime-dom@3.2.41":
+  version "3.2.41"
+  resolved "https://registry.npmmirror.com/@vue/runtime-dom/-/runtime-dom-3.2.41.tgz#cdf86be7410f7b15c29632a96ce879e5b4c9ab92"
+  integrity sha512-U7zYuR1NVIP8BL6jmOqmapRAHovEFp7CSw4pR2FacqewXNGqZaRfHoNLQsqQvVQ8yuZNZtxSZy0FFyC70YXPpA==
   dependencies:
-    "@vue/runtime-core" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/runtime-core" "3.2.41"
+    "@vue/shared" "3.2.41"
     csstype "^2.6.8"
 
-"@vue/server-renderer@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.2.37.tgz"
-  integrity sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==
+"@vue/server-renderer@3.2.41":
+  version "3.2.41"
+  resolved "https://registry.npmmirror.com/@vue/server-renderer/-/server-renderer-3.2.41.tgz#ca64552c05878f94e8d191ac439141c06c0fb2ad"
+  integrity sha512-7YHLkfJdTlsZTV0ae5sPwl9Gn/EGr2hrlbcS/8naXm2CDpnKUwC68i1wGlrYAfIgYWL7vUZwk2GkYLQH5CvFig==
   dependencies:
-    "@vue/compiler-ssr" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/compiler-ssr" "3.2.41"
+    "@vue/shared" "3.2.41"
 
-"@vue/shared@3.2.26":
-  version "3.2.26"
-  resolved "https://registry.npmmirror.com/@vue/shared/download/@vue/shared-3.2.26.tgz"
-  integrity sha512-vPV6Cq+NIWbH5pZu+V+2QHE9y1qfuTq49uNWw4f7FDEeZaDU2H2cx5jcUZOAKW7qTrUS4k6qZPbMy1x4N96nbA==
+"@vue/shared@3.2.39":
+  version "3.2.39"
+  resolved "https://registry.npmmirror.com/@vue/shared/-/shared-3.2.39.tgz"
+  integrity sha512-D3dl2ZB9qE6mTuWPk9RlhDeP1dgNRUKC3NJxji74A4yL8M2MwlhLKUC/49WHjrNzSPug58fWx/yFbaTzGAQSBw==
 
-"@vue/shared@3.2.37":
-  version "3.2.37"
-  resolved "https://registry.npmmirror.com/@vue/shared/-/shared-3.2.37.tgz"
-  integrity sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==
+"@vue/shared@3.2.41":
+  version "3.2.41"
+  resolved "https://registry.npmmirror.com/@vue/shared/-/shared-3.2.41.tgz#fbc95422df654ea64e8428eced96ba6ad555d2bb"
+  integrity sha512-W9mfWLHmJhkfAmV+7gDjcHeAWALQtgGT3JErxULl0oz6R6+3ug91I7IErs93eCFhPCZPHBs4QJS7YWEV7A3sxw==
 
 "@vueuse/core@^9.1.0":
-  version "9.1.0"
-  resolved "https://registry.npmmirror.com/@vueuse/core/-/core-9.1.0.tgz#f0fb13fd99768c0eb617169a2d2c1cbd5f5a52eb"
-  integrity sha512-BIroqvXEqt826aE9r3K5cox1zobuPuAzdYJ36kouC2TVhlXvFKIILgFVWrpp9HZPwB3aLzasmG3K87q7TSyXZg==
+  version "9.2.0"
+  resolved "https://registry.npmmirror.com/@vueuse/core/-/core-9.2.0.tgz"
+  integrity sha512-/MZ6qpz6uSyaXrtoeBWQzAKRG3N7CvfVWvQxiM3ei3Xe5ydOjjtVbo7lGl9p8dECV93j7W8s63A8H0kFLpLyxg==
   dependencies:
     "@types/web-bluetooth" "^0.0.15"
-    "@vueuse/metadata" "9.1.0"
-    "@vueuse/shared" "9.1.0"
+    "@vueuse/metadata" "9.2.0"
+    "@vueuse/shared" "9.2.0"
     vue-demi "*"
 
-"@vueuse/metadata@9.1.0":
-  version "9.1.0"
-  resolved "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-9.1.0.tgz#194d4bd47f7acb91e348c0f436e678ddf7ee235b"
-  integrity sha512-8OEhlog1iaAGTD3LICZ8oBGQdYeMwByvXetOtAOZCJOzyCRSwqwdggTsmVZZ1rkgYIEqgUBk942AsAPwM21s6A==
+"@vueuse/metadata@9.2.0":
+  version "9.2.0"
+  resolved "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-9.2.0.tgz"
+  integrity sha512-exN4KE6iquxDCdt72BgEhb3tlOpECtD61AUdXnUqBTIUCl70x1Ar/QXo3bYcvxmdMS2/peQyfeTzBjRTpvL5xw==
 
-"@vueuse/shared@9.1.0":
-  version "9.1.0"
-  resolved "https://registry.npmmirror.com/@vueuse/shared/-/shared-9.1.0.tgz#d8459a45324f32fb05a2a56ed754637c3d0efaeb"
-  integrity sha512-pB/3njQu4tfJJ78ajELNda0yMG6lKfpToQW7Soe09CprF1k3QuyoNi1tBNvo75wBDJWD+LOnr+c4B5HZ39jY/Q==
+"@vueuse/shared@9.2.0":
+  version "9.2.0"
+  resolved "https://registry.npmmirror.com/@vueuse/shared/-/shared-9.2.0.tgz"
+  integrity sha512-NnRp/noSWuXW0dKhZK5D0YLrDi0nmZ18UeEgwXQq7Ul5TTP93lcNnKjrHtd68j2xFB/l59yPGFlCryL692bnrA==
   dependencies:
     vue-demi "*"
 
-ace-builds@^1.6.0:
-  version "1.7.1"
-  resolved "https://registry.npmmirror.com/ace-builds/-/ace-builds-1.7.1.tgz"
-  integrity sha512-1mcbP5kXvr729sJ9dA/8tul0pjuvKbma0LF/ZMRwPEwjoNWNpe/x0OXpaPJo36aRpZCjRZMl5zsME3hAKTiaNw==
+ace-builds@^1.10.1:
+  version "1.11.2"
+  resolved "https://registry.npmmirror.com/ace-builds/-/ace-builds-1.11.2.tgz#93fd7b7770909f3a48a23d71bd212d1b77baaaf5"
+  integrity sha512-1VNeUF56b6gkaeeWJXMBBuz5n0ceDchjUwwVmTKpNM/N3YRrUEpykGEEsg7Y1PKP7IRyqtXfAu6VJDg7OZaLfA==
 
 acorn-jsx@^5.3.1:
   version "5.3.2"
@@ -426,7 +428,7 @@ ansi-regex@^5.0.1:
   resolved "https://registry.nlark.com/ansi-regex/download/ansi-regex-5.0.1.tgz"
   integrity sha1-CCyyyJyf6GWaMRpTvWpNxTAdswQ=
 
-ansi-styles@^4.0.0, ansi-styles@^4.1.0:
+ansi-styles@^4.1.0:
   version "4.3.0"
   resolved "https://registry.nlark.com/ansi-styles/download/ansi-styles-4.3.0.tgz"
   integrity sha1-7dgDYornHATIWuegkG7a00tkiTc=
@@ -451,6 +453,14 @@ array-union@^2.1.0:
   resolved "https://registry.npm.taobao.org/array-union/download/array-union-2.1.0.tgz?cache=0&sync_timestamp=1614624262896&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Farray-union%2Fdownload%2Farray-union-2.1.0.tgz"
   integrity sha1-t5hCCtvrHego2ErNii4j0+/oXo0=
 
+asciinema-player@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmmirror.com/asciinema-player/-/asciinema-player-3.0.1.tgz"
+  integrity sha512-plm/C/MhOtZWysrfcT/rzxOuu8vxvvDSvF50pqZS6KpJUDmATedAhO54zktbE/g7RiaaYfzgX8xjRhlQdgISwA==
+  dependencies:
+    "@babel/runtime" "^7.15.4"
+    solid-js "^1.3.0"
+
 async-validator@^4.2.5:
   version "4.2.5"
   resolved "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz"
@@ -461,13 +471,14 @@ asynckit@^0.4.0:
   resolved "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz"
   integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 
-axios@^0.27.2:
-  version "0.27.2"
-  resolved "https://registry.npmmirror.com/axios/-/axios-0.27.2.tgz"
-  integrity sha512-t+yRIyySRTp/wua5xEr+z1q60QmLq8ABsS5O9Me1AsE5dfKqgnCFzwiCZZ/cGNd1lq4/7akDWMxdhVlucjmnOQ==
+axios@^1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npmmirror.com/axios/-/axios-1.1.2.tgz#8b6f6c540abf44ab98d9904e8daf55351ca4a331"
+  integrity sha512-bznQyETwElsXl2RK7HLLwb5GPpOLlycxHCtrpDR/4RqqBzjARaOTo3jz4IgtntWUYee7Ne4S8UHd92VCuzPaWA==
   dependencies:
-    follow-redirects "^1.14.9"
+    follow-redirects "^1.15.0"
     form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
 
 balanced-match@^1.0.0:
   version "1.0.2"
@@ -531,15 +542,6 @@ clipboard@^2.0.6:
     select "^1.1.2"
     tiny-emitter "^2.0.0"
 
-cliui@^7.0.2:
-  version "7.0.4"
-  resolved "https://registry.npmmirror.com/cliui/-/cliui-7.0.4.tgz#a0265ee655476fc807aea9df3df8df7783808b4f"
-  integrity sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==
-  dependencies:
-    string-width "^4.2.0"
-    strip-ansi "^6.0.0"
-    wrap-ansi "^7.0.0"
-
 codemirror@^5.65.5:
   version "5.65.5"
   resolved "https://registry.npmmirror.com/codemirror/-/codemirror-5.65.5.tgz"
@@ -589,9 +591,14 @@ cross-spawn@^7.0.2:
     which "^2.0.1"
 
 csstype@^2.6.8:
-  version "2.6.19"
-  resolved "https://registry.npmmirror.com/csstype/download/csstype-2.6.19.tgz?cache=0&sync_timestamp=1637224514674&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fcsstype%2Fdownload%2Fcsstype-2.6.19.tgz"
-  integrity sha512-ZVxXaNy28/k3kJg0Fou5MiYpp88j7H9hLZp8PDC3jV0WFjfH5E9xHb56L0W59cPbKbcHXeP4qyT8PrHp8t6LcQ==
+  version "2.6.21"
+  resolved "https://registry.npmmirror.com/csstype/-/csstype-2.6.21.tgz"
+  integrity sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==
+
+csstype@^3.1.0:
+  version "3.1.1"
+  resolved "https://registry.npmmirror.com/csstype/-/csstype-3.1.1.tgz"
+  integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
 
 dayjs@^1.11.3:
   version "1.11.3"
@@ -610,11 +617,6 @@ deep-is@^0.1.3:
   resolved "https://registry.nlark.com/deep-is/download/deep-is-0.1.4.tgz"
   integrity sha1-pvLc5hL63S7x9Rm3NVHxfoUZmDE=
 
-define-lazy-prop@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.npmmirror.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz#3f7ae421129bcaaac9bc74905c98a0009ec9ee7f"
-  integrity sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==
-
 delayed-stream@~1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz"
@@ -652,14 +654,14 @@ echarts@^5.3.3:
     tslib "2.3.0"
     zrender "5.3.2"
 
-element-plus@^2.2.14:
-  version "2.2.14"
-  resolved "https://registry.npmmirror.com/element-plus/-/element-plus-2.2.14.tgz#161f2cbf2c12608a570af303f8191c7d7eae725b"
-  integrity sha512-V5Pis0OHhePg1RgVogZrcefaVl8vjVn4Pn9Qsh/t2CbFgjg9kKOYFqf/tuP3ObSXGm3X89hpe0W+nLVAsaFnpw==
+element-plus@^2.2.18:
+  version "2.2.18"
+  resolved "https://registry.npmmirror.com/element-plus/-/element-plus-2.2.18.tgz#62b388e05587506d2d40bede0729046f7c41f9d9"
+  integrity sha512-2pK2zmVOwP14eFl3rGoR+3BWJwDyO+DZCvzjQ8L6qjUR+hVKwFhgxIcSkKJatbcHFw5Xui6UyN20jV+gQP7mLg==
   dependencies:
     "@ctrl/tinycolor" "^3.4.1"
     "@element-plus/icons-vue" "^2.0.6"
-    "@floating-ui/dom" "^0.5.4"
+    "@floating-ui/dom" "^1.0.1"
     "@popperjs/core" "npm:@sxzz/popperjs-es@^2.11.7"
     "@types/lodash" "^4.14.182"
     "@types/lodash-es" "^4.17.6"
@@ -673,11 +675,6 @@ element-plus@^2.2.14:
     memoize-one "^6.0.0"
     normalize-wheel-es "^1.2.0"
 
-emoji-regex@^8.0.0:
-  version "8.0.0"
-  resolved "https://registry.npmmirror.com/emoji-regex/-/emoji-regex-8.0.0.tgz#e818fd69ce5ccfcb404594f842963bf53164cc37"
-  integrity sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==
-
 enquirer@^2.3.5:
   version "2.3.6"
   resolved "https://registry.npm.taobao.org/enquirer/download/enquirer-2.3.6.tgz"
@@ -811,11 +808,6 @@ esbuild@^0.14.27:
     esbuild-windows-64 "0.14.38"
     esbuild-windows-arm64 "0.14.38"
 
-escalade@^3.1.1:
-  version "3.1.1"
-  resolved "https://registry.npmmirror.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
-  integrity sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==
-
 escape-html@^1.0.3:
   version "1.0.3"
   resolved "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz"
@@ -956,8 +948,8 @@ estraverse@^5.1.0, estraverse@^5.2.0:
 
 estree-walker@^2.0.2:
   version "2.0.2"
-  resolved "https://registry.npm.taobao.org/estree-walker/download/estree-walker-2.0.2.tgz"
-  integrity sha1-UvAQF4wqTBF6d1fP6UKtt9LaTKw=
+  resolved "https://registry.npmmirror.com/estree-walker/-/estree-walker-2.0.2.tgz"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
 
 esutils@^2.0.2:
   version "2.0.3"
@@ -1024,10 +1016,10 @@ flatted@^3.1.0:
   resolved "https://registry.npmmirror.com/flatted/download/flatted-3.2.4.tgz"
   integrity sha512-8/sOawo8tJ4QOBX8YlQBMxL8+RLZfxMQOif9o0KUKTNTjMYElWPE0r/m5VNFxTRd0NSw8qSy8dajrwX4RYI1Hw==
 
-follow-redirects@^1.14.9:
-  version "1.15.1"
-  resolved "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.1.tgz"
-  integrity sha512-yLAMQs+k0b2m7cVxpS1VKJVvoz7SS9Td1zss3XRwXj+ZDH00RJgnuLx7E44wx02kQLrdM3aOOy+FpzS7+8OizA==
+follow-redirects@^1.15.0:
+  version "1.15.2"
+  resolved "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
+  integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
 
 form-data@^4.0.0:
   version "4.0.0"
@@ -1058,11 +1050,6 @@ functional-red-black-tree@^1.0.1:
   resolved "https://registry.npm.taobao.org/functional-red-black-tree/download/functional-red-black-tree-1.0.1.tgz?cache=0&sync_timestamp=1577806294691&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffunctional-red-black-tree%2Fdownload%2Ffunctional-red-black-tree-1.0.1.tgz"
   integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
 
-get-caller-file@^2.0.5:
-  version "2.0.5"
-  resolved "https://registry.npmmirror.com/get-caller-file/-/get-caller-file-2.0.5.tgz#4f94412a82db32f36e3b0b9741f8a97feb031f7e"
-  integrity sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==
-
 glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.npmmirror.com/glob-parent/download/glob-parent-5.1.2.tgz"
@@ -1182,21 +1169,11 @@ is-core-module@^2.8.1:
   dependencies:
     has "^1.0.3"
 
-is-docker@^2.0.0, is-docker@^2.1.1:
-  version "2.2.1"
-  resolved "https://registry.npmmirror.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
-  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==
-
 is-extglob@^2.1.1:
   version "2.1.1"
   resolved "https://registry.npm.taobao.org/is-extglob/download/is-extglob-2.1.1.tgz"
   integrity sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=
 
-is-fullwidth-code-point@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
-  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==
-
 is-glob@^4.0.0, is-glob@^4.0.1, is-glob@^4.0.3, is-glob@~4.0.1:
   version "4.0.3"
   resolved "https://registry.npmmirror.com/is-glob/download/is-glob-4.0.3.tgz"
@@ -1209,13 +1186,6 @@ is-number@^7.0.0:
   resolved "https://registry.nlark.com/is-number/download/is-number-7.0.0.tgz"
   integrity sha1-dTU0W4lnNNX4DE0GxQlVUnoU8Ss=
 
-is-wsl@^2.2.0:
-  version "2.2.0"
-  resolved "https://registry.npmmirror.com/is-wsl/-/is-wsl-2.2.0.tgz#74a4c76e77ca9fd3f932f290c17ea326cd157271"
-  integrity sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==
-  dependencies:
-    is-docker "^2.0.0"
-
 isexe@^2.0.0:
   version "2.0.0"
   resolved "https://registry.npm.taobao.org/isexe/download/isexe-2.0.0.tgz"
@@ -1258,12 +1228,12 @@ json-stable-stringify-without-jsonify@^1.0.1:
   resolved "https://registry.nlark.com/json-stable-stringify-without-jsonify/download/json-stable-stringify-without-jsonify-1.0.1.tgz"
   integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
 
-jsoneditor@^9.9.0:
-  version "9.9.0"
-  resolved "https://registry.npmmirror.com/jsoneditor/-/jsoneditor-9.9.0.tgz"
-  integrity sha512-NHJhyaqcc5U33ah6dEcd0S9b14Auocpe9nydvC9ui7Uq/vjEFnsd7ot6O9Jqwv53B7DmHFUWq5cT4qeWh4MEoA==
+jsoneditor@^9.9.2:
+  version "9.9.2"
+  resolved "https://registry.npmmirror.com/jsoneditor/-/jsoneditor-9.9.2.tgz#176112f71acbf37e977aae8656a17bc33a7a4269"
+  integrity sha512-hdM6bgGh3fqnbAEgO1zXM3bNdYfFH/9nPWWJYdNP/wyRU9H+t3Wvb+VtBBE8XjkBYv0rIYjeaYgrwDRaXC3zig==
   dependencies:
-    ace-builds "^1.6.0"
+    ace-builds "^1.10.1"
     ajv "^6.12.6"
     javascript-natural-sort "^0.7.1"
     jmespath "^0.16.0"
@@ -1319,11 +1289,11 @@ lru-cache@^6.0.0:
     yallist "^4.0.0"
 
 magic-string@^0.25.7:
-  version "0.25.7"
-  resolved "https://registry.npm.taobao.org/magic-string/download/magic-string-0.25.7.tgz"
-  integrity sha1-P0l9b9NMZpxnmNy4IfLvMfVEUFE=
+  version "0.25.9"
+  resolved "https://registry.npmmirror.com/magic-string/-/magic-string-0.25.9.tgz"
+  integrity sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==
   dependencies:
-    sourcemap-codec "^1.4.4"
+    sourcemap-codec "^1.4.8"
 
 memoize-one@^6.0.0:
   version "6.0.0"
@@ -1404,7 +1374,7 @@ normalize-path@^3.0.0, normalize-path@~3.0.0:
 
 normalize-wheel-es@^1.2.0:
   version "1.2.0"
-  resolved "https://registry.npmmirror.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz#0fa2593d619f7245a541652619105ab076acf09e"
+  resolved "https://registry.npmmirror.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz"
   integrity sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==
 
 nprogress@^0.2.0:
@@ -1419,15 +1389,6 @@ once@^1.3.0:
   dependencies:
     wrappy "1"
 
-open@^8.4.0:
-  version "8.4.0"
-  resolved "https://registry.npmmirror.com/open/-/open-8.4.0.tgz#345321ae18f8138f82565a910fdc6b39e8c244f8"
-  integrity sha512-XgFPPM+B28FtCCgSb9I+s9szOC1vZRSwgWsRUA5ylIxRTgKozqjOCrVOqGsYABPYK5qnfqClxZTFBa8PKt2v6Q==
-  dependencies:
-    define-lazy-prop "^2.0.0"
-    is-docker "^2.1.1"
-    is-wsl "^2.2.0"
-
 optionator@^0.9.1:
   version "0.9.1"
   resolved "https://registry.npm.taobao.org/optionator/download/optionator-0.9.1.tgz"
@@ -1515,6 +1476,11 @@ progress@^2.0.0:
   resolved "https://registry.nlark.com/progress/download/progress-2.0.3.tgz"
   integrity sha1-foz42PW48jnBvGi+tOt4Vn1XLvg=
 
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
+
 punycode@^2.1.0:
   version "2.1.1"
   resolved "https://registry.nlark.com/punycode/download/punycode-2.1.1.tgz"
@@ -1532,16 +1498,16 @@ readdirp@~3.6.0:
   dependencies:
     picomatch "^2.2.1"
 
+regenerator-runtime@^0.13.4:
+  version "0.13.9"
+  resolved "https://registry.npmmirror.com/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz"
+  integrity sha512-p3VT+cOEgxFsRRA9X4lkI1E+k2/CtnKtU4gcxyaCUreilL/vqI6CdZ3wxVUx3UOUg+gnUOQQcRI7BmSI656MYA==
+
 regexpp@^3.1.0, regexpp@^3.2.0:
   version "3.2.0"
   resolved "https://registry.nlark.com/regexpp/download/regexpp-3.2.0.tgz?cache=0&sync_timestamp=1623668872577&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fregexpp%2Fdownload%2Fregexpp-3.2.0.tgz"
   integrity sha1-BCWido2PI7rXDKS5BGH6LxIT4bI=
 
-require-directory@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.npmmirror.com/require-directory/-/require-directory-2.1.1.tgz#8c64ad5fd30dab1c976e2344ffe7f792a6a6df42"
-  integrity sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==
-
 resolve-from@^4.0.0:
   version "4.0.0"
   resolved "https://registry.nlark.com/resolve-from/download/resolve-from-4.0.0.tgz"
@@ -1568,16 +1534,6 @@ rimraf@^3.0.2:
   dependencies:
     glob "^7.1.3"
 
-rollup-plugin-visualizer@^5.8.0:
-  version "5.8.0"
-  resolved "https://registry.npmmirror.com/rollup-plugin-visualizer/-/rollup-plugin-visualizer-5.8.0.tgz#32f2fe23d4299e977c06c59c07255590354e3445"
-  integrity sha512-pY6j/7qHz5I9rB7d/bQoA5gX+2FbV3MBG055wrsFxDn550bgl0FNViRj6wDHh85PMswv+JVdZjhnMBzz/hdAHA==
-  dependencies:
-    nanoid "^3.3.4"
-    open "^8.4.0"
-    source-map "^0.7.3"
-    yargs "^17.5.1"
-
 rollup@^2.59.0:
   version "2.61.1"
   resolved "https://registry.npmmirror.com/rollup/download/rollup-2.61.1.tgz"
@@ -1611,7 +1567,7 @@ sass@^1.45.1:
 
 screenfull@^6.0.2:
   version "6.0.2"
-  resolved "https://registry.npmmirror.com/screenfull/-/screenfull-6.0.2.tgz#3dbe4b8c4f8f49fb8e33caa8f69d0bca730ab238"
+  resolved "https://registry.npmmirror.com/screenfull/-/screenfull-6.0.2.tgz"
   integrity sha512-AQdy8s4WhNvUZ6P8F6PB21tSPIYKniic+Ogx0AacBMjKP1GUHN2E9URxQHtCusiwxudnCKkdy4GrHXPPJSkCCw==
 
 select@^1.1.2:
@@ -1643,6 +1599,13 @@ slash@^3.0.0:
   resolved "https://registry.nlark.com/slash/download/slash-3.0.0.tgz"
   integrity sha1-ZTm+hwwWWtvVJAIg2+Nh8bxNRjQ=
 
+solid-js@^1.3.0:
+  version "1.5.6"
+  resolved "https://registry.npmmirror.com/solid-js/-/solid-js-1.5.6.tgz"
+  integrity sha512-EA7hjMIEdDUuV6Fk3WUQ2fPx7sRnhjl+3M59zj6Sh+c7c3JF3N1cSViBvX8MYJG9vEBEqKQBZUfKHPe/9JgKvQ==
+  dependencies:
+    csstype "^3.1.0"
+
 sortablejs@^1.13.0:
   version "1.14.0"
   resolved "https://registry.nlark.com/sortablejs/download/sortablejs-1.14.0.tgz?cache=0&sync_timestamp=1625423971526&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsortablejs%2Fdownload%2Fsortablejs-1.14.0.tgz"
@@ -1660,36 +1623,22 @@ source-map-js@^1.0.2:
 
 source-map@^0.6.1:
   version "0.6.1"
-  resolved "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz"
-  integrity sha1-dHIq8y6WFOnCh6jQu95IteLxomM=
+  resolved "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz"
+  integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
 
-source-map@^0.7.3:
-  version "0.7.4"
-  resolved "https://registry.npmmirror.com/source-map/-/source-map-0.7.4.tgz#a9bbe705c9d8846f4e08ff6765acf0f1b0898656"
-  integrity sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==
-
-sourcemap-codec@^1.4.4:
+sourcemap-codec@^1.4.8:
   version "1.4.8"
-  resolved "https://registry.npm.taobao.org/sourcemap-codec/download/sourcemap-codec-1.4.8.tgz"
-  integrity sha1-6oBL2UhXQC5pktBaOO8a41qatMQ=
+  resolved "https://registry.npmmirror.com/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz"
+  integrity sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==
 
 sql-formatter@^9.2.0:
   version "9.2.0"
-  resolved "https://registry.npmmirror.com/sql-formatter/-/sql-formatter-9.2.0.tgz#18a398ae71436dc1936a45e6f230236b4347231b"
+  resolved "https://registry.npmmirror.com/sql-formatter/-/sql-formatter-9.2.0.tgz"
   integrity sha512-Dn4lEpUeAhfNDR2LnEs9Uaq92TSHjhcNrzhllPuMnp188P4sLU7UcdcB9UqIfMfcN62gWXJlJ3KocaAf/SOzXQ==
   dependencies:
     argparse "^2.0.1"
 
-string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3:
-  version "4.2.3"
-  resolved "https://registry.npmmirror.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010"
-  integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==
-  dependencies:
-    emoji-regex "^8.0.0"
-    is-fullwidth-code-point "^3.0.0"
-    strip-ansi "^6.0.1"
-
-strip-ansi@^6.0.0, strip-ansi@^6.0.1:
+strip-ansi@^6.0.1:
   version "6.0.1"
   resolved "https://registry.npmmirror.com/strip-ansi/download/strip-ansi-6.0.1.tgz"
   integrity sha1-nibGPTD1NEPpSJSVshBdN7Z6hdk=
@@ -1803,9 +1752,9 @@ vue-clipboard3@^1.0.1:
     clipboard "^2.0.6"
 
 vue-demi@*:
-  version "0.12.1"
-  resolved "https://registry.npmmirror.com/vue-demi/download/vue-demi-0.12.1.tgz"
-  integrity sha1-9+GO++z/0RqwadFHLXoG4xm0F0w=
+  version "0.13.11"
+  resolved "https://registry.npmmirror.com/vue-demi/-/vue-demi-0.13.11.tgz"
+  integrity sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==
 
 vue-eslint-parser@^8.0.1:
   version "8.0.1"
@@ -1820,23 +1769,23 @@ vue-eslint-parser@^8.0.1:
     lodash "^4.17.21"
     semver "^7.3.5"
 
-vue-router@^4.1.2:
-  version "4.1.2"
-  resolved "https://registry.npmmirror.com/vue-router/-/vue-router-4.1.2.tgz"
-  integrity sha512-5BP1qXFncVRwgV/XnqzsKApdMjQPqWIpoUBdL1ynz8HyLxIX/UDAx7Ql2BjmA5CXT/p61JfZvkpiFWFpaqcfag==
+vue-router@^4.1.5:
+  version "4.1.5"
+  resolved "https://registry.npmmirror.com/vue-router/-/vue-router-4.1.5.tgz"
+  integrity sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ==
   dependencies:
     "@vue/devtools-api" "^6.1.4"
 
-vue@^3.2.37:
-  version "3.2.37"
-  resolved "https://registry.npmmirror.com/vue/-/vue-3.2.37.tgz"
-  integrity sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==
+vue@^3.2.41:
+  version "3.2.41"
+  resolved "https://registry.npmmirror.com/vue/-/vue-3.2.41.tgz#ed452b8a0f7f2b962f055c8955139c28b1c06806"
+  integrity sha512-uuuvnrDXEeZ9VUPljgHkqB5IaVO8SxhPpqF2eWOukVrBnRBx2THPSGQBnVRt0GrIG1gvCmFXMGbd7FqcT1ixNQ==
   dependencies:
-    "@vue/compiler-dom" "3.2.37"
-    "@vue/compiler-sfc" "3.2.37"
-    "@vue/runtime-dom" "3.2.37"
-    "@vue/server-renderer" "3.2.37"
-    "@vue/shared" "3.2.37"
+    "@vue/compiler-dom" "3.2.41"
+    "@vue/compiler-sfc" "3.2.41"
+    "@vue/runtime-dom" "3.2.41"
+    "@vue/server-renderer" "3.2.41"
+    "@vue/shared" "3.2.41"
 
 vuex@^4.0.2:
   version "4.0.2"
@@ -1857,58 +1806,26 @@ word-wrap@^1.2.3:
   resolved "https://registry.npm.taobao.org/word-wrap/download/word-wrap-1.2.3.tgz"
   integrity sha1-YQY29rH3A4kb00dxzLF/uTtHB5w=
 
-wrap-ansi@^7.0.0:
-  version "7.0.0"
-  resolved "https://registry.npmmirror.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43"
-  integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==
-  dependencies:
-    ansi-styles "^4.0.0"
-    string-width "^4.1.0"
-    strip-ansi "^6.0.0"
-
 wrappy@1:
   version "1.0.2"
   resolved "https://registry.nlark.com/wrappy/download/wrappy-1.0.2.tgz?cache=0&sync_timestamp=1619133505879&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fwrappy%2Fdownload%2Fwrappy-1.0.2.tgz"
   integrity sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=
 
-xterm-addon-fit@^0.5.0:
-  version "0.5.0"
-  resolved "https://registry.npmmirror.com/xterm-addon-fit/download/xterm-addon-fit-0.5.0.tgz"
-  integrity sha1-LVG5g7eGqX3NbN6AXnAMf5E7xZY=
+xterm-addon-fit@^0.6.0:
+  version "0.6.0"
+  resolved "https://registry.npmmirror.com/xterm-addon-fit/-/xterm-addon-fit-0.6.0.tgz"
+  integrity sha512-9/7A+1KEjkFam0yxTaHfuk9LEvvTSBi0PZmEkzJqgafXPEXL9pCMAVV7rB09sX6ATRDXAdBpQhZkhKj7CGvYeg==
 
-xterm@^4.19.0:
-  version "4.19.0"
-  resolved "https://registry.npmmirror.com/xterm/-/xterm-4.19.0.tgz"
-  integrity sha512-c3Cp4eOVsYY5Q839dR5IejghRPpxciGmLWWaP9g+ppfMeBChMeLa1DCA+pmX/jyDZ+zxFOmlJL/82qVdayVoGQ==
-
-y18n@^5.0.5:
-  version "5.0.8"
-  resolved "https://registry.npmmirror.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
-  integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
+xterm@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.npmmirror.com/xterm/-/xterm-5.0.0.tgz"
+  integrity sha512-tmVsKzZovAYNDIaUinfz+VDclraQpPUnAME+JawosgWRMphInDded/PuY0xmU5dOhyeYZsI0nz5yd8dPYsdLTA==
 
 yallist@^4.0.0:
   version "4.0.0"
   resolved "https://registry.nlark.com/yallist/download/yallist-4.0.0.tgz"
   integrity sha1-m7knkNnA7/7GO+c1GeEaNQGaOnI=
 
-yargs-parser@^21.0.0:
-  version "21.1.1"
-  resolved "https://registry.npmmirror.com/yargs-parser/-/yargs-parser-21.1.1.tgz#9096bceebf990d21bb31fa9516e0ede294a77d35"
-  integrity sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==
-
-yargs@^17.5.1:
-  version "17.5.1"
-  resolved "https://registry.npmmirror.com/yargs/-/yargs-17.5.1.tgz#e109900cab6fcb7fd44b1d8249166feb0b36e58e"
-  integrity sha512-t6YAJcxDkNX7NFYiVtKvWUz8l+PaKTLiL63mJYWR2GnHq2gjEWISzsLp9wg3aY36dY1j+gfIEL3pIF+XlJJfbA==
-  dependencies:
-    cliui "^7.0.2"
-    escalade "^3.1.1"
-    get-caller-file "^2.0.5"
-    require-directory "^2.1.1"
-    string-width "^4.2.3"
-    y18n "^5.0.5"
-    yargs-parser "^21.0.0"
-
 zrender@5.3.2:
   version "5.3.2"
   resolved "https://registry.npmmirror.com/zrender/-/zrender-5.3.2.tgz"

server/config.yml

@@ -7,6 +7,8 @@ server:
     enable: false
     key-file: ./default.key
     cert-file: ./default.pem
+  # 机器终端操作回放文件存储路径
+  machine-rec-path: ./rec
 jwt:
   # jwt key，不设置默认使用随机字符串
   key: 

server/go.mod

@@ -1,6 +1,6 @@
 module mayfly-go
 
-go 1.18
+go 1.19
 
 require (
 	github.com/gin-gonic/gin v1.8.1
@@ -15,11 +15,11 @@ require (
 	github.com/sirupsen/logrus v1.9.0
 	github.com/xwb1989/sqlparser v0.0.0-20180606152119-120387863bf2
 	go.mongodb.org/mongo-driver v1.9.1 // mongo
-	golang.org/x/crypto v0.0.0-20220722155217-630584e8d5aa // ssh
+	golang.org/x/crypto v0.1.0 // ssh
 	gopkg.in/yaml.v3 v3.0.1
 	// gorm
-	gorm.io/driver/mysql v1.3.5
-	gorm.io/gorm v1.23.8
+	gorm.io/driver/mysql v1.4.1
+	gorm.io/gorm v1.24.0
 )
 
 require (
@@ -50,10 +50,10 @@ require (
 	github.com/xdg-go/stringprep v1.0.2 // indirect
 	github.com/youmark/pkcs8 v0.0.0-20181117223130-1be2e3e5546d // indirect
 	golang.org/x/image v0.0.0-20220302094943-723b81ca9867 // indirect
-	golang.org/x/net v0.0.0-20220225172249-27dd8689420f // indirect
+	golang.org/x/net v0.1.0 // indirect
 	golang.org/x/sync v0.0.0-20201020160332-67f06af15bc9 // indirect
-	golang.org/x/sys v0.0.0-20220715151400-c0bba94af5f8 // indirect
-	golang.org/x/text v0.3.7 // indirect
+	golang.org/x/sys v0.1.0 // indirect
+	golang.org/x/text v0.4.0 // indirect
 	golang.org/x/xerrors v0.0.0-20200804184101-5ec99f83aff1 // indirect
 	google.golang.org/protobuf v1.28.0 // indirect
 	gopkg.in/yaml.v2 v2.4.0 // indirect

server/initialize/router.go

@@ -4,8 +4,12 @@ import (
 	"fmt"
 	"io/fs"
 	common_router "mayfly-go/internal/common/router"
-	devops_router "mayfly-go/internal/devops/router"
+	db_router "mayfly-go/internal/db/router"
+	machine_router "mayfly-go/internal/machine/router"
+	mongo_router "mayfly-go/internal/mongo/router"
+	redis_router "mayfly-go/internal/redis/router"
 	sys_router "mayfly-go/internal/sys/router"
+	tag_router "mayfly-go/internal/tag/router"
 	"mayfly-go/pkg/config"
 	"mayfly-go/pkg/middleware"
 	"mayfly-go/static"
@@ -47,7 +51,7 @@ func InitRouter() *gin.Engine {
 	// 设置静态资源
 	if staticConfs := serverConfig.Static; staticConfs != nil {
 		for _, scs := range *staticConfs {
-			router.Static(scs.RelativePath, scs.Root)
+			router.StaticFS(scs.RelativePath, http.Dir(scs.Root))
 		}
 	}
 	// 设置静态文件
@@ -68,22 +72,14 @@ func InitRouter() *gin.Engine {
 		common_router.InitIndexRouter(api)
 		common_router.InitCommonRouter(api)
 
-		sys_router.InitCaptchaRouter(api)
-		sys_router.InitAccountRouter(api) // 注册account路由
-		sys_router.InitResourceRouter(api)
-		sys_router.InitRoleRouter(api)
-		sys_router.InitSystemRouter(api)
-		sys_router.InitSyslogRouter(api)
-		sys_router.InitSysConfigRouter(api)
+		sys_router.Init(api)
 
-		devops_router.InitProjectRouter(api)
-		devops_router.InitDbRouter(api)
-		devops_router.InitDbSqlExecRouter(api)
-		devops_router.InitRedisRouter(api)
-		devops_router.InitMachineRouter(api)
-		devops_router.InitMachineScriptRouter(api)
-		devops_router.InitMachineFileRouter(api)
-		devops_router.InitMongoRouter(api)
+		// project_router.Init(api)
+		tag_router.Init(api)
+		machine_router.Init(api)
+		db_router.Init(api)
+		redis_router.Init(api)
+		mongo_router.Init(api)
 	}
 
 	return router

server/initialize/savelog.go

@@ -1,10 +1,10 @@
 package initialize
 
 import (
-	sys_application "mayfly-go/internal/sys/application"
+	sysapp "mayfly-go/internal/sys/application"
 	"mayfly-go/pkg/ctx"
 )
 
 func InitSaveLogFunc() ctx.SaveLogFunc {
-	return sys_application.SyslogApp.SaveFromReq
+	return sysapp.GetSyslogApp().SaveFromReq
 }

server/internal/common/api/index.go

@@ -1,23 +1,45 @@
 package api
 
 import (
-	"mayfly-go/internal/devops/application"
-	"mayfly-go/internal/devops/domain/entity"
+	dbapp "mayfly-go/internal/db/application"
+	dbentity "mayfly-go/internal/db/domain/entity"
+	machineapp "mayfly-go/internal/machine/application"
+	machineentity "mayfly-go/internal/machine/domain/entity"
+	mongoapp "mayfly-go/internal/mongo/application"
+	mongoentity "mayfly-go/internal/mongo/domain/entity"
+	redisapp "mayfly-go/internal/redis/application"
+	redisentity "mayfly-go/internal/redis/domain/entity"
+	tagapp "mayfly-go/internal/tag/application"
 	"mayfly-go/pkg/ctx"
 )
 
 type Index struct {
-	ProjectApp application.Project
-	MachineApp application.Machine
-	DbApp      application.Db
-	RedisApp   application.Redis
+	TagApp     tagapp.TagTree
+	MachineApp machineapp.Machine
+	DbApp      dbapp.Db
+	RedisApp   redisapp.Redis
+	MongoApp   mongoapp.Mongo
 }
 
 func (i *Index) Count(rc *ctx.ReqCtx) {
+	accountId := rc.LoginAccount.Id
+	tagIds := i.TagApp.ListTagIdByAccountId(accountId)
+
+	var mongoNum int64
+	var redisNum int64
+	var dbNum int64
+	var machienNum int64
+
+	if len(tagIds) > 0 {
+		mongoNum = i.MongoApp.Count(&mongoentity.MongoQuery{TagIds: tagIds})
+		machienNum = i.MachineApp.Count(&machineentity.MachineQuery{TagIds: tagIds})
+		dbNum = i.DbApp.Count(&dbentity.DbQuery{TagIds: tagIds})
+		redisNum = i.RedisApp.Count(&redisentity.RedisQuery{TagIds: tagIds})
+	}
 	rc.ResData = map[string]interface{}{
-		"projectNum": i.ProjectApp.Count(new(entity.Project)),
-		"machineNum": i.MachineApp.Count(new(entity.Machine)),
-		"dbNum":      i.DbApp.Count(new(entity.Db)),
-		"redisNum":   i.RedisApp.Count(new(entity.Redis)),
+		"mongoNum":   mongoNum,
+		"machineNum": machienNum,
+		"dbNum":      dbNum,
+		"redisNum":   redisNum,
 	}
 }

server/internal/common/router/index.go

@@ -2,7 +2,11 @@ package router
 
 import (
 	"mayfly-go/internal/common/api"
-	devops_app "mayfly-go/internal/devops/application"
+	dbapp "mayfly-go/internal/db/application"
+	machineapp "mayfly-go/internal/machine/application"
+	mongoapp "mayfly-go/internal/mongo/application"
+	redisapp "mayfly-go/internal/redis/application"
+	tagapp "mayfly-go/internal/tag/application"
 	"mayfly-go/pkg/ctx"
 
 	"github.com/gin-gonic/gin"
@@ -11,10 +15,11 @@ import (
 func InitIndexRouter(router *gin.RouterGroup) {
 	index := router.Group("common/index")
 	i := &api.Index{
-		ProjectApp: devops_app.ProjectApp,
-		MachineApp: devops_app.MachineApp,
-		DbApp:      devops_app.DbApp,
-		RedisApp:   devops_app.RedisApp,
+		TagApp:     tagapp.GetTagTreeApp(),
+		MachineApp: machineapp.GetMachineApp(),
+		DbApp:      dbapp.GetDbApp(),
+		RedisApp:   redisapp.GetRedisApp(),
+		MongoApp:   mongoapp.GetMongoApp(),
 	}
 	{
 		// 首页基本信息统计

server/internal/db/api/db.go

@@ -3,11 +3,12 @@ package api
 import (
 	"fmt"
 	"io"
-	"mayfly-go/internal/devops/api/form"
-	"mayfly-go/internal/devops/api/vo"
-	"mayfly-go/internal/devops/application"
-	"mayfly-go/internal/devops/domain/entity"
-	sysApplication "mayfly-go/internal/sys/application"
+	"mayfly-go/internal/db/api/form"
+	"mayfly-go/internal/db/api/vo"
+	"mayfly-go/internal/db/application"
+	"mayfly-go/internal/db/domain/entity"
+	sysapp "mayfly-go/internal/sys/application"
+	tagapp "mayfly-go/internal/tag/application"
 	"mayfly-go/pkg/biz"
 	"mayfly-go/pkg/ctx"
 	"mayfly-go/pkg/ginx"
@@ -25,20 +26,25 @@ import (
 type Db struct {
 	DbApp        application.Db
 	DbSqlExecApp application.DbSqlExec
-	MsgApp       sysApplication.Msg
-	ProjectApp   application.Project
+	MsgApp       sysapp.Msg
+	TagApp       tagapp.TagTree
 }
 
-const DEFAULT_COLUMN_SIZE = 500
+const DEFAULT_ROW_SIZE = 1800
 
 // @router /api/dbs [get]
 func (d *Db) Dbs(rc *ctx.ReqCtx) {
-	g := rc.GinCtx
-	m := &entity.Db{EnvId: uint64(ginx.QueryInt(g, "envId", 0)),
-		ProjectId: uint64(ginx.QueryInt(g, "projectId", 0)),
+	condition := new(entity.DbQuery)
+	condition.TagPathLike = rc.GinCtx.Query("tagPath")
+
+	// 不存在可访问标签id，即没有可操作数据
+	tagIds := d.TagApp.ListTagIdByAccountId(rc.LoginAccount.Id)
+	if len(tagIds) == 0 {
+		rc.ResData = model.EmptyPageResult()
+		return
 	}
-	m.CreatorId = rc.LoginAccount.Id
-	rc.ResData = d.DbApp.GetPageList(m, ginx.GetPageParam(rc.GinCtx), new([]vo.SelectDataDbVO))
+	condition.TagIds = tagIds
+	rc.ResData = d.DbApp.GetPageList(condition, ginx.GetPageParam(rc.GinCtx), new([]vo.SelectDataDbVO))
 }
 
 func (d *Db) Save(rc *ctx.ReqCtx) {
@@ -120,7 +126,7 @@ func (d *Db) ExecSql(rc *ctx.ReqCtx) {
 	id := GetDbId(g)
 	db := form.Db
 	dbInstance := d.DbApp.GetDbInstance(id, db)
-	biz.ErrIsNilAppendErr(d.ProjectApp.CanAccess(rc.LoginAccount.Id, dbInstance.ProjectId), "%s")
+	biz.ErrIsNilAppendErr(d.TagApp.CanAccess(rc.LoginAccount.Id, dbInstance.TagPath), "%s")
 
 	// 去除前后空格及换行符
 	sql := strings.TrimFunc(form.Sql, func(r rune) bool {
@@ -129,37 +135,21 @@ func (d *Db) ExecSql(rc *ctx.ReqCtx) {
 	})
 
 	rc.ReqParam = fmt.Sprintf("db: %d:%s | sql: %s", id, db, sql)
-
 	biz.NotEmpty(sql, "sql不能为空")
-	if strings.HasPrefix(sql, "SELECT") || strings.HasPrefix(sql, "select") || strings.HasPrefix(sql, "show") || strings.HasPrefix(sql, "explain") {
-		colNames, res, err := dbInstance.SelectData(sql)
-		biz.ErrIsNilAppendErr(err, "查询失败: %s")
-		colAndRes := make(map[string]interface{})
-		colAndRes["colNames"] = colNames
-		colAndRes["res"] = res
-		rc.ResData = colAndRes
-	} else {
-		// 根据执行sql，生成执行记录
-		execRecord := d.DbSqlExecApp.GenExecLog(rc.LoginAccount, id, db, sql, dbInstance)
 
-		rowsAffected, err := dbInstance.Exec(sql)
-		biz.ErrIsNilAppendErr(err, "执行失败: %s")
-		res := make([]map[string]string, 0)
-		resData := make(map[string]string)
-		resData["影响条数"] = fmt.Sprintf("%d", rowsAffected)
-		res = append(res, resData)
-
-		colAndRes := make(map[string]interface{})
-		colAndRes["colNames"] = []string{"影响条数"}
-		colAndRes["res"] = res
-
-		rc.ResData = colAndRes
-		// 保存sql执行记录
-		if res[0]["影响条数"] > "0" {
-			execRecord.Remark = form.Remark
-			d.DbSqlExecApp.Save(execRecord)
-		}
-	}
+	execRes, err := d.DbSqlExecApp.Exec(&application.DbSqlExecReq{
+		DbId:         id,
+		Db:           db,
+		Sql:          sql,
+		Remark:       form.Remark,
+		DbInstance:   dbInstance,
+		LoginAccount: rc.LoginAccount,
+	})
+	biz.ErrIsNilAppendErr(err, "执行失败: %s")
+	colAndRes := make(map[string]interface{})
+	colAndRes["colNames"] = execRes.ColNames
+	colAndRes["res"] = execRes.Res
+	rc.ResData = colAndRes
 }
 
 // 执行sql文件
@@ -178,7 +168,7 @@ func (d *Db) ExecSqlFile(rc *ctx.ReqCtx) {
 		db := d.DbApp.GetDbInstance(dbId, db)
 
 		dbEntity := d.DbApp.GetById(dbId)
-		dbInfo := fmt.Sprintf("于%s的%s环境", dbEntity.Name, dbEntity.Env)
+		dbInfo := fmt.Sprintf("于%s的%s环境", dbEntity.Name, dbEntity.TagPath)
 
 		defer func() {
 			if err := recover(); err != nil {
@@ -189,7 +179,7 @@ func (d *Db) ExecSqlFile(rc *ctx.ReqCtx) {
 			}
 		}()
 
-		biz.ErrIsNilAppendErr(d.ProjectApp.CanAccess(rc.LoginAccount.Id, db.ProjectId), "%s")
+		biz.ErrIsNilAppendErr(d.TagApp.CanAccess(rc.LoginAccount.Id, db.TagPath), "%s")
 
 		tokens := sqlparser.NewTokenizer(file)
 		for {
@@ -223,7 +213,7 @@ func (d *Db) DumpSql(rc *ctx.ReqCtx) {
 	needData := dumpType == "2" || dumpType == "3"
 
 	dbInstance := d.DbApp.GetDbInstance(dbId, db)
-	biz.ErrIsNilAppendErr(d.ProjectApp.CanAccess(rc.LoginAccount.Id, dbInstance.ProjectId), "%s")
+	biz.ErrIsNilAppendErr(d.TagApp.CanAccess(rc.LoginAccount.Id, dbInstance.TagPath), "%s")
 
 	now := time.Now()
 	filename := fmt.Sprintf("%s.%s.sql", db, now.Format("200601021504"))
@@ -255,22 +245,28 @@ func (d *Db) DumpSql(rc *ctx.ReqCtx) {
 		countSql := fmt.Sprintf("SELECT COUNT(*) count FROM %s", table)
 		_, countRes, _ := dbInstance.SelectData(countSql)
 		// 查询出所有列信息总数，手动分页获取所有数据
-		maCount := int(countRes[0]["count"].(int64))
+		maCount := 0
+		// 查询出所有列信息总数，手动分页获取所有数据
+		if count64, is64 := countRes[0]["count"].(int64); is64 {
+			maCount = int(count64)
+		} else {
+			maCount = countRes[0]["count"].(int)
+		}
 		// 计算需要查询的页数
-		pageNum := maCount / DEFAULT_COLUMN_SIZE
-		if maCount%DEFAULT_COLUMN_SIZE > 0 {
+		pageNum := maCount / DEFAULT_ROW_SIZE
+		if maCount%DEFAULT_ROW_SIZE > 0 {
 			pageNum++
 		}
 
 		var sqlTmp string
 		switch dbInstance.Type {
-		case "mysql":
+		case entity.DbTypeMysql:
 			sqlTmp = "SELECT * FROM %s LIMIT %d, %d"
-		case "postgres":
+		case entity.DbTypePostgres:
 			sqlTmp = "SELECT * FROM %s OFFSET %d LIMIT %d"
 		}
 		for index := 0; index < pageNum; index++ {
-			sql := fmt.Sprintf(sqlTmp, table, index*DEFAULT_COLUMN_SIZE, DEFAULT_COLUMN_SIZE)
+			sql := fmt.Sprintf(sqlTmp, table, index*DEFAULT_ROW_SIZE, DEFAULT_ROW_SIZE)
 			columns, result, _ := dbInstance.SelectData(sql)
 
 			insertSql := "INSERT INTO `%s` VALUES (%s);\n"
@@ -303,7 +299,7 @@ func (d *Db) DumpSql(rc *ctx.ReqCtx) {
 // @router /api/db/:dbId/t-metadata [get]
 func (d *Db) TableMA(rc *ctx.ReqCtx) {
 	dbi := d.DbApp.GetDbInstance(GetIdAndDb(rc.GinCtx))
-	biz.ErrIsNilAppendErr(d.ProjectApp.CanAccess(rc.LoginAccount.Id, dbi.ProjectId), "%s")
+	biz.ErrIsNilAppendErr(d.TagApp.CanAccess(rc.LoginAccount.Id, dbi.TagPath), "%s")
 	rc.ResData = dbi.GetMeta().GetTables()
 }
 
@@ -314,14 +310,14 @@ func (d *Db) ColumnMA(rc *ctx.ReqCtx) {
 	biz.NotEmpty(tn, "tableName不能为空")
 
 	dbi := d.DbApp.GetDbInstance(GetIdAndDb(rc.GinCtx))
-	biz.ErrIsNilAppendErr(d.ProjectApp.CanAccess(rc.LoginAccount.Id, dbi.ProjectId), "%s")
+	// biz.ErrIsNilAppendErr(d.TagApp.CanAccess(rc.LoginAccount.Id, dbInstance.TagPath), "%s")
 	rc.ResData = dbi.GetMeta().GetColumns(tn)
 }
 
 // @router /api/db/:dbId/hint-tables [get]
 func (d *Db) HintTables(rc *ctx.ReqCtx) {
 	dbi := d.DbApp.GetDbInstance(GetIdAndDb(rc.GinCtx))
-	biz.ErrIsNilAppendErr(d.ProjectApp.CanAccess(rc.LoginAccount.Id, dbi.ProjectId), "%s")
+	// biz.ErrIsNilAppendErr(d.TagApp.CanAccess(rc.LoginAccount.Id, dbInstance.TagPath), "%s")
 
 	dm := dbi.GetMeta()
 	// 获取所有表

server/internal/db/api/db_sql_exec.go

@@ -1,8 +1,8 @@
 package api
 
 import (
-	"mayfly-go/internal/devops/application"
-	"mayfly-go/internal/devops/domain/entity"
+	"mayfly-go/internal/db/application"
+	"mayfly-go/internal/db/domain/entity"
 	"mayfly-go/pkg/ctx"
 	"mayfly-go/pkg/ginx"
 )

server/internal/db/api/form/db.go

@@ -0,0 +1,33 @@
+package form
+
+type DbForm struct {
+	Id       uint64
+	Name     string `binding:"required" json:"name"`
+	Type     string `binding:"required" json:"type"` // 类型，mysql oracle等
+	Host     string `binding:"required" json:"host"`
+	Port     int    `binding:"required" json:"port"`
+	Username string `binding:"required" json:"username"`
+	Password string `json:"password"`
+	Params   string `json:"params"`
+	Database string `json:"database"`
+	Remark   string `json:"remark"`
+	TagId    uint64 `json:"tagId"`
+	TagPath  string `json:"tagPath"`
+
+	EnableSshTunnel    int8   `json:"enableSshTunnel"`
+	SshTunnelMachineId uint64 `json:"sshTunnelMachineId"`
+}
+
+type DbSqlSaveForm struct {
+	Name string
+	Sql  string `binding:"required"`
+	Type int    `binding:"required"`
+	Db   string `binding:"required"`
+}
+
+// 数据库SQL执行表单
+type DbSqlExecForm struct {
+	Db     string `binding:"required" json:"db"`  //数据库名
+	Sql    string `binding:"required" json:"sql"` // 执行sql
+	Remark string `json:"remark"`                 // 执行备注
+}

server/internal/db/api/vo/db.go

@@ -12,10 +12,9 @@ type SelectDataDbVO struct {
 	Params     *string    `json:"params"`
 	Database   *string    `json:"database"`
 	Username   *string    `json:"username"`
-	ProjectId  *int64     `json:"projectId"`
-	Project    *string    `json:"project"`
-	Env        *string    `json:"env"`
-	EnvId      *int64     `json:"envId"`
+	Remark     *string    `json:"remark"`
+	TagId      *int64     `json:"tagId"`
+	TagPath    *string    `json:"tagPath"`
 	CreateTime *time.Time `json:"createTime"`
 	Creator    *string    `json:"creator"`
 	CreatorId  *int64     `json:"creatorId"`

server/internal/db/application/application.go

@@ -0,0 +1,16 @@
+package application
+
+import "mayfly-go/internal/db/infrastructure/persistence"
+
+var (
+	dbApp        Db        = newDbApp(persistence.GetDbRepo(), persistence.GetDbSqlRepo())
+	dbSqlExecApp DbSqlExec = newDbSqlExecApp(persistence.GetDbSqlExecRepo())
+)
+
+func GetDbApp() Db {
+	return dbApp
+}
+
+func GetDbSqlExecApp() DbSqlExec {
+	return dbSqlExecApp
+}

server/internal/db/application/db.go

@@ -0,0 +1,521 @@
+package application
+
+import (
+	"context"
+	"database/sql"
+	"fmt"
+	"mayfly-go/internal/constant"
+	"mayfly-go/internal/db/domain/entity"
+	"mayfly-go/internal/db/domain/repository"
+	machineapp "mayfly-go/internal/machine/application"
+	"mayfly-go/internal/machine/infrastructure/machine"
+	"mayfly-go/pkg/biz"
+	"mayfly-go/pkg/cache"
+	"mayfly-go/pkg/global"
+	"mayfly-go/pkg/model"
+	"mayfly-go/pkg/utils"
+	"net"
+	"reflect"
+	"strconv"
+	"strings"
+	"sync"
+	"time"
+
+	"github.com/go-sql-driver/mysql"
+	"github.com/lib/pq"
+)
+
+type Db interface {
+	// 分页获取
+	GetPageList(condition *entity.DbQuery, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult
+
+	Count(condition *entity.DbQuery) int64
+
+	// 根据条件获取
+	GetDbBy(condition *entity.Db, cols ...string) error
+
+	// 根据id获取
+	GetById(id uint64, cols ...string) *entity.Db
+
+	Save(entity *entity.Db)
+
+	// 删除数据库信息
+	Delete(id uint64)
+
+	// 获取数据库连接实例
+	// @param id 数据库实例id
+	// @param db 数据库
+	GetDbInstance(id uint64, db string) *DbInstance
+
+	// 获取数据库实例的所有数据库列表
+	GetDatabases(entity *entity.Db) []string
+}
+
+func newDbApp(dbRepo repository.Db, dbSqlRepo repository.DbSql) Db {
+	return &dbAppImpl{
+		dbRepo:    dbRepo,
+		dbSqlRepo: dbSqlRepo,
+	}
+}
+
+type dbAppImpl struct {
+	dbRepo    repository.Db
+	dbSqlRepo repository.DbSql
+}
+
+// 分页获取数据库信息列表
+func (d *dbAppImpl) GetPageList(condition *entity.DbQuery, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
+	return d.dbRepo.GetDbList(condition, pageParam, toEntity, orderBy...)
+}
+
+func (d *dbAppImpl) Count(condition *entity.DbQuery) int64 {
+	return d.dbRepo.Count(condition)
+}
+
+// 根据条件获取
+func (d *dbAppImpl) GetDbBy(condition *entity.Db, cols ...string) error {
+	return d.dbRepo.GetDb(condition, cols...)
+}
+
+// 根据id获取
+func (d *dbAppImpl) GetById(id uint64, cols ...string) *entity.Db {
+	return d.dbRepo.GetById(id, cols...)
+}
+
+func (d *dbAppImpl) Save(dbEntity *entity.Db) {
+	// 默认tcp连接
+	dbEntity.Network = dbEntity.GetNetwork()
+
+	// 测试连接
+	if dbEntity.Password != "" {
+		TestConnection(dbEntity)
+	}
+
+	// 查找是否存在该库
+	oldDb := &entity.Db{Host: dbEntity.Host, Port: dbEntity.Port, TagId: dbEntity.TagId}
+	err := d.GetDbBy(oldDb)
+
+	if dbEntity.Id == 0 {
+		biz.NotEmpty(dbEntity.Password, "密码不能为空")
+		biz.IsTrue(err != nil, "该数据库实例已存在")
+		dbEntity.PwdEncrypt()
+		d.dbRepo.Insert(dbEntity)
+		return
+	}
+
+	// 如果存在该库，则校验修改的库是否为该库
+	if err == nil {
+		biz.IsTrue(oldDb.Id == dbEntity.Id, "该数据库实例已存在")
+	}
+
+	dbId := dbEntity.Id
+	old := d.GetById(dbId)
+
+	var oldDbs []interface{}
+	for _, v := range strings.Split(old.Database, " ") {
+		// 关闭数据库连接
+		CloseDb(dbEntity.Id, v)
+		oldDbs = append(oldDbs, v)
+	}
+
+	var newDbs []interface{}
+	for _, v := range strings.Split(dbEntity.Database, " ") {
+		newDbs = append(newDbs, v)
+	}
+	// 比较新旧数据库列表，需要将移除的数据库相关联的信息删除
+	_, delDb, _ := utils.ArrayCompare(newDbs, oldDbs, func(i1, i2 interface{}) bool {
+		return i1.(string) == i2.(string)
+	})
+	for _, v := range delDb {
+		// 删除该库关联的所有sql记录
+		d.dbSqlRepo.DeleteBy(&entity.DbSql{DbId: dbId, Db: v.(string)})
+	}
+
+	dbEntity.PwdEncrypt()
+	d.dbRepo.Update(dbEntity)
+}
+
+func (d *dbAppImpl) Delete(id uint64) {
+	db := d.GetById(id)
+	dbs := strings.Split(db.Database, " ")
+	for _, v := range dbs {
+		// 关闭连接
+		CloseDb(id, v)
+	}
+	d.dbRepo.Delete(id)
+	// 删除该库下用户保存的所有sql信息
+	d.dbSqlRepo.DeleteBy(&entity.DbSql{DbId: id})
+}
+
+func (d *dbAppImpl) GetDatabases(ed *entity.Db) []string {
+	ed.Network = ed.GetNetwork()
+	databases := make([]string, 0)
+	var dbConn *sql.DB
+	var metaDb string
+	var getDatabasesSql string
+	if ed.Type == entity.DbTypeMysql {
+		metaDb = "information_schema"
+		getDatabasesSql = "SELECT SCHEMA_NAME AS dbname FROM SCHEMATA"
+	} else {
+		metaDb = "postgres"
+		getDatabasesSql = "SELECT datname AS dbname FROM pg_database"
+	}
+
+	dbConn, err := GetDbConn(ed, metaDb)
+	biz.ErrIsNilAppendErr(err, "数据库连接失败: %s")
+	defer dbConn.Close()
+
+	_, res, err := SelectDataByDb(dbConn, getDatabasesSql, true)
+	biz.ErrIsNilAppendErr(err, "获取数据库列表失败")
+	for _, re := range res {
+		databases = append(databases, re["dbname"].(string))
+	}
+	return databases
+}
+
+var mutex sync.Mutex
+
+func (da *dbAppImpl) GetDbInstance(id uint64, db string) *DbInstance {
+	// Id不为0，则为需要缓存
+	needCache := id != 0
+	if needCache {
+		load, ok := dbCache.Get(GetDbCacheKey(id, db))
+		if ok {
+			return load.(*DbInstance)
+		}
+	}
+	mutex.Lock()
+	defer mutex.Unlock()
+
+	d := da.GetById(id)
+	// 密码解密
+	d.PwdDecrypt()
+	biz.NotNil(d, "数据库信息不存在")
+	biz.IsTrue(strings.Contains(d.Database, db), "未配置该库的操作权限")
+
+	cacheKey := GetDbCacheKey(id, db)
+	dbi := &DbInstance{Id: cacheKey, Type: d.Type, TagPath: d.TagPath, sshTunnelMachineId: d.SshTunnelMachineId}
+
+	DB, err := GetDbConn(d, db)
+	if err != nil {
+		dbi.Close()
+		global.Log.Errorf("连接db失败: %s:%d/%s", d.Host, d.Port, db)
+		panic(biz.NewBizErr(fmt.Sprintf("数据库连接失败: %s", err.Error())))
+	}
+
+	// 最大连接周期，超过时间的连接就close
+	// DB.SetConnMaxLifetime(100 * time.Second)
+	// 设置最大连接数
+	DB.SetMaxOpenConns(5)
+	// 设置闲置连接数
+	DB.SetMaxIdleConns(1)
+
+	dbi.db = DB
+	global.Log.Infof("连接db: %s:%d/%s", d.Host, d.Port, db)
+	if needCache {
+		dbCache.Put(cacheKey, dbi)
+	}
+	return dbi
+}
+
+//----------------------------------------  db instance  ------------------------------------
+
+// db实例
+type DbInstance struct {
+	Id                 string
+	Type               string
+	TagPath            string
+	db                 *sql.DB
+	sshTunnelMachineId uint64
+}
+
+// 执行查询语句
+// 依次返回 列名数组，结果map，错误
+func (d *DbInstance) SelectData(execSql string) ([]string, []map[string]interface{}, error) {
+	return SelectDataByDb(d.db, execSql, false)
+}
+
+// 将查询结果映射至struct，可具体参考sqlx库
+func (d *DbInstance) SelectData2Struct(execSql string, dest interface{}) error {
+	return Select2StructByDb(d.db, execSql, dest)
+}
+
+// 执行内部查询语句，不返回列名以及不限制行数
+// 依次返回 结果map，错误
+func (d *DbInstance) innerSelect(execSql string) ([]map[string]interface{}, error) {
+	_, res, err := SelectDataByDb(d.db, execSql, true)
+	return res, err
+}
+
+// 执行 update, insert, delete，建表等sql
+// 返回影响条数和错误
+func (d *DbInstance) Exec(sql string) (int64, error) {
+	res, err := d.db.Exec(sql)
+	if err != nil {
+		return 0, err
+	}
+	return res.RowsAffected()
+}
+
+// 获取数据库元信息实现接口
+func (di *DbInstance) GetMeta() DbMetadata {
+	dbType := di.Type
+	if dbType == entity.DbTypeMysql {
+		return &MysqlMetadata{di: di}
+	}
+	if dbType == entity.DbTypePostgres {
+		return &PgsqlMetadata{di: di}
+	}
+	return nil
+}
+
+// 关闭连接
+func (d *DbInstance) Close() {
+	if d.db != nil {
+		if err := d.db.Close(); err != nil {
+			global.Log.Errorf("关闭数据库实例[%s]连接失败: %s", d.Id, err.Error())
+		}
+		d.db = nil
+	}
+}
+
+//------------------------------------------------------------------------------
+
+// 单次最大查询数据集
+const Max_Rows = 2000
+
+// 客户端连接缓存，指定时间内没有访问则会被关闭, key为数据库实例id:数据库
+var dbCache = cache.NewTimedCache(constant.DbConnExpireTime, 5*time.Second).
+	WithUpdateAccessTime(true).
+	OnEvicted(func(key interface{}, value interface{}) {
+		global.Log.Info(fmt.Sprintf("删除db连接缓存 id = %s", key))
+		value.(*DbInstance).Close()
+	})
+
+func init() {
+	machine.AddCheckSshTunnelMachineUseFunc(func(machineId uint64) bool {
+		// 遍历所有db连接实例，若存在db实例使用该ssh隧道机器，则返回true，表示还在使用中...
+		items := dbCache.Items()
+		for _, v := range items {
+			if v.Value.(*DbInstance).sshTunnelMachineId == machineId {
+				return true
+			}
+		}
+		return false
+	})
+}
+
+func GetDbCacheKey(dbId uint64, db string) string {
+	return fmt.Sprintf("%d:%s", dbId, db)
+}
+
+func GetDbInstanceByCache(id string) *DbInstance {
+	if load, ok := dbCache.Get(id); ok {
+		return load.(*DbInstance)
+	}
+	return nil
+}
+
+func TestConnection(d *entity.Db) {
+	// 验证第一个库是否可以连接即可
+	DB, err := GetDbConn(d, strings.Split(d.Database, " ")[0])
+	biz.ErrIsNilAppendErr(err, "数据库连接失败: %s")
+	defer DB.Close()
+}
+
+// 获取数据库连接
+func GetDbConn(d *entity.Db, db string) (*sql.DB, error) {
+	// SSH Conect
+	if d.EnableSshTunnel == 1 && d.SshTunnelMachineId != 0 {
+		sshTunnelMachine := machineapp.GetMachineApp().GetSshTunnelMachine(d.SshTunnelMachineId)
+		if d.Type == entity.DbTypeMysql {
+			mysql.RegisterDialContext(d.Network, func(ctx context.Context, addr string) (net.Conn, error) {
+				return sshTunnelMachine.GetDialConn("tcp", addr)
+			})
+		} else if d.Type == entity.DbTypePostgres {
+			_, err := pq.DialOpen(&PqSqlDialer{sshTunnelMachine: sshTunnelMachine}, getDsn(d, db))
+			if err != nil {
+				panic(biz.NewBizErr(fmt.Sprintf("postgres隧道连接失败: %s", err.Error())))
+			}
+		}
+	}
+
+	DB, err := sql.Open(d.Type, getDsn(d, db))
+	if err != nil {
+		return nil, err
+	}
+	err = DB.Ping()
+	if err != nil {
+		DB.Close()
+		return nil, err
+	}
+
+	return DB, nil
+}
+
+// 获取dataSourceName
+func getDsn(d *entity.Db, db string) string {
+	var dsn string
+	if d.Type == entity.DbTypeMysql {
+		dsn = fmt.Sprintf("%s:%s@%s(%s:%d)/%s?timeout=8s", d.Username, d.Password, d.Network, d.Host, d.Port, db)
+		if d.Params != "" {
+			dsn = fmt.Sprintf("%s&%s", dsn, d.Params)
+		}
+		return dsn
+	}
+
+	if d.Type == entity.DbTypePostgres {
+		dsn = fmt.Sprintf("host=%s port=%d user=%s password=%s dbname=%s sslmode=disable", d.Host, d.Port, d.Username, d.Password, db)
+		if d.Params != "" {
+			dsn = fmt.Sprintf("%s %s", dsn, strings.Join(strings.Split(d.Params, "&"), " "))
+		}
+		return dsn
+	}
+	return ""
+}
+
+func SelectDataByDb(db *sql.DB, selectSql string, isInner bool) ([]string, []map[string]interface{}, error) {
+	rows, err := db.Query(selectSql)
+	if err != nil {
+		return nil, nil, err
+	}
+	// rows对象一定要close掉，如果出错，不关掉则会很迅速的达到设置最大连接数，
+	// 后面的链接过来直接报错或拒绝，实际上也没有起效果
+	defer func() {
+		if rows != nil {
+			rows.Close()
+		}
+	}()
+	colTypes, _ := rows.ColumnTypes()
+	// 这里表示一行填充数据
+	scans := make([]interface{}, len(colTypes))
+	// 这里表示一行所有列的值，用[]byte表示
+	vals := make([][]byte, len(colTypes))
+	// 这里scans引用vals，把数据填充到[]byte里
+	for k := range vals {
+		scans[k] = &vals[k]
+	}
+
+	result := make([]map[string]interface{}, 0)
+	// 列名用于前端表头名称按照数据库与查询字段顺序显示
+	colNames := make([]string, 0)
+	// 是否第一次遍历，列名数组只需第一次遍历时加入
+	isFirst := true
+	rowNum := 0
+	for rows.Next() {
+		rowNum++
+		// 非内部sql，则校验返回结果数量
+		if !isInner {
+			biz.IsTrue(rowNum <= Max_Rows, "结果集 > 2000, 请完善条件或分页信息")
+		}
+
+		// 不Scan也会导致等待，该链接实际处于未工作的状态，然后也会导致连接数迅速达到最大
+		err := rows.Scan(scans...)
+		if err != nil {
+			return nil, nil, err
+		}
+		// 每行数据
+		rowData := make(map[string]interface{})
+		// 把vals中的数据复制到row中
+		for i, v := range vals {
+			colType := colTypes[i]
+			colName := colType.Name()
+			// 如果是第一行，则将列名加入到列信息中，由于map是无序的，所有需要返回列名的有序数组
+			if isFirst {
+				colNames = append(colNames, colName)
+			}
+			rowData[colName] = valueConvert(v, colType)
+		}
+		// 放入结果集
+		result = append(result, rowData)
+		isFirst = false
+	}
+	return colNames, result, nil
+}
+
+// 将查询的值转为对应列类型的实际值，不全部转为字符串
+func valueConvert(data []byte, colType *sql.ColumnType) interface{} {
+	if data == nil {
+		return nil
+	}
+	// 列的数据库类型名
+	colDatabaseTypeName := strings.ToLower(colType.DatabaseTypeName())
+
+	// 如果类型是bit，则直接返回第一个字节即可
+	if strings.Contains(colDatabaseTypeName, "bit") {
+		return data[0]
+	}
+
+	// 这里把[]byte数据转成string
+	stringV := string(data)
+	if stringV == "" {
+		return ""
+	}
+	colScanType := strings.ToLower(colType.ScanType().Name())
+
+	if strings.Contains(colScanType, "int") {
+		// 如果长度超过16位，则返回字符串，因为前端js长度大于16会丢失精度
+		if len(stringV) > 16 {
+			return stringV
+		}
+		intV, _ := strconv.Atoi(stringV)
+		switch colType.ScanType().Kind() {
+		case reflect.Int8:
+			return int8(intV)
+		case reflect.Uint8:
+			return uint8(intV)
+		case reflect.Int64:
+			return int64(intV)
+		case reflect.Uint64:
+			return uint64(intV)
+		case reflect.Uint:
+			return uint(intV)
+		default:
+			return intV
+		}
+	}
+	if strings.Contains(colScanType, "float") {
+		floatV, _ := strconv.ParseFloat(stringV, 64)
+		return floatV
+	}
+
+	return stringV
+}
+
+// 查询数据结果映射至struct。可参考sqlx库
+func Select2StructByDb(db *sql.DB, selectSql string, dest interface{}) error {
+	rows, err := db.Query(selectSql)
+	if err != nil {
+		return err
+	}
+	// rows对象一定要close掉，如果出错，不关掉则会很迅速的达到设置最大连接数，
+	// 后面的链接过来直接报错或拒绝，实际上也没有起效果
+	defer func() {
+		if rows != nil {
+			rows.Close()
+		}
+	}()
+	return scanAll(rows, dest, false)
+}
+
+// 删除db缓存并关闭该数据库所有连接
+func CloseDb(dbId uint64, db string) {
+	dbCache.Delete(GetDbCacheKey(dbId, db))
+}
+
+type PqSqlDialer struct {
+	sshTunnelMachine *machine.SshTunnelMachine
+}
+
+func (pd *PqSqlDialer) Dial(network, address string) (net.Conn, error) {
+	if sshConn, err := pd.sshTunnelMachine.GetDialConn("tcp", address); err == nil {
+		// 将ssh conn包装，否则redis内部设置超时会报错,ssh conn不支持设置超时会返回错误: ssh: tcpChan: deadline not supported
+		return &utils.WrapSshConn{Conn: sshConn}, nil
+	} else {
+		return nil, err
+	}
+}
+
+func (pd *PqSqlDialer) DialTimeout(network, address string, timeout time.Duration) (net.Conn, error) {
+	return pd.Dial(network, address)
+}

server/internal/db/application/db_sql_exec.go

@@ -0,0 +1,200 @@
+package application
+
+import (
+	"encoding/json"
+	"fmt"
+
+	"mayfly-go/internal/db/domain/entity"
+	"mayfly-go/internal/db/domain/repository"
+	"mayfly-go/pkg/global"
+	"mayfly-go/pkg/model"
+	"strings"
+
+	"github.com/xwb1989/sqlparser"
+)
+
+type DbSqlExecReq struct {
+	DbId         uint64
+	Db           string
+	Sql          string
+	Remark       string
+	LoginAccount *model.LoginAccount
+	DbInstance   *DbInstance
+}
+
+type DbSqlExecRes struct {
+	ColNames []string
+	Res      []map[string]interface{}
+}
+
+type DbSqlExec interface {
+	// 执行sql
+	Exec(execSqlReq *DbSqlExecReq) (*DbSqlExecRes, error)
+
+	// 根据条件删除sql执行记录
+	DeleteBy(condition *entity.DbSqlExec)
+
+	// 分页获取
+	GetPageList(condition *entity.DbSqlExec, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult
+}
+
+func newDbSqlExecApp(dbExecSqlRepo repository.DbSqlExec) DbSqlExec {
+	return &dbSqlExecAppImpl{
+		dbSqlExecRepo: dbExecSqlRepo,
+	}
+}
+
+type dbSqlExecAppImpl struct {
+	dbSqlExecRepo repository.DbSqlExec
+}
+
+func (d *dbSqlExecAppImpl) Exec(execSqlReq *DbSqlExecReq) (*DbSqlExecRes, error) {
+	sql := execSqlReq.Sql
+	loginAccount := execSqlReq.LoginAccount
+
+	// 如果是pgsql并且为查询语句，则直接返回，sqlparser不支持解析pgsql select语句
+	if execSqlReq.DbInstance.Type == entity.DbTypePostgres && (strings.HasPrefix(sql, "SELECT") || strings.HasPrefix(sql, "select")) {
+		return doSelect(nil, execSqlReq, nil)
+	}
+
+	stmt, err := sqlparser.Parse(sql)
+	if err != nil {
+		global.Log.Error("sql解析失败: ", err)
+		return nil, err
+	}
+
+	dbSqlExecRecord := new(entity.DbSqlExec)
+	dbSqlExecRecord.DbId = execSqlReq.DbId
+	dbSqlExecRecord.Db = execSqlReq.Db
+	dbSqlExecRecord.Sql = sql
+	dbSqlExecRecord.Remark = execSqlReq.Remark
+	dbSqlExecRecord.SetBaseInfo(loginAccount)
+
+	var execRes *DbSqlExecRes
+	isSelect := false
+	switch stmt := stmt.(type) {
+	case *sqlparser.Select:
+		isSelect = true
+		execRes, err = doSelect(stmt, execSqlReq, dbSqlExecRecord)
+	case *sqlparser.Show:
+		isSelect = true
+		execRes, err = doSelect(nil, execSqlReq, dbSqlExecRecord)
+	case *sqlparser.OtherRead:
+		isSelect = true
+		execRes, err = doSelect(nil, execSqlReq, dbSqlExecRecord)
+	case *sqlparser.Update:
+		execRes, err = doUpdate(stmt, execSqlReq, dbSqlExecRecord)
+	case *sqlparser.Delete:
+		execRes, err = doDelete(stmt, execSqlReq, dbSqlExecRecord)
+	case *sqlparser.Insert:
+		execRes, err = doInsert(stmt, execSqlReq, dbSqlExecRecord)
+	default:
+		execRes, err = doExec(execSqlReq.Sql, execSqlReq.DbInstance)
+	}
+	if err != nil {
+		return nil, err
+	}
+
+	if !isSelect {
+		// 保存执行记录
+		d.dbSqlExecRepo.Insert(dbSqlExecRecord)
+	}
+	return execRes, nil
+}
+
+func (d *dbSqlExecAppImpl) DeleteBy(condition *entity.DbSqlExec) {
+	d.dbSqlExecRepo.DeleteBy(condition)
+}
+
+func (d *dbSqlExecAppImpl) GetPageList(condition *entity.DbSqlExec, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
+	return d.dbSqlExecRepo.GetPageList(condition, pageParam, toEntity, orderBy...)
+}
+
+func doSelect(selectStmt *sqlparser.Select, execSqlReq *DbSqlExecReq, dbSqlExec *entity.DbSqlExec) (*DbSqlExecRes, error) {
+	dbInstance := execSqlReq.DbInstance
+	sql := execSqlReq.Sql
+	colNames, res, err := dbInstance.SelectData(sql)
+	if err != nil {
+		return nil, err
+	}
+	return &DbSqlExecRes{
+		ColNames: colNames,
+		Res:      res,
+	}, nil
+}
+
+func doUpdate(update *sqlparser.Update, execSqlReq *DbSqlExecReq, dbSqlExec *entity.DbSqlExec) (*DbSqlExecRes, error) {
+	dbInstance := execSqlReq.DbInstance
+
+	tableStr := sqlparser.String(update.TableExprs)
+	// 可能使用别名，故空格切割
+	tableName := strings.Split(tableStr, " ")[0]
+	where := sqlparser.String(update.Where)
+
+	updateExprs := update.Exprs
+	updateColumns := make([]string, 0)
+	for _, v := range updateExprs {
+		updateColumns = append(updateColumns, v.Name.Name.String())
+	}
+
+	// 获取表主键列名,排除使用别名
+	primaryKey := dbInstance.GetMeta().GetPrimaryKey(tableName)
+
+	updateColumnsAndPrimaryKey := strings.Join(updateColumns, ",") + "," + primaryKey
+	// 查询要更新字段数据的旧值，以及主键值
+	selectSql := fmt.Sprintf("SELECT %s FROM %s %s LIMIT 200", updateColumnsAndPrimaryKey, tableStr, where)
+	_, res, _ := dbInstance.SelectData(selectSql)
+
+	bytes, _ := json.Marshal(res)
+	dbSqlExec.OldValue = string(bytes)
+	dbSqlExec.Table = tableName
+	dbSqlExec.Type = entity.DbSqlExecTypeUpdate
+
+	return doExec(execSqlReq.Sql, dbInstance)
+}
+
+func doDelete(delete *sqlparser.Delete, execSqlReq *DbSqlExecReq, dbSqlExec *entity.DbSqlExec) (*DbSqlExecRes, error) {
+	dbInstance := execSqlReq.DbInstance
+
+	tableStr := sqlparser.String(delete.TableExprs)
+	// 可能使用别名，故空格切割
+	table := strings.Split(tableStr, " ")[0]
+	where := sqlparser.String(delete.Where)
+
+	// 查询删除数据
+	selectSql := fmt.Sprintf("SELECT * FROM %s %s LIMIT 200", tableStr, where)
+	_, res, _ := dbInstance.SelectData(selectSql)
+
+	bytes, _ := json.Marshal(res)
+	dbSqlExec.OldValue = string(bytes)
+	dbSqlExec.Table = table
+	dbSqlExec.Type = entity.DbSqlExecTypeDelete
+
+	return doExec(execSqlReq.Sql, dbInstance)
+}
+
+func doInsert(insert *sqlparser.Insert, execSqlReq *DbSqlExecReq, dbSqlExec *entity.DbSqlExec) (*DbSqlExecRes, error) {
+	tableStr := sqlparser.String(insert.Table)
+	// 可能使用别名，故空格切割
+	table := strings.Split(tableStr, " ")[0]
+	dbSqlExec.Table = table
+	dbSqlExec.Type = entity.DbSqlExecTypeInsert
+
+	return doExec(execSqlReq.Sql, execSqlReq.DbInstance)
+}
+
+func doExec(sql string, dbInstance *DbInstance) (*DbSqlExecRes, error) {
+	rowsAffected, err := dbInstance.Exec(sql)
+	if err != nil {
+		return nil, err
+	}
+	res := make([]map[string]interface{}, 0)
+	resData := make(map[string]interface{})
+	resData["影响条数"] = rowsAffected
+	res = append(res, resData)
+
+	return &DbSqlExecRes{
+		ColNames: []string{"影响条数"},
+		Res:      res,
+	}, nil
+}

server/internal/db/application/meta.go

@@ -0,0 +1,28 @@
+package application
+
+// -----------------------------------元数据接口定义------------------------------------------
+// 数据库元信息接口（表、列等元信息）
+// 所有数据查出来直接用map接收，注意不同数据库实现该接口返回的map中的key需要统一.
+// 即: 使用别名统一即可。如table_name AS tableName
+type DbMetadata interface {
+
+	// 获取表基础元信息
+	// 表名: tableName, 备注: tableComment
+	GetTables() []map[string]interface{}
+
+	// 获取指定表名的所有列元信息
+	// 表名: tableName, 列名: columnName, 列类型: columnType, 备注: columnComment, 是否可为null: nullable, 其他信息: extra
+	GetColumns(tableNames ...string) []map[string]interface{}
+
+	// 获取表主键字段名，目前默认第一个字段
+	GetPrimaryKey(tablename string) string
+
+	// 获取表信息，比GetTables获取更详细的表信息
+	GetTableInfos() []map[string]interface{}
+
+	// 获取表索引信息
+	GetTableIndex(tableName string) []map[string]interface{}
+
+	// 获取建表ddl
+	GetCreateTableDdl(tableName string) []map[string]interface{}
+}

server/internal/db/application/mysql_meta.go

@@ -0,0 +1,83 @@
+package application
+
+import (
+	"fmt"
+	"mayfly-go/pkg/biz"
+)
+
+// ---------------------------------- mysql元数据 -----------------------------------
+const (
+	// mysql 表信息元数据
+	MYSQL_TABLE_MA = `SELECT table_name tableName, table_comment tableComment from information_schema.tables WHERE table_schema = (SELECT database())`
+
+	// mysql 表信息
+	MYSQL_TABLE_INFO = `SELECT table_name tableName, table_comment tableComment, table_rows tableRows,
+	data_length dataLength, index_length indexLength, create_time createTime 
+	FROM information_schema.tables 
+    WHERE table_schema = (SELECT database())`
+
+	// mysql 索引信息
+	MYSQL_INDEX_INFO = `SELECT index_name indexName, column_name columnName, index_type indexType,
+	SEQ_IN_INDEX seqInIndex, INDEX_COMMENT indexComment
+	FROM information_schema.STATISTICS 
+    WHERE table_schema = (SELECT database()) AND table_name = '%s'`
+
+	// mysql 列信息元数据
+	MYSQL_COLUMN_MA = `SELECT table_name tableName, column_name columnName, column_type columnType,
+	column_comment columnComment, column_key columnKey, extra, is_nullable nullable from information_schema.columns
+	WHERE table_schema = (SELECT database()) AND table_name in (%s) ORDER BY tableName, ordinal_position`
+)
+
+type MysqlMetadata struct {
+	di *DbInstance
+}
+
+// 获取表基础元信息, 如表名等
+func (mm *MysqlMetadata) GetTables() []map[string]interface{} {
+	res, err := mm.di.innerSelect(MYSQL_TABLE_MA)
+	biz.ErrIsNilAppendErr(err, "获取表基本信息失败: %s")
+	return res
+}
+
+// 获取列元信息, 如列名等
+func (mm *MysqlMetadata) GetColumns(tableNames ...string) []map[string]interface{} {
+	tableName := ""
+	for i := 0; i < len(tableNames); i++ {
+		if i != 0 {
+			tableName = tableName + ", "
+		}
+		tableName = tableName + "'" + tableNames[i] + "'"
+	}
+	result, err := mm.di.innerSelect(fmt.Sprintf(MYSQL_COLUMN_MA, tableName))
+	biz.ErrIsNilAppendErr(err, "获取数据库列信息失败: %s")
+	return result
+}
+
+// 获取表主键字段名，默认第一个字段
+func (mm *MysqlMetadata) GetPrimaryKey(tablename string) string {
+	columns := mm.GetColumns(tablename)
+	if len(columns) == 0 {
+		panic(biz.NewBizErr(fmt.Sprintf("[%s] 表不存在", tablename)))
+	}
+	return columns[0]["columnName"].(string)
+}
+
+// 获取表信息，比GetTableMetedatas获取更详细的表信息
+func (mm *MysqlMetadata) GetTableInfos() []map[string]interface{} {
+	res, err := mm.di.innerSelect(MYSQL_TABLE_INFO)
+	biz.ErrIsNilAppendErr(err, "获取表信息失败: %s")
+	return res
+}
+
+// 获取表索引信息
+func (mm *MysqlMetadata) GetTableIndex(tableName string) []map[string]interface{} {
+	res, err := mm.di.innerSelect(fmt.Sprintf(MYSQL_INDEX_INFO, tableName))
+	biz.ErrIsNilAppendErr(err, "获取表索引信息失败: %s")
+	return res
+}
+
+// 获取建表ddl
+func (mm *MysqlMetadata) GetCreateTableDdl(tableName string) []map[string]interface{} {
+	res, _ := mm.di.innerSelect(fmt.Sprintf("show create table %s ", tableName))
+	return res
+}

server/internal/db/application/pgsql_meta.go

@@ -0,0 +1,95 @@
+package application
+
+import (
+	"fmt"
+	"mayfly-go/pkg/biz"
+)
+
+// ---------------------------------- pgsql元数据 -----------------------------------
+const (
+	// postgres 表信息元数据
+	PGSQL_TABLE_MA = `SELECT obj_description(c.oid) AS "tableComment", c.relname AS "tableName" FROM pg_class c 
+	JOIN pg_namespace n ON c.relnamespace = n.oid WHERE n.nspname = (select current_schema()) AND c.reltype > 0`
+
+	PGSQL_TABLE_INFO = `SELECT obj_description(c.oid) AS "tableComment", c.relname AS "tableName" FROM pg_class c 
+	JOIN pg_namespace n ON c.relnamespace = n.oid WHERE n.nspname = (select current_schema()) AND c.reltype > 0`
+
+	PGSQL_INDEX_INFO = `SELECT indexname AS "indexName", indexdef AS "indexComment"
+	FROM pg_indexes WHERE schemaname =  (select current_schema()) AND tablename = '%s'`
+
+	PGSQL_COLUMN_MA = `SELECT
+		C.relname AS "tableName",
+		A.attname AS "columnName",
+		tc.is_nullable AS "nullable",
+		concat_ws ( '', t.typname, SUBSTRING ( format_type ( a.atttypid, a.atttypmod ) FROM '\(.*\)' ) ) AS "columnType",
+		d.description AS "columnComment" 
+	FROM
+		pg_attribute a LEFT JOIN pg_description d ON d.objoid = a.attrelid 
+		AND d.objsubid = A.attnum
+		LEFT JOIN pg_class c ON A.attrelid = c.oid
+		LEFT JOIN pg_namespace pn ON c.relnamespace = pn.oid
+		LEFT JOIN pg_type t ON a.atttypid = t.oid 
+		JOIN information_schema.columns tc ON tc.column_name = a.attname AND tc.table_name = C.relname AND tc.table_schema = pn.nspname
+	WHERE
+		A.attnum >= 0 
+		AND pn.nspname = (select current_schema())
+		AND C.relname in (%s)
+	ORDER BY
+		C.relname DESC,
+		A.attnum ASC	
+	`
+)
+
+type PgsqlMetadata struct {
+	di *DbInstance
+}
+
+// 获取表基础元信息, 如表名等
+func (pm *PgsqlMetadata) GetTables() []map[string]interface{} {
+	res, err := pm.di.innerSelect(PGSQL_TABLE_MA)
+	biz.ErrIsNilAppendErr(err, "获取表基本信息失败: %s")
+	return res
+}
+
+// 获取列元信息, 如列名等
+func (pm *PgsqlMetadata) GetColumns(tableNames ...string) []map[string]interface{} {
+	tableName := ""
+	for i := 0; i < len(tableNames); i++ {
+		if i != 0 {
+			tableName = tableName + ", "
+		}
+		tableName = tableName + "'" + tableNames[i] + "'"
+	}
+	result, err := pm.di.innerSelect(fmt.Sprintf(PGSQL_COLUMN_MA, tableName))
+	biz.ErrIsNilAppendErr(err, "获取数据库列信息失败: %s")
+	return result
+}
+
+// 获取表主键字段名，默认第一个字段
+func (pm *PgsqlMetadata) GetPrimaryKey(tablename string) string {
+	columns := pm.GetColumns(tablename)
+	if len(columns) == 0 {
+		panic(biz.NewBizErr(fmt.Sprintf("[%s] 表不存在", tablename)))
+	}
+	return columns[0]["columnName"].(string)
+}
+
+// 获取表信息，比GetTables获取更详细的表信息
+func (pm *PgsqlMetadata) GetTableInfos() []map[string]interface{} {
+	res, err := pm.di.innerSelect(PGSQL_TABLE_INFO)
+	biz.ErrIsNilAppendErr(err, "获取表信息失败: %s")
+	return res
+}
+
+// 获取表索引信息
+func (pm *PgsqlMetadata) GetTableIndex(tableName string) []map[string]interface{} {
+	res, err := pm.di.innerSelect(fmt.Sprintf(PGSQL_INDEX_INFO, tableName))
+	biz.ErrIsNilAppendErr(err, "获取表索引信息失败: %s")
+	return res
+}
+
+// 获取建表ddl
+func (mm *PgsqlMetadata) GetCreateTableDdl(tableName string) []map[string]interface{} {
+	biz.IsTrue(tableName == "", "暂不支持获取pgsql建表DDL")
+	return nil
+}

server/internal/db/application/sqlx.go

@@ -0,0 +1,630 @@
+package application
+
+import (
+	"database/sql"
+	"errors"
+	"fmt"
+	"reflect"
+	"runtime"
+	"strings"
+	"sync"
+)
+
+// 将结果scan至结构体，copy至 sqlx库: https://github.com/jmoiron/sqlx
+func scanAll(rows *sql.Rows, dest interface{}, structOnly bool) error {
+	var v, vp reflect.Value
+
+	value := reflect.ValueOf(dest)
+
+	// json.Unmarshal returns errors for these
+	if value.Kind() != reflect.Ptr {
+		return errors.New("must pass a pointer, not a value, to StructScan destination")
+	}
+	if value.IsNil() {
+		return errors.New("nil pointer passed to StructScan destination")
+	}
+	direct := reflect.Indirect(value)
+
+	slice, err := baseType(value.Type(), reflect.Slice)
+	if err != nil {
+		return err
+	}
+	direct.SetLen(0)
+
+	isPtr := slice.Elem().Kind() == reflect.Ptr
+	base := Deref(slice.Elem())
+	scannable := isScannable(base)
+
+	if structOnly && scannable {
+		return structOnlyError(base)
+	}
+
+	columns, err := rows.Columns()
+	if err != nil {
+		return err
+	}
+
+	// if it's a base type make sure it only has 1 column;  if not return an error
+	if scannable && len(columns) > 1 {
+		return fmt.Errorf("non-struct dest type %s with >1 columns (%d)", base.Kind(), len(columns))
+	}
+
+	if !scannable {
+		var values []interface{}
+		var m *Mapper = mapper()
+
+		fields := m.TraversalsByName(base, columns)
+		// if we are not unsafe and are missing fields, return an error
+		if f, err := missingFields(fields); err != nil {
+			return fmt.Errorf("missing destination name %s in %T", columns[f], dest)
+		}
+		values = make([]interface{}, len(columns))
+
+		for rows.Next() {
+			// create a new struct type (which returns PtrTo) and indirect it
+			vp = reflect.New(base)
+			v = reflect.Indirect(vp)
+
+			err = fieldsByTraversal(v, fields, values, true)
+			if err != nil {
+				return err
+			}
+
+			// scan into the struct field pointers and append to our results
+			err = rows.Scan(values...)
+			if err != nil {
+				return err
+			}
+
+			if isPtr {
+				direct.Set(reflect.Append(direct, vp))
+			} else {
+				direct.Set(reflect.Append(direct, v))
+			}
+		}
+	} else {
+		for rows.Next() {
+			vp = reflect.New(base)
+			err = rows.Scan(vp.Interface())
+			if err != nil {
+				return err
+			}
+			// append
+			if isPtr {
+				direct.Set(reflect.Append(direct, vp))
+			} else {
+				direct.Set(reflect.Append(direct, reflect.Indirect(vp)))
+			}
+		}
+	}
+
+	return rows.Err()
+}
+
+func baseType(t reflect.Type, expected reflect.Kind) (reflect.Type, error) {
+	t = Deref(t)
+	if t.Kind() != expected {
+		return nil, fmt.Errorf("expected %s but got %s", expected, t.Kind())
+	}
+	return t, nil
+}
+
+// structOnlyError returns an error appropriate for type when a non-scannable
+// struct is expected but something else is given
+func structOnlyError(t reflect.Type) error {
+	isStruct := t.Kind() == reflect.Struct
+	isScanner := reflect.PtrTo(t).Implements(_scannerInterface)
+	if !isStruct {
+		return fmt.Errorf("expected %s but got %s", reflect.Struct, t.Kind())
+	}
+	if isScanner {
+		return fmt.Errorf("structscan expects a struct dest but the provided struct type %s implements scanner", t.Name())
+	}
+	return fmt.Errorf("expected a struct, but struct %s has no exported fields", t.Name())
+}
+
+var _scannerInterface = reflect.TypeOf((*sql.Scanner)(nil)).Elem()
+
+func isScannable(t reflect.Type) bool {
+	if reflect.PtrTo(t).Implements(_scannerInterface) {
+		return true
+	}
+	if t.Kind() != reflect.Struct {
+		return true
+	}
+
+	// it's not important that we use the right mapper for this particular object,
+	// we're only concerned on how many exported fields this struct has
+	return len(mapper().TypeMap(t).Index) == 0
+}
+
+var NameMapper = strings.ToLower
+var origMapper = reflect.ValueOf(NameMapper)
+
+// Rather than creating on init, this is created when necessary so that
+// importers have time to customize the NameMapper.
+var mpr *Mapper
+
+// mprMu protects mpr.
+var mprMu sync.Mutex
+
+// mapper returns a valid mapper using the configured NameMapper func.
+func mapper() *Mapper {
+	mprMu.Lock()
+	defer mprMu.Unlock()
+
+	if mpr == nil {
+		mpr = NewMapperFunc("db", NameMapper)
+	} else if origMapper != reflect.ValueOf(NameMapper) {
+		// if NameMapper has changed, create a new mapper
+		mpr = NewMapperFunc("db", NameMapper)
+		origMapper = reflect.ValueOf(NameMapper)
+	}
+	return mpr
+}
+
+func missingFields(transversals [][]int) (field int, err error) {
+	for i, t := range transversals {
+		if len(t) == 0 {
+			return i, errors.New("missing field")
+		}
+	}
+	return 0, nil
+}
+
+// fieldsByName fills a values interface with fields from the passed value based
+// on the traversals in int.  If ptrs is true, return addresses instead of values.
+// We write this instead of using FieldsByName to save allocations and map lookups
+// when iterating over many rows.  Empty traversals will get an interface pointer.
+// Because of the necessity of requesting ptrs or values, it's considered a bit too
+// specialized for inclusion in reflectx itself.
+func fieldsByTraversal(v reflect.Value, traversals [][]int, values []interface{}, ptrs bool) error {
+	v = reflect.Indirect(v)
+	if v.Kind() != reflect.Struct {
+		return errors.New("argument not a struct")
+	}
+
+	for i, traversal := range traversals {
+		if len(traversal) == 0 {
+			values[i] = new(interface{})
+			continue
+		}
+		f := FieldByIndexes(v, traversal)
+		if ptrs {
+			values[i] = f.Addr().Interface()
+		} else {
+			values[i] = f.Interface()
+		}
+	}
+	return nil
+}
+
+// A FieldInfo is metadata for a struct field.
+type FieldInfo struct {
+	Index    []int
+	Path     string
+	Field    reflect.StructField
+	Zero     reflect.Value
+	Name     string
+	Options  map[string]string
+	Embedded bool
+	Children []*FieldInfo
+	Parent   *FieldInfo
+}
+
+// A StructMap is an index of field metadata for a struct.
+type StructMap struct {
+	Tree  *FieldInfo
+	Index []*FieldInfo
+	Paths map[string]*FieldInfo
+	Names map[string]*FieldInfo
+}
+
+// GetByPath returns a *FieldInfo for a given string path.
+func (f StructMap) GetByPath(path string) *FieldInfo {
+	return f.Paths[path]
+}
+
+// GetByTraversal returns a *FieldInfo for a given integer path.  It is
+// analogous to reflect.FieldByIndex, but using the cached traversal
+// rather than re-executing the reflect machinery each time.
+func (f StructMap) GetByTraversal(index []int) *FieldInfo {
+	if len(index) == 0 {
+		return nil
+	}
+
+	tree := f.Tree
+	for _, i := range index {
+		if i >= len(tree.Children) || tree.Children[i] == nil {
+			return nil
+		}
+		tree = tree.Children[i]
+	}
+	return tree
+}
+
+// Mapper is a general purpose mapper of names to struct fields.  A Mapper
+// behaves like most marshallers in the standard library, obeying a field tag
+// for name mapping but also providing a basic transform function.
+type Mapper struct {
+	cache      map[reflect.Type]*StructMap
+	tagName    string
+	tagMapFunc func(string) string
+	mapFunc    func(string) string
+	mutex      sync.Mutex
+}
+
+// NewMapper returns a new mapper using the tagName as its struct field tag.
+// If tagName is the empty string, it is ignored.
+func NewMapper(tagName string) *Mapper {
+	return &Mapper{
+		cache:   make(map[reflect.Type]*StructMap),
+		tagName: tagName,
+	}
+}
+
+// NewMapperTagFunc returns a new mapper which contains a mapper for field names
+// AND a mapper for tag values.  This is useful for tags like json which can
+// have values like "name,omitempty".
+func NewMapperTagFunc(tagName string, mapFunc, tagMapFunc func(string) string) *Mapper {
+	return &Mapper{
+		cache:      make(map[reflect.Type]*StructMap),
+		tagName:    tagName,
+		mapFunc:    mapFunc,
+		tagMapFunc: tagMapFunc,
+	}
+}
+
+// NewMapperFunc returns a new mapper which optionally obeys a field tag and
+// a struct field name mapper func given by f.  Tags will take precedence, but
+// for any other field, the mapped name will be f(field.Name)
+func NewMapperFunc(tagName string, f func(string) string) *Mapper {
+	return &Mapper{
+		cache:   make(map[reflect.Type]*StructMap),
+		tagName: tagName,
+		mapFunc: f,
+	}
+}
+
+// TypeMap returns a mapping of field strings to int slices representing
+// the traversal down the struct to reach the field.
+func (m *Mapper) TypeMap(t reflect.Type) *StructMap {
+	m.mutex.Lock()
+	mapping, ok := m.cache[t]
+	if !ok {
+		mapping = getMapping(t, m.tagName, m.mapFunc, m.tagMapFunc)
+		m.cache[t] = mapping
+	}
+	m.mutex.Unlock()
+	return mapping
+}
+
+// FieldMap returns the mapper's mapping of field names to reflect values.  Panics
+// if v's Kind is not Struct, or v is not Indirectable to a struct kind.
+func (m *Mapper) FieldMap(v reflect.Value) map[string]reflect.Value {
+	v = reflect.Indirect(v)
+	mustBe(v, reflect.Struct)
+
+	r := map[string]reflect.Value{}
+	tm := m.TypeMap(v.Type())
+	for tagName, fi := range tm.Names {
+		r[tagName] = FieldByIndexes(v, fi.Index)
+	}
+	return r
+}
+
+// FieldByName returns a field by its mapped name as a reflect.Value.
+// Panics if v's Kind is not Struct or v is not Indirectable to a struct Kind.
+// Returns zero Value if the name is not found.
+func (m *Mapper) FieldByName(v reflect.Value, name string) reflect.Value {
+	v = reflect.Indirect(v)
+	mustBe(v, reflect.Struct)
+
+	tm := m.TypeMap(v.Type())
+	fi, ok := tm.Names[name]
+	if !ok {
+		return v
+	}
+	return FieldByIndexes(v, fi.Index)
+}
+
+// FieldsByName returns a slice of values corresponding to the slice of names
+// for the value.  Panics if v's Kind is not Struct or v is not Indirectable
+// to a struct Kind.  Returns zero Value for each name not found.
+func (m *Mapper) FieldsByName(v reflect.Value, names []string) []reflect.Value {
+	v = reflect.Indirect(v)
+	mustBe(v, reflect.Struct)
+
+	tm := m.TypeMap(v.Type())
+	vals := make([]reflect.Value, 0, len(names))
+	for _, name := range names {
+		fi, ok := tm.Names[name]
+		if !ok {
+			vals = append(vals, *new(reflect.Value))
+		} else {
+			vals = append(vals, FieldByIndexes(v, fi.Index))
+		}
+	}
+	return vals
+}
+
+// TraversalsByName returns a slice of int slices which represent the struct
+// traversals for each mapped name.  Panics if t is not a struct or Indirectable
+// to a struct.  Returns empty int slice for each name not found.
+func (m *Mapper) TraversalsByName(t reflect.Type, names []string) [][]int {
+	r := make([][]int, 0, len(names))
+	m.TraversalsByNameFunc(t, names, func(_ int, i []int) error {
+		if i == nil {
+			r = append(r, []int{})
+		} else {
+			r = append(r, i)
+		}
+
+		return nil
+	})
+	return r
+}
+
+// TraversalsByNameFunc traverses the mapped names and calls fn with the index of
+// each name and the struct traversal represented by that name. Panics if t is not
+// a struct or Indirectable to a struct. Returns the first error returned by fn or nil.
+func (m *Mapper) TraversalsByNameFunc(t reflect.Type, names []string, fn func(int, []int) error) error {
+	t = Deref(t)
+	mustBe(t, reflect.Struct)
+	tm := m.TypeMap(t)
+	for i, name := range names {
+		fi, ok := tm.Names[name]
+		if !ok {
+			if err := fn(i, nil); err != nil {
+				return err
+			}
+		} else {
+			if err := fn(i, fi.Index); err != nil {
+				return err
+			}
+		}
+	}
+	return nil
+}
+
+// FieldByIndexes returns a value for the field given by the struct traversal
+// for the given value.
+func FieldByIndexes(v reflect.Value, indexes []int) reflect.Value {
+	for _, i := range indexes {
+		v = reflect.Indirect(v).Field(i)
+		// if this is a pointer and it's nil, allocate a new value and set it
+		if v.Kind() == reflect.Ptr && v.IsNil() {
+			alloc := reflect.New(Deref(v.Type()))
+			v.Set(alloc)
+		}
+		if v.Kind() == reflect.Map && v.IsNil() {
+			v.Set(reflect.MakeMap(v.Type()))
+		}
+	}
+	return v
+}
+
+// FieldByIndexesReadOnly returns a value for a particular struct traversal,
+// but is not concerned with allocating nil pointers because the value is
+// going to be used for reading and not setting.
+func FieldByIndexesReadOnly(v reflect.Value, indexes []int) reflect.Value {
+	for _, i := range indexes {
+		v = reflect.Indirect(v).Field(i)
+	}
+	return v
+}
+
+// Deref is Indirect for reflect.Types
+func Deref(t reflect.Type) reflect.Type {
+	if t.Kind() == reflect.Ptr {
+		t = t.Elem()
+	}
+	return t
+}
+
+// -- helpers & utilities --
+
+type kinder interface {
+	Kind() reflect.Kind
+}
+
+// mustBe checks a value against a kind, panicing with a reflect.ValueError
+// if the kind isn't that which is required.
+func mustBe(v kinder, expected reflect.Kind) {
+	if k := v.Kind(); k != expected {
+		panic(&reflect.ValueError{Method: methodName(), Kind: k})
+	}
+}
+
+// methodName returns the caller of the function calling methodName
+func methodName() string {
+	pc, _, _, _ := runtime.Caller(2)
+	f := runtime.FuncForPC(pc)
+	if f == nil {
+		return "unknown method"
+	}
+	return f.Name()
+}
+
+type typeQueue struct {
+	t  reflect.Type
+	fi *FieldInfo
+	pp string // Parent path
+}
+
+// A copying append that creates a new slice each time.
+func apnd(is []int, i int) []int {
+	x := make([]int, len(is)+1)
+	copy(x, is)
+	x[len(x)-1] = i
+	return x
+}
+
+type mapf func(string) string
+
+// parseName parses the tag and the target name for the given field using
+// the tagName (eg 'json' for `json:"foo"` tags), mapFunc for mapping the
+// field's name to a target name, and tagMapFunc for mapping the tag to
+// a target name.
+func parseName(field reflect.StructField, tagName string, mapFunc, tagMapFunc mapf) (tag, fieldName string) {
+	// first, set the fieldName to the field's name
+	fieldName = field.Name
+	// if a mapFunc is set, use that to override the fieldName
+	if mapFunc != nil {
+		fieldName = mapFunc(fieldName)
+	}
+
+	// if there's no tag to look for, return the field name
+	if tagName == "" {
+		return "", fieldName
+	}
+
+	// if this tag is not set using the normal convention in the tag,
+	// then return the fieldname..  this check is done because according
+	// to the reflect documentation:
+	//    If the tag does not have the conventional format,
+	//    the value returned by Get is unspecified.
+	// which doesn't sound great.
+	if !strings.Contains(string(field.Tag), tagName+":") {
+		return "", fieldName
+	}
+
+	// at this point we're fairly sure that we have a tag, so lets pull it out
+	tag = field.Tag.Get(tagName)
+
+	// if we have a mapper function, call it on the whole tag
+	// XXX: this is a change from the old version, which pulled out the name
+	// before the tagMapFunc could be run, but I think this is the right way
+	if tagMapFunc != nil {
+		tag = tagMapFunc(tag)
+	}
+
+	// finally, split the options from the name
+	parts := strings.Split(tag, ",")
+	fieldName = parts[0]
+
+	return tag, fieldName
+}
+
+// parseOptions parses options out of a tag string, skipping the name
+func parseOptions(tag string) map[string]string {
+	parts := strings.Split(tag, ",")
+	options := make(map[string]string, len(parts))
+	if len(parts) > 1 {
+		for _, opt := range parts[1:] {
+			// short circuit potentially expensive split op
+			if strings.Contains(opt, "=") {
+				kv := strings.Split(opt, "=")
+				options[kv[0]] = kv[1]
+				continue
+			}
+			options[opt] = ""
+		}
+	}
+	return options
+}
+
+// getMapping returns a mapping for the t type, using the tagName, mapFunc and
+// tagMapFunc to determine the canonical names of fields.
+func getMapping(t reflect.Type, tagName string, mapFunc, tagMapFunc mapf) *StructMap {
+	m := []*FieldInfo{}
+
+	root := &FieldInfo{}
+	queue := []typeQueue{}
+	queue = append(queue, typeQueue{Deref(t), root, ""})
+
+QueueLoop:
+	for len(queue) != 0 {
+		// pop the first item off of the queue
+		tq := queue[0]
+		queue = queue[1:]
+
+		// ignore recursive field
+		for p := tq.fi.Parent; p != nil; p = p.Parent {
+			if tq.fi.Field.Type == p.Field.Type {
+				continue QueueLoop
+			}
+		}
+
+		nChildren := 0
+		if tq.t.Kind() == reflect.Struct {
+			nChildren = tq.t.NumField()
+		}
+		tq.fi.Children = make([]*FieldInfo, nChildren)
+
+		// iterate through all of its fields
+		for fieldPos := 0; fieldPos < nChildren; fieldPos++ {
+
+			f := tq.t.Field(fieldPos)
+
+			// parse the tag and the target name using the mapping options for this field
+			tag, name := parseName(f, tagName, mapFunc, tagMapFunc)
+
+			// if the name is "-", disabled via a tag, skip it
+			if name == "-" {
+				continue
+			}
+
+			fi := FieldInfo{
+				Field:   f,
+				Name:    name,
+				Zero:    reflect.New(f.Type).Elem(),
+				Options: parseOptions(tag),
+			}
+
+			// if the path is empty this path is just the name
+			if tq.pp == "" {
+				fi.Path = fi.Name
+			} else {
+				fi.Path = tq.pp + "." + fi.Name
+			}
+
+			// skip unexported fields
+			if len(f.PkgPath) != 0 && !f.Anonymous {
+				continue
+			}
+
+			// bfs search of anonymous embedded structs
+			if f.Anonymous {
+				pp := tq.pp
+				if tag != "" {
+					pp = fi.Path
+				}
+
+				fi.Embedded = true
+				fi.Index = apnd(tq.fi.Index, fieldPos)
+				nChildren := 0
+				ft := Deref(f.Type)
+				if ft.Kind() == reflect.Struct {
+					nChildren = ft.NumField()
+				}
+				fi.Children = make([]*FieldInfo, nChildren)
+				queue = append(queue, typeQueue{Deref(f.Type), &fi, pp})
+			} else if fi.Zero.Kind() == reflect.Struct || (fi.Zero.Kind() == reflect.Ptr && fi.Zero.Type().Elem().Kind() == reflect.Struct) {
+				fi.Index = apnd(tq.fi.Index, fieldPos)
+				fi.Children = make([]*FieldInfo, Deref(f.Type).NumField())
+				queue = append(queue, typeQueue{Deref(f.Type), &fi, fi.Path})
+			}
+
+			fi.Index = apnd(tq.fi.Index, fieldPos)
+			fi.Parent = tq.fi
+			tq.fi.Children[fieldPos] = &fi
+			m = append(m, &fi)
+		}
+	}
+
+	flds := &StructMap{Index: m, Tree: root, Paths: map[string]*FieldInfo{}, Names: map[string]*FieldInfo{}}
+	for _, fi := range flds.Index {
+		// check if nothing has already been pushed with the same path
+		// sometimes you can choose to override a type using embedded struct
+		fld, ok := flds.Paths[fi.Path]
+		if !ok || fld.Embedded {
+			flds.Paths[fi.Path] = fi
+			if fi.Name != "" && !fi.Embedded {
+				flds.Names[fi.Path] = fi
+			}
+		}
+	}
+
+	return flds
+}

server/internal/db/domain/entity/db.go

@@ -9,19 +9,18 @@ import (
 type Db struct {
 	model.Model
 
-	Name      string `orm:"column(name)" json:"name"`
-	Type      string `orm:"column(type)" json:"type"` // 类型，mysql oracle等
-	Host      string `orm:"column(host)" json:"host"`
-	Port      int    `orm:"column(port)" json:"port"`
-	Network   string `orm:"column(network)" json:"network"`
-	Username  string `orm:"column(username)" json:"username"`
-	Password  string `orm:"column(password)" json:"-"`
-	Database  string `orm:"column(database)" json:"database"`
-	Params    string `json:"params"`
-	ProjectId uint64
-	Project   string
-	EnvId     uint64
-	Env       string
+	Name     string `orm:"column(name)" json:"name"`
+	Type     string `orm:"column(type)" json:"type"` // 类型，mysql oracle等
+	Host     string `orm:"column(host)" json:"host"`
+	Port     int    `orm:"column(port)" json:"port"`
+	Network  string `orm:"column(network)" json:"network"`
+	Username string `orm:"column(username)" json:"username"`
+	Password string `orm:"column(password)" json:"-"`
+	Database string `orm:"column(database)" json:"database"`
+	Params   string `json:"params"`
+	Remark   string `json:"remark"`
+	TagId    uint64
+	TagPath  string
 
 	EnableSshTunnel    int8   `orm:"column(enable_ssh_tunnel)" json:"enableSshTunnel"`        // 是否启用ssh隧道
 	SshTunnelMachineId uint64 `orm:"column(ssh_tunnel_machine_id)" json:"sshTunnelMachineId"` // ssh隧道机器id

server/internal/db/domain/entity/query.go

@@ -0,0 +1,24 @@
+package entity
+
+import "mayfly-go/pkg/model"
+
+// 数据库查询实体，不与数据库表字段一一对应
+type DbQuery struct {
+	model.Model
+
+	Name     string `orm:"column(name)" json:"name"`
+	Type     string `orm:"column(type)" json:"type"` // 类型，mysql oracle等
+	Host     string `orm:"column(host)" json:"host"`
+	Port     int    `orm:"column(port)" json:"port"`
+	Network  string `orm:"column(network)" json:"network"`
+	Username string `orm:"column(username)" json:"username"`
+	Password string `orm:"column(password)" json:"-"`
+	Database string `orm:"column(database)" json:"database"`
+	Params   string `json:"params"`
+	Remark   string `json:"remark"`
+	TagId    uint64
+
+	ProjectIds  []uint64
+	TagIds      []uint64
+	TagPathLike string
+}

server/internal/db/domain/repository/db.go

@@ -1,15 +1,15 @@
 package repository
 
 import (
-	"mayfly-go/internal/devops/domain/entity"
+	"mayfly-go/internal/db/domain/entity"
 	"mayfly-go/pkg/model"
 )
 
 type Db interface {
 	// 分页获取机器信息列表
-	GetDbList(condition *entity.Db, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult
+	GetDbList(condition *entity.DbQuery, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult
 
-	Count(condition *entity.Db) int64
+	Count(condition *entity.DbQuery) int64
 
 	// 根据条件获取账号信息
 	GetDb(condition *entity.Db, cols ...string) error

server/internal/db/domain/repository/db_sql.go

@@ -1,6 +1,6 @@
 package repository
 
-import "mayfly-go/internal/devops/domain/entity"
+import "mayfly-go/internal/db/domain/entity"
 
 type DbSql interface {
 	DeleteBy(condition *entity.DbSql)

server/internal/db/domain/repository/db_sql_exec.go

@@ -1,7 +1,7 @@
 package repository
 
 import (
-	"mayfly-go/internal/devops/domain/entity"
+	"mayfly-go/internal/db/domain/entity"
 	"mayfly-go/pkg/model"
 )
 

server/internal/db/infrastructure/persistence/db.go

@@ -0,0 +1,74 @@
+package persistence
+
+import (
+	"fmt"
+	"mayfly-go/internal/db/domain/entity"
+	"mayfly-go/internal/db/domain/repository"
+	"mayfly-go/pkg/biz"
+	"mayfly-go/pkg/model"
+	"mayfly-go/pkg/utils"
+	"strings"
+)
+
+type dbRepoImpl struct{}
+
+func newDbRepo() repository.Db {
+	return new(dbRepoImpl)
+}
+
+// 分页获取数据库信息列表
+func (d *dbRepoImpl) GetDbList(condition *entity.DbQuery, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
+	sql := "SELECT d.* FROM t_db d WHERE 1 = 1 "
+	if condition.Host != "" {
+		sql = sql + " AND d.host LIKE '%" + condition.Host + "%'"
+	}
+	if condition.Database != "" {
+		sql = sql + " AND d.database LIKE '%" + condition.Database + "%'"
+	}
+	if len(condition.TagIds) > 0 {
+		sql = sql + " AND d.tag_id IN " + fmt.Sprintf("(%s)", strings.Join(utils.NumberArr2StrArr(condition.TagIds), ","))
+	}
+	if condition.TagPathLike != "" {
+		sql = sql + " AND d.tag_path LIKE '" + condition.TagPathLike + "%'"
+	}
+	sql = sql + " ORDER BY d.create_time DESC"
+	return model.GetPageBySql(sql, pageParam, toEntity)
+}
+
+func (d *dbRepoImpl) Count(condition *entity.DbQuery) int64 {
+	where := make(map[string]interface{})
+	if len(condition.TagIds) > 0 {
+		where["tag_id"] = condition.TagIds
+	}
+	if condition.TagId != 0 {
+		where["tag_id"] = condition.TagId
+	}
+	return model.CountByMap(new(entity.Db), where)
+}
+
+// 根据条件获取账号信息
+func (d *dbRepoImpl) GetDb(condition *entity.Db, cols ...string) error {
+	return model.GetBy(condition, cols...)
+}
+
+// 根据id获取
+func (d *dbRepoImpl) GetById(id uint64, cols ...string) *entity.Db {
+	db := new(entity.Db)
+	if err := model.GetById(db, id, cols...); err != nil {
+		return nil
+
+	}
+	return db
+}
+
+func (d *dbRepoImpl) Insert(db *entity.Db) {
+	biz.ErrIsNil(model.Insert(db), "新增数据库信息失败")
+}
+
+func (d *dbRepoImpl) Update(db *entity.Db) {
+	biz.ErrIsNil(model.UpdateById(db), "更新数据库信息失败")
+}
+
+func (d *dbRepoImpl) Delete(id uint64) {
+	model.DeleteById(new(entity.Db), id)
+}

server/internal/db/infrastructure/persistence/db_sql.go

@@ -0,0 +1,19 @@
+package persistence
+
+import (
+	"mayfly-go/internal/db/domain/entity"
+	"mayfly-go/internal/db/domain/repository"
+	"mayfly-go/pkg/biz"
+	"mayfly-go/pkg/model"
+)
+
+type dbSqlRepoImpl struct{}
+
+func newDbSqlRepo() repository.DbSql {
+	return new(dbSqlRepoImpl)
+}
+
+// 分页获取数据库信息列表
+func (d *dbSqlRepoImpl) DeleteBy(condition *entity.DbSql) {
+	biz.ErrIsNil(model.DeleteByCondition(condition), "删除sql失败")
+}

server/internal/db/infrastructure/persistence/db_sql_exec.go

@@ -0,0 +1,27 @@
+package persistence
+
+import (
+	"mayfly-go/internal/db/domain/entity"
+	"mayfly-go/internal/db/domain/repository"
+	"mayfly-go/pkg/biz"
+	"mayfly-go/pkg/model"
+)
+
+type dbSqlExecRepoImpl struct{}
+
+func newDbSqlExecRepo() repository.DbSqlExec {
+	return new(dbSqlExecRepoImpl)
+}
+
+func (d *dbSqlExecRepoImpl) Insert(dse *entity.DbSqlExec) {
+	model.Insert(dse)
+}
+
+func (d *dbSqlExecRepoImpl) DeleteBy(condition *entity.DbSqlExec) {
+	biz.ErrIsNil(model.DeleteByCondition(condition), "删除sql执行记录失败")
+}
+
+// 分页获取
+func (d *dbSqlExecRepoImpl) GetPageList(condition *entity.DbSqlExec, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
+	return model.GetPage(pageParam, condition, condition, toEntity, orderBy...)
+}

server/internal/db/infrastructure/persistence/persistence.go

@@ -0,0 +1,21 @@
+package persistence
+
+import "mayfly-go/internal/db/domain/repository"
+
+var (
+	dbRepo        repository.Db        = newDbRepo()
+	dbSqlRepo     repository.DbSql     = newDbSqlRepo()
+	dbSqlExecRepo repository.DbSqlExec = newDbSqlExecRepo()
+)
+
+func GetDbRepo() repository.Db {
+	return dbRepo
+}
+
+func GetDbSqlRepo() repository.DbSql {
+	return dbSqlRepo
+}
+
+func GetDbSqlExecRepo() repository.DbSqlExec {
+	return dbSqlExecRepo
+}

server/internal/db/router/db.go

@@ -1,9 +1,10 @@
 package router
 
 import (
-	"mayfly-go/internal/devops/api"
-	"mayfly-go/internal/devops/application"
-	sysApplication "mayfly-go/internal/sys/application"
+	"mayfly-go/internal/db/api"
+	"mayfly-go/internal/db/application"
+	sysapp "mayfly-go/internal/sys/application"
+	tagapp "mayfly-go/internal/tag/application"
 	"mayfly-go/pkg/ctx"
 
 	"github.com/gin-gonic/gin"
@@ -13,10 +14,10 @@ func InitDbRouter(router *gin.RouterGroup) {
 	db := router.Group("dbs")
 	{
 		d := &api.Db{
-			DbApp:        application.DbApp,
-			DbSqlExecApp: application.DbSqlExecApp,
-			MsgApp:       sysApplication.MsgApp,
-			ProjectApp:   application.ProjectApp,
+			DbApp:        application.GetDbApp(),
+			DbSqlExecApp: application.GetDbSqlExecApp(),
+			MsgApp:       sysapp.GetMsgApp(),
+			TagApp:       tagapp.GetTagTreeApp(),
 		}
 		// 获取所有数据库列表
 		db.GET("", func(c *gin.Context) {

server/internal/db/router/db_sql_exec.go

@@ -1,8 +1,8 @@
 package router
 
 import (
-	"mayfly-go/internal/devops/api"
-	"mayfly-go/internal/devops/application"
+	"mayfly-go/internal/db/api"
+	"mayfly-go/internal/db/application"
 	"mayfly-go/pkg/ctx"
 
 	"github.com/gin-gonic/gin"
@@ -12,7 +12,7 @@ func InitDbSqlExecRouter(router *gin.RouterGroup) {
 	db := router.Group("/dbs/:dbId/sql-execs")
 	{
 		d := &api.DbSqlExec{
-			DbSqlExecApp: application.DbSqlExecApp,
+			DbSqlExecApp: application.GetDbSqlExecApp(),
 		}
 		// 获取所有数据库sql执行记录列表
 		db.GET("", func(c *gin.Context) {

server/internal/db/router/router.go

@@ -0,0 +1,8 @@
+package router
+
+import "github.com/gin-gonic/gin"
+
+func Init(router *gin.RouterGroup) {
+	InitDbRouter(router)
+	InitDbSqlExecRouter(router)
+}

server/internal/devops/api/form/db.go

@@ -1,34 +0,0 @@
-package form
-
-type DbForm struct {
-	Id        uint64
-	Name      string `binding:"required" json:"name"`
-	Type      string `binding:"required" json:"type"` // 类型，mysql oracle等
-	Host      string `binding:"required" json:"host"`
-	Port      int    `binding:"required" json:"port"`
-	Username  string `binding:"required" json:"username"`
-	Password  string `json:"password"`
-	Params    string `json:"params"`
-	Database  string `json:"database"`
-	ProjectId uint64 `binding:"required" json:"projectId"`
-	Project   string `json:"project"`
-	Env       string `json:"env"`
-	EnvId     uint64 `binding:"required" json:"envId"`
-
-	EnableSshTunnel    int8   `json:"enableSshTunnel"`
-	SshTunnelMachineId uint64 `json:"sshTunnelMachineId"`
-}
-
-type DbSqlSaveForm struct {
-	Name string
-	Sql  string `binding:"required"`
-	Type int    `binding:"required"`
-	Db   string `binding:"required"`
-}
-
-// 数据库SQL执行表单
-type DbSqlExecForm struct {
-	Db     string `binding:"required" json:"db"`  //数据库名
-	Sql    string `binding:"required" json:"sql"` // 执行sql
-	Remark string `json:"remark"`                 // 执行备注
-}

server/internal/devops/api/project.go

@@ -1,106 +0,0 @@
-package api
-
-import (
-	"fmt"
-	"mayfly-go/internal/devops/api/vo"
-	"mayfly-go/internal/devops/application"
-	"mayfly-go/internal/devops/domain/entity"
-	sys_applicaiton "mayfly-go/internal/sys/application"
-	sys_entity "mayfly-go/internal/sys/domain/entity"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/ctx"
-	"mayfly-go/pkg/ginx"
-)
-
-type Project struct {
-	ProjectApp application.Project
-	AccountApp sys_applicaiton.Account
-}
-
-// 获取当前登录用户可以访问的项目列表
-func (p *Project) GetProjectsByLoginAccount(rc *ctx.ReqCtx) {
-	// 获取登录用户拥有的项目ids
-	projectMembers := &[]entity.ProjectMember{}
-	p.ProjectApp.ListMember(&entity.ProjectMember{AccountId: rc.LoginAccount.Id}, projectMembers)
-	var pids []uint64
-	for _, pm := range *projectMembers {
-		pids = append(pids, pm.ProjectId)
-	}
-
-	// 获取项目信息
-	projects := &vo.AccountProjects{}
-	p.ProjectApp.ListProjectByIds(pids, projects)
-	rc.ResData = projects
-}
-
-func (p *Project) GetProjects(rc *ctx.ReqCtx) {
-	condition := &entity.Project{}
-	ginx.BindQuery(rc.GinCtx, condition)
-	// condition.Name = rc.GinCtx.Query("name")
-	rc.ResData = p.ProjectApp.GetPageList(condition, ginx.GetPageParam(rc.GinCtx), new([]entity.Project))
-}
-
-func (p *Project) SaveProject(rc *ctx.ReqCtx) {
-	project := &entity.Project{}
-	ginx.BindJsonAndValid(rc.GinCtx, project)
-
-	rc.ReqParam = fmt.Sprintf("projectId: %d, projectName: %s, remark: %s", project.Id, project.Name, project.Remark)
-
-	project.SetBaseInfo(rc.LoginAccount)
-	p.ProjectApp.SaveProject(project)
-}
-
-func (p *Project) DelProject(rc *ctx.ReqCtx) {
-	p.ProjectApp.DelProject(uint64(ginx.QueryInt(rc.GinCtx, "id", 0)))
-}
-
-// 获取项目下的环境信息
-func (p *Project) GetProjectEnvs(rc *ctx.ReqCtx) {
-	projectEnvs := &[]entity.ProjectEnv{}
-	p.ProjectApp.ListEnvByProjectId(uint64(ginx.PathParamInt(rc.GinCtx, "projectId")), projectEnvs)
-	rc.ResData = projectEnvs
-}
-
-//保存项目下的环境信息
-func (p *Project) SaveProjectEnvs(rc *ctx.ReqCtx) {
-	projectEnv := &entity.ProjectEnv{}
-	ginx.BindJsonAndValid(rc.GinCtx, projectEnv)
-	rc.ReqParam = projectEnv
-
-	projectEnv.SetBaseInfo(rc.LoginAccount)
-	p.ProjectApp.SaveProjectEnv(projectEnv)
-}
-
-// 获取项目下的成员信息
-func (p *Project) GetProjectMembers(rc *ctx.ReqCtx) {
-	projectMems := &[]entity.ProjectMember{}
-	rc.ResData = p.ProjectApp.GetMemberPage(&entity.ProjectMember{ProjectId: uint64(ginx.PathParamInt(rc.GinCtx, "projectId"))},
-		ginx.GetPageParam(rc.GinCtx), projectMems)
-}
-
-//保存项目的成员信息
-func (p *Project) SaveProjectMember(rc *ctx.ReqCtx) {
-	projectMem := &entity.ProjectMember{}
-	ginx.BindJsonAndValid(rc.GinCtx, projectMem)
-
-	rc.ReqParam = fmt.Sprintf("projectId: %d, username: %s", projectMem.ProjectId, projectMem.Username)
-
-	// 校验账号，并赋值username
-	account := &sys_entity.Account{}
-	account.Id = projectMem.AccountId
-	biz.ErrIsNil(p.AccountApp.GetAccount(account, "Id", "Username"), "账号不存在")
-	projectMem.Username = account.Username
-
-	projectMem.SetBaseInfo(rc.LoginAccount)
-	p.ProjectApp.SaveProjectMember(projectMem)
-}
-
-//删除项目成员
-func (p *Project) DelProjectMember(rc *ctx.ReqCtx) {
-	g := rc.GinCtx
-	pid := ginx.PathParamInt(g, "projectId")
-	aid := ginx.PathParamInt(g, "accountId")
-	rc.ReqParam = fmt.Sprintf("projectId: %d, accountId: %d", pid, aid)
-
-	p.ProjectApp.DeleteMember(uint64(pid), uint64(aid))
-}

server/internal/devops/application/db_app.go

@@ -1,714 +0,0 @@
-package application
-
-import (
-	"context"
-	"database/sql"
-	"errors"
-	"fmt"
-	"mayfly-go/internal/constant"
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/internal/devops/infrastructure/machine"
-	"mayfly-go/internal/devops/infrastructure/persistence"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/cache"
-	"mayfly-go/pkg/global"
-	"mayfly-go/pkg/model"
-	"mayfly-go/pkg/utils"
-	"net"
-	"reflect"
-	"strconv"
-	"strings"
-	"sync"
-	"time"
-
-	"github.com/go-sql-driver/mysql"
-	"github.com/lib/pq"
-)
-
-type Db interface {
-	// 分页获取
-	GetPageList(condition *entity.Db, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult
-
-	Count(condition *entity.Db) int64
-
-	// 根据条件获取
-	GetDbBy(condition *entity.Db, cols ...string) error
-
-	// 根据id获取
-	GetById(id uint64, cols ...string) *entity.Db
-
-	Save(entity *entity.Db)
-
-	// 删除数据库信息
-	Delete(id uint64)
-
-	// 获取数据库连接实例
-	// @param id 数据库实例id
-	// @param db 数据库
-	GetDbInstance(id uint64, db string) *DbInstance
-
-	// 获取数据库实例的所有数据库列表
-	GetDatabases(entity *entity.Db) []string
-}
-
-type dbAppImpl struct {
-	dbRepo    repository.Db
-	dbSqlRepo repository.DbSql
-}
-
-var DbApp Db = &dbAppImpl{
-	dbRepo:    persistence.DbDao,
-	dbSqlRepo: persistence.DbSqlDao,
-}
-
-// 分页获取数据库信息列表
-func (d *dbAppImpl) GetPageList(condition *entity.Db, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	return d.dbRepo.GetDbList(condition, pageParam, toEntity, orderBy...)
-}
-
-func (d *dbAppImpl) Count(condition *entity.Db) int64 {
-	return d.dbRepo.Count(condition)
-}
-
-// 根据条件获取
-func (d *dbAppImpl) GetDbBy(condition *entity.Db, cols ...string) error {
-	return d.dbRepo.GetDb(condition, cols...)
-}
-
-// 根据id获取
-func (d *dbAppImpl) GetById(id uint64, cols ...string) *entity.Db {
-	return d.dbRepo.GetById(id, cols...)
-}
-
-func (d *dbAppImpl) Save(dbEntity *entity.Db) {
-	// 默认tcp连接
-	dbEntity.Network = dbEntity.GetNetwork()
-
-	// 测试连接
-	if dbEntity.Password != "" {
-		TestConnection(dbEntity)
-	}
-
-	// 查找是否存在该库
-	oldDb := &entity.Db{Host: dbEntity.Host, Port: dbEntity.Port, EnvId: dbEntity.EnvId}
-	err := d.GetDbBy(oldDb)
-
-	if dbEntity.Id == 0 {
-		biz.NotEmpty(dbEntity.Password, "密码不能为空")
-		biz.IsTrue(err != nil, "该数据库实例已存在")
-		dbEntity.PwdEncrypt()
-		d.dbRepo.Insert(dbEntity)
-		return
-	}
-
-	// 如果存在该库，则校验修改的库是否为该库
-	if err == nil {
-		biz.IsTrue(oldDb.Id == dbEntity.Id, "该数据库实例已存在")
-	}
-
-	dbId := dbEntity.Id
-	old := d.GetById(dbId)
-
-	var oldDbs []interface{}
-	for _, v := range strings.Split(old.Database, " ") {
-		// 关闭数据库连接
-		CloseDb(dbEntity.Id, v)
-		oldDbs = append(oldDbs, v)
-	}
-
-	var newDbs []interface{}
-	for _, v := range strings.Split(dbEntity.Database, " ") {
-		newDbs = append(newDbs, v)
-	}
-	// 比较新旧数据库列表，需要将移除的数据库相关联的信息删除
-	_, delDb, _ := utils.ArrayCompare(newDbs, oldDbs, func(i1, i2 interface{}) bool {
-		return i1.(string) == i2.(string)
-	})
-	for _, v := range delDb {
-		// 删除该库关联的所有sql记录
-		d.dbSqlRepo.DeleteBy(&entity.DbSql{DbId: dbId, Db: v.(string)})
-	}
-
-	dbEntity.PwdEncrypt()
-	d.dbRepo.Update(dbEntity)
-}
-
-func (d *dbAppImpl) Delete(id uint64) {
-	db := d.GetById(id)
-	dbs := strings.Split(db.Database, " ")
-	for _, v := range dbs {
-		// 关闭连接
-		CloseDb(id, v)
-	}
-	d.dbRepo.Delete(id)
-	// 删除该库下用户保存的所有sql信息
-	d.dbSqlRepo.DeleteBy(&entity.DbSql{DbId: id})
-}
-
-func (d *dbAppImpl) GetDatabases(ed *entity.Db) []string {
-	ed.Network = ed.GetNetwork()
-	databases := make([]string, 0)
-	var dbConn *sql.DB
-	var metaDb string
-	var getDatabasesSql string
-	if ed.Type == entity.DbTypeMysql {
-		metaDb = "information_schema"
-		getDatabasesSql = "SELECT SCHEMA_NAME AS dbname FROM SCHEMATA"
-	} else {
-		metaDb = "postgres"
-		getDatabasesSql = "SELECT datname AS dbname FROM pg_database"
-	}
-
-	dbConn, err := GetDbConn(ed, metaDb)
-	biz.ErrIsNilAppendErr(err, "数据库连接失败: %s")
-	defer dbConn.Close()
-
-	_, res, err := SelectDataByDb(dbConn, getDatabasesSql)
-	biz.ErrIsNilAppendErr(err, "获取数据库列表失败")
-	for _, re := range res {
-		databases = append(databases, re["dbname"].(string))
-	}
-	return databases
-}
-
-var mutex sync.Mutex
-
-func (da *dbAppImpl) GetDbInstance(id uint64, db string) *DbInstance {
-	// Id不为0，则为需要缓存
-	needCache := id != 0
-	if needCache {
-		load, ok := dbCache.Get(GetDbCacheKey(id, db))
-		if ok {
-			return load.(*DbInstance)
-		}
-	}
-	mutex.Lock()
-	defer mutex.Unlock()
-
-	d := da.GetById(id)
-	// 密码解密
-	d.PwdDecrypt()
-	biz.NotNil(d, "数据库信息不存在")
-	biz.IsTrue(strings.Contains(d.Database, db), "未配置该库的操作权限")
-
-	cacheKey := GetDbCacheKey(id, db)
-	dbi := &DbInstance{Id: cacheKey, Type: d.Type, ProjectId: d.ProjectId, sshTunnelMachineId: d.SshTunnelMachineId}
-
-	DB, err := GetDbConn(d, db)
-	if err != nil {
-		dbi.Close()
-		global.Log.Errorf("连接db失败: %s:%d/%s", d.Host, d.Port, db)
-		panic(biz.NewBizErr(fmt.Sprintf("数据库连接失败: %s", err.Error())))
-	}
-
-	// 最大连接周期，超过时间的连接就close
-	// DB.SetConnMaxLifetime(100 * time.Second)
-	// 设置最大连接数
-	DB.SetMaxOpenConns(2)
-	// 设置闲置连接数
-	DB.SetMaxIdleConns(1)
-
-	dbi.db = DB
-	global.Log.Infof("连接db: %s:%d/%s", d.Host, d.Port, db)
-	if needCache {
-		dbCache.Put(cacheKey, dbi)
-	}
-	return dbi
-}
-
-//------------------------------------------------------------------------------
-
-// 单次最大查询数据集
-const Max_Rows = 2000
-
-// 客户端连接缓存，指定时间内没有访问则会被关闭, key为数据库实例id:数据库
-var dbCache = cache.NewTimedCache(constant.DbConnExpireTime, 5*time.Second).
-	WithUpdateAccessTime(true).
-	OnEvicted(func(key interface{}, value interface{}) {
-		global.Log.Info(fmt.Sprintf("删除db连接缓存 id = %s", key))
-		value.(*DbInstance).Close()
-	})
-
-func init() {
-	machine.AddCheckSshTunnelMachineUseFunc(func(machineId uint64) bool {
-		// 遍历所有db连接实例，若存在redis实例使用该ssh隧道机器，则返回true，表示还在使用中...
-		items := dbCache.Items()
-		for _, v := range items {
-			if v.Value.(*DbInstance).sshTunnelMachineId == machineId {
-				return true
-			}
-		}
-		return false
-	})
-}
-
-func GetDbCacheKey(dbId uint64, db string) string {
-	return fmt.Sprintf("%d:%s", dbId, db)
-}
-
-func GetDbInstanceByCache(id string) *DbInstance {
-	if load, ok := dbCache.Get(id); ok {
-		return load.(*DbInstance)
-	}
-	return nil
-}
-
-func TestConnection(d *entity.Db) {
-	// 验证第一个库是否可以连接即可
-	DB, err := GetDbConn(d, strings.Split(d.Database, " ")[0])
-	biz.ErrIsNilAppendErr(err, "数据库连接失败: %s")
-	defer DB.Close()
-}
-
-// 获取数据库连接
-func GetDbConn(d *entity.Db, db string) (*sql.DB, error) {
-	// SSH Conect
-	if d.EnableSshTunnel == 1 && d.SshTunnelMachineId != 0 {
-		sshTunnelMachine := MachineApp.GetSshTunnelMachine(d.SshTunnelMachineId)
-		if d.Type == entity.DbTypeMysql {
-			mysql.RegisterDialContext(d.Network, func(ctx context.Context, addr string) (net.Conn, error) {
-				return sshTunnelMachine.GetDialConn("tcp", addr)
-			})
-		} else if d.Type == entity.DbTypePostgres {
-			_, err := pq.DialOpen(&PqSqlDialer{sshTunnelMachine: sshTunnelMachine}, getDsn(d, db))
-			if err != nil {
-				panic(biz.NewBizErr(fmt.Sprintf("postgres隧道连接失败: %s", err.Error())))
-			}
-		}
-	}
-
-	DB, err := sql.Open(d.Type, getDsn(d, db))
-	if err != nil {
-		return nil, err
-	}
-	err = DB.Ping()
-	if err != nil {
-		DB.Close()
-		return nil, err
-	}
-
-	return DB, nil
-}
-
-func SelectDataByDb(db *sql.DB, selectSql string) ([]string, []map[string]interface{}, error) {
-	rows, err := db.Query(selectSql)
-	if err != nil {
-		return nil, nil, err
-	}
-	// rows对象一定要close掉，如果出错，不关掉则会很迅速的达到设置最大连接数，
-	// 后面的链接过来直接报错或拒绝，实际上也没有起效果
-	defer func() {
-		if rows != nil {
-			rows.Close()
-		}
-	}()
-	colTypes, _ := rows.ColumnTypes()
-	// 这里表示一行填充数据
-	scans := make([]interface{}, len(colTypes))
-	// 这里表示一行所有列的值，用[]byte表示
-	vals := make([][]byte, len(colTypes))
-	// 这里scans引用vals，把数据填充到[]byte里
-	for k := range vals {
-		scans[k] = &vals[k]
-	}
-
-	result := make([]map[string]interface{}, 0)
-	// 列名用于前端表头名称按照数据库与查询字段顺序显示
-	colNames := make([]string, 0)
-	// 是否第一次遍历，列名数组只需第一次遍历时加入
-	isFirst := true
-	rowNum := 0
-	for rows.Next() {
-		rowNum++
-		biz.IsTrue(rowNum <= Max_Rows, "结果集 > 2000, 请完善条件或分页信息")
-
-		// 不Scan也会导致等待，该链接实际处于未工作的状态，然后也会导致连接数迅速达到最大
-		err := rows.Scan(scans...)
-		if err != nil {
-			return nil, nil, err
-		}
-		// 每行数据
-		rowData := make(map[string]interface{})
-		// 把vals中的数据复制到row中
-		for i, v := range vals {
-			colType := colTypes[i]
-			colName := colType.Name()
-			// 字段类型名
-			colScanType := colType.ScanType().Name()
-			// 如果是第一行，则将列名加入到列信息中，由于map是无序的，所有需要返回列名的有序数组
-			if isFirst {
-				colNames = append(colNames, colName)
-			}
-			if v == nil {
-				rowData[colName] = nil
-				continue
-			}
-			// 这里把[]byte数据转成string
-			stringV := string(v)
-			if stringV == "" {
-				rowData[colName] = stringV
-				continue
-			}
-			if strings.Contains(colScanType, "int") || strings.Contains(colScanType, "Int") {
-				intV, _ := strconv.Atoi(stringV)
-				switch colType.ScanType().Kind() {
-				case reflect.Int8:
-					rowData[colName] = int8(intV)
-				case reflect.Uint8:
-					rowData[colName] = uint8(intV)
-				case reflect.Int64:
-					rowData[colName] = int64(intV)
-				case reflect.Uint64:
-					rowData[colName] = uint64(intV)
-				case reflect.Uint:
-					rowData[colName] = uint(intV)
-				default:
-					rowData[colName] = intV
-				}
-				continue
-			}
-			if strings.Contains(colScanType, "float") || strings.Contains(colScanType, "Float") {
-				floatV, _ := strconv.ParseFloat(stringV, 64)
-				rowData[colName] = floatV
-			} else {
-				rowData[colName] = stringV
-			}
-		}
-		// 放入结果集
-		result = append(result, rowData)
-		isFirst = false
-	}
-	return colNames, result, nil
-}
-
-type PqSqlDialer struct {
-	sshTunnelMachine *machine.SshTunnelMachine
-}
-
-func (pd *PqSqlDialer) Dial(network, address string) (net.Conn, error) {
-	if sshConn, err := pd.sshTunnelMachine.GetDialConn("tcp", address); err == nil {
-		// 将ssh conn包装，否则redis内部设置超时会报错,ssh conn不支持设置超时会返回错误: ssh: tcpChan: deadline not supported
-		return &utils.WrapSshConn{Conn: sshConn}, nil
-	} else {
-		return nil, err
-	}
-}
-func (pd *PqSqlDialer) DialTimeout(network, address string, timeout time.Duration) (net.Conn, error) {
-	return pd.Dial(network, address)
-}
-
-// db实例
-type DbInstance struct {
-	Id                 string
-	Type               string
-	ProjectId          uint64
-	db                 *sql.DB
-	sshTunnelMachineId uint64
-}
-
-// 执行查询语句
-// 依次返回 列名数组，结果map，错误
-func (d *DbInstance) SelectData(execSql string) ([]string, []map[string]interface{}, error) {
-	execSql = strings.Trim(execSql, " ")
-	isSelect := strings.HasPrefix(execSql, "SELECT") || strings.HasPrefix(execSql, "select")
-	isShow := strings.HasPrefix(execSql, "show")
-	isExplain := strings.HasPrefix(execSql, "explain")
-
-	if !isSelect && !isShow && !isExplain {
-		return nil, nil, errors.New("该sql非查询语句")
-	}
-	return SelectDataByDb(d.db, execSql)
-}
-
-// 执行 update, insert, delete，建表等sql
-// 返回影响条数和错误
-func (d *DbInstance) Exec(sql string) (int64, error) {
-	res, err := d.db.Exec(sql)
-	if err != nil {
-		return 0, err
-	}
-	return res.RowsAffected()
-}
-
-// 获取数据库元信息实现接口
-func (di *DbInstance) GetMeta() DbMetadata {
-	dbType := di.Type
-	if dbType == entity.DbTypeMysql {
-		return &MysqlMetadata{di: di}
-	}
-	if dbType == entity.DbTypePostgres {
-		return &PgsqlMetadata{di: di}
-	}
-	return nil
-}
-
-// 关闭连接
-func (d *DbInstance) Close() {
-	if d.db != nil {
-		if err := d.db.Close(); err != nil {
-			global.Log.Errorf("关闭数据库实例[%s]连接失败: %s", d.Id, err.Error())
-		}
-		d.db = nil
-	}
-}
-
-// 获取dataSourceName
-func getDsn(d *entity.Db, db string) string {
-	var dsn string
-	if d.Type == entity.DbTypeMysql {
-		dsn = fmt.Sprintf("%s:%s@%s(%s:%d)/%s?timeout=8s", d.Username, d.Password, d.Network, d.Host, d.Port, db)
-		if d.Params != "" {
-			dsn = fmt.Sprintf("%s&%s", dsn, d.Params)
-		}
-		return dsn
-	}
-
-	if d.Type == entity.DbTypePostgres {
-		dsn = fmt.Sprintf("host=%s port=%d user=%s password=%s dbname=%s sslmode=disable", d.Host, d.Port, d.Username, d.Password, db)
-		if d.Params != "" {
-			dsn = fmt.Sprintf("%s %s", dsn, strings.Join(strings.Split(d.Params, "&"), " "))
-		}
-		return dsn
-	}
-	return ""
-}
-
-// 删除db缓存并关闭该数据库所有连接
-func CloseDb(dbId uint64, db string) {
-	dbCache.Delete(GetDbCacheKey(dbId, db))
-}
-
-// -----------------------------------元数据-------------------------------------------
-// 数据库元信息接口（表、列等元信息）
-type DbMetadata interface {
-	// 获取表基础元信息, 如表名等
-	GetTables() []map[string]interface{}
-
-	// 获取列元信息, 如列名等
-	GetColumns(tableNames ...string) []map[string]interface{}
-
-	// 获取表主键字段名，默认第一个字段
-	GetPrimaryKey(tablename string) string
-
-	// 获取表信息，比GetTables获取更详细的表信息
-	GetTableInfos() []map[string]interface{}
-
-	// 获取表索引信息
-	GetTableIndex(tableName string) []map[string]interface{}
-
-	// 获取建表ddl
-	GetCreateTableDdl(tableName string) []map[string]interface{}
-}
-
-// 默认每次查询列元信息数量
-const DEFAULT_COLUMN_SIZE = 2000
-
-// ---------------------------------- mysql元数据 -----------------------------------
-const (
-	// mysql 表信息元数据
-	MYSQL_TABLE_MA = `SELECT table_name tableName, engine, table_comment tableComment, 
-	create_time createTime from information_schema.tables
-	WHERE table_schema = (SELECT database()) LIMIT 2000`
-
-	// mysql 表信息
-	MYSQL_TABLE_INFO = `SELECT table_name tableName, table_comment tableComment, table_rows tableRows,
-	data_length dataLength, index_length indexLength, create_time createTime 
-	FROM information_schema.tables 
-    WHERE table_schema = (SELECT database()) LIMIT 2000`
-
-	// mysql 索引信息
-	MYSQL_INDEX_INFO = `SELECT index_name indexName, column_name columnName, index_type indexType,
-	SEQ_IN_INDEX seqInIndex, INDEX_COMMENT indexComment
-	FROM information_schema.STATISTICS 
-    WHERE table_schema = (SELECT database()) AND table_name = '%s' LIMIT 500`
-
-	// mysql 列信息元数据
-	MYSQL_COLUMN_MA = `SELECT table_name tableName, column_name columnName, column_type columnType,
-	column_comment columnComment, column_key columnKey, extra, is_nullable nullable from information_schema.columns
-	WHERE table_name in (%s) AND table_schema = (SELECT database()) ORDER BY tableName, ordinal_position LIMIT %d, %d`
-
-	// mysql 列信息元数据总数
-	MYSQL_COLOUMN_MA_COUNT = `SELECT COUNT(*) maNum from information_schema.columns
-	WHERE table_name in (%s) AND table_schema = (SELECT database())`
-)
-
-type MysqlMetadata struct {
-	di *DbInstance
-}
-
-// 获取表基础元信息, 如表名等
-func (mm *MysqlMetadata) GetTables() []map[string]interface{} {
-	_, res, _ := mm.di.SelectData(MYSQL_TABLE_MA)
-	return res
-}
-
-// 获取列元信息, 如列名等
-func (mm *MysqlMetadata) GetColumns(tableNames ...string) []map[string]interface{} {
-	var sql, tableName string
-	for i := 0; i < len(tableNames); i++ {
-		if i != 0 {
-			tableName = tableName + ", "
-		}
-		tableName = tableName + "'" + tableNames[i] + "'"
-	}
-
-	pageNum := 1
-	// 如果大于一个表，则统计列数并分页获取
-	if len(tableNames) > 1 {
-		countSql := fmt.Sprintf(MYSQL_COLOUMN_MA_COUNT, tableName)
-		_, countRes, _ := mm.di.SelectData(countSql)
-		// 查询出所有列信息总数，手动分页获取所有数据
-		maCount := int(countRes[0]["maNum"].(int64))
-		// 计算需要查询的页数
-		pageNum = maCount / DEFAULT_COLUMN_SIZE
-		if maCount%DEFAULT_COLUMN_SIZE > 0 {
-			pageNum++
-		}
-	}
-
-	res := make([]map[string]interface{}, 0)
-	for index := 0; index < pageNum; index++ {
-		sql = fmt.Sprintf(MYSQL_COLUMN_MA, tableName, index*DEFAULT_COLUMN_SIZE, DEFAULT_COLUMN_SIZE)
-		_, result, err := mm.di.SelectData(sql)
-		biz.ErrIsNilAppendErr(err, "获取数据库列信息失败: %s")
-		res = append(res, result...)
-	}
-	return res
-}
-
-// 获取表主键字段名，默认第一个字段
-func (mm *MysqlMetadata) GetPrimaryKey(tablename string) string {
-	return mm.GetColumns(tablename)[0]["columnName"].(string)
-}
-
-// 获取表信息，比GetTableMetedatas获取更详细的表信息
-func (mm *MysqlMetadata) GetTableInfos() []map[string]interface{} {
-	_, res, _ := mm.di.SelectData(MYSQL_TABLE_INFO)
-	return res
-}
-
-// 获取表索引信息
-func (mm *MysqlMetadata) GetTableIndex(tableName string) []map[string]interface{} {
-	_, res, _ := mm.di.SelectData(MYSQL_INDEX_INFO)
-	return res
-}
-
-// 获取建表ddl
-func (mm *MysqlMetadata) GetCreateTableDdl(tableName string) []map[string]interface{} {
-	_, res, _ := mm.di.SelectData(fmt.Sprintf("show create table %s ", tableName))
-	return res
-}
-
-// ---------------------------------- pgsql元数据 -----------------------------------
-const (
-	// postgres 表信息元数据
-	PGSQL_TABLE_MA = `SELECT obj_description(c.oid) AS "tableComment", c.relname AS "tableName" FROM pg_class c 
-	JOIN pg_namespace n ON c.relnamespace = n.oid WHERE n.nspname = (select current_schema()) AND c.reltype > 0`
-
-	PGSQL_TABLE_INFO = `SELECT obj_description(c.oid) AS "tableComment", c.relname AS "tableName" FROM pg_class c 
-	JOIN pg_namespace n ON c.relnamespace = n.oid WHERE n.nspname = (select current_schema()) AND c.reltype > 0`
-
-	PGSQL_INDEX_INFO = `SELECT indexname AS "indexName", indexdef AS "indexComment"
-	FROM pg_indexes WHERE schemaname =  (select current_schema()) AND tablename = '%s'`
-
-	PGSQL_COLUMN_MA = `SELECT
-		C.relname AS "tableName",
-		A.attname AS "columnName",
-		concat_ws ( '', t.typname, SUBSTRING ( format_type ( a.atttypid, a.atttypmod ) FROM '\(.*\)' ) ) AS "columnType",
-		d.description AS "columnComment" 
-	FROM
-		pg_attribute a LEFT JOIN pg_description d ON d.objoid = a.attrelid 
-		AND d.objsubid = A.attnum
-		LEFT JOIN pg_class c ON A.attrelid = c.oid
-		LEFT JOIN pg_namespace pn ON c.relnamespace = pn.oid
-		LEFT JOIN pg_type t ON a.atttypid = t.oid 
-	WHERE
-		A.attnum >= 0 
-		AND pn.nspname = (select current_schema())
-		AND C.relname in (%s)
-	ORDER BY
-		C.relname DESC,
-		A.attnum ASC
-	OFFSET %d LIMIT %d	
-	`
-
-	PGSQL_COLUMN_MA_COUNT = `SELECT COUNT(*) "maNum"
-	FROM
-		pg_attribute a LEFT JOIN pg_description d ON d.objoid = a.attrelid 
-		AND d.objsubid = A.attnum
-		LEFT JOIN pg_class c ON A.attrelid = c.oid
-		LEFT JOIN pg_namespace pn ON c.relnamespace = pn.oid
-		LEFT JOIN pg_type t ON a.atttypid = t.oid 
-	WHERE
-		A.attnum >= 0 
-		AND pn.nspname = (select current_schema())
-		AND C.relname in (%s)
-	`
-)
-
-type PgsqlMetadata struct {
-	di *DbInstance
-}
-
-// 获取表基础元信息, 如表名等
-func (pm *PgsqlMetadata) GetTables() []map[string]interface{} {
-	_, res, _ := pm.di.SelectData(PGSQL_TABLE_MA)
-	return res
-}
-
-// 获取列元信息, 如列名等
-func (pm *PgsqlMetadata) GetColumns(tableNames ...string) []map[string]interface{} {
-	var sql, tableName string
-	for i := 0; i < len(tableNames); i++ {
-		if i != 0 {
-			tableName = tableName + ", "
-		}
-		tableName = tableName + "'" + tableNames[i] + "'"
-	}
-
-	pageNum := 1
-	// 如果大于一个表，则统计列数并分页获取
-	if len(tableNames) > 1 {
-		countSql := fmt.Sprintf(PGSQL_COLUMN_MA_COUNT, tableName)
-		_, countRes, _ := pm.di.SelectData(countSql)
-		// 查询出所有列信息总数，手动分页获取所有数据
-		maCount := int(countRes[0]["maNum"].(int64))
-		// 计算需要查询的页数
-		pageNum = maCount / DEFAULT_COLUMN_SIZE
-		if maCount%DEFAULT_COLUMN_SIZE > 0 {
-			pageNum++
-		}
-	}
-
-	res := make([]map[string]interface{}, 0)
-	for index := 0; index < pageNum; index++ {
-		sql = fmt.Sprintf(PGSQL_COLUMN_MA, tableName, index*DEFAULT_COLUMN_SIZE, DEFAULT_COLUMN_SIZE)
-		_, result, err := pm.di.SelectData(sql)
-		biz.ErrIsNilAppendErr(err, "获取数据库列信息失败: %s")
-		res = append(res, result...)
-	}
-	return res
-}
-
-// 获取表主键字段名，默认第一个字段
-func (pm *PgsqlMetadata) GetPrimaryKey(tablename string) string {
-	return pm.GetColumns(tablename)[0]["columnName"].(string)
-}
-
-// 获取表信息，比GetTables获取更详细的表信息
-func (pm *PgsqlMetadata) GetTableInfos() []map[string]interface{} {
-	_, res, _ := pm.di.SelectData(PGSQL_TABLE_INFO)
-	return res
-}
-
-// 获取表索引信息
-func (pm *PgsqlMetadata) GetTableIndex(tableName string) []map[string]interface{} {
-	_, res, _ := pm.di.SelectData(PGSQL_INDEX_INFO)
-	return res
-}
-
-// 获取建表ddl
-func (mm *PgsqlMetadata) GetCreateTableDdl(tableName string) []map[string]interface{} {
-	return nil
-}

server/internal/devops/application/db_sql_exec_app.go

@@ -1,128 +0,0 @@
-package application
-
-import (
-	"encoding/json"
-	"fmt"
-
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/internal/devops/infrastructure/persistence"
-	"mayfly-go/pkg/global"
-	"mayfly-go/pkg/model"
-	"strings"
-
-	"github.com/xwb1989/sqlparser"
-)
-
-type DbSqlExec interface {
-	// 生成sql执行记录
-	GenExecLog(loginAccount *model.LoginAccount, dbId uint64, db string, sql string, dbInstance *DbInstance) *entity.DbSqlExec
-
-	// 保存sql执行记录
-	Save(*entity.DbSqlExec)
-
-	// 根据条件删除sql执行记录
-	DeleteBy(condition *entity.DbSqlExec)
-
-	// 分页获取
-	GetPageList(condition *entity.DbSqlExec, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult
-}
-
-type dbSqlExecAppImpl struct {
-	dbSqlExecRepo repository.DbSqlExec
-}
-
-var DbSqlExecApp DbSqlExec = &dbSqlExecAppImpl{
-	dbSqlExecRepo: persistence.DbSqlExecDao,
-}
-
-func (d *dbSqlExecAppImpl) GenExecLog(loginAccount *model.LoginAccount, dbId uint64, db string, sql string, dbInstance *DbInstance) *entity.DbSqlExec {
-	defer func() {
-		if err := recover(); err != nil {
-			global.Log.Error("生成sql执行记录失败", err)
-		}
-	}()
-	stmt, err := sqlparser.Parse(sql)
-	if err != nil {
-		global.Log.Error("记录数据库sql执行记录失败", err)
-	}
-
-	dbSqlExecRecord := new(entity.DbSqlExec)
-	dbSqlExecRecord.DbId = dbId
-	dbSqlExecRecord.Db = db
-	dbSqlExecRecord.Sql = sql
-	dbSqlExecRecord.SetBaseInfo(loginAccount)
-
-	switch stmt := stmt.(type) {
-	case *sqlparser.Update:
-		doUpdate(stmt, dbInstance, dbSqlExecRecord)
-	case *sqlparser.Delete:
-		doDelete(stmt, dbInstance, dbSqlExecRecord)
-	case *sqlparser.Insert:
-		doInsert(stmt, dbSqlExecRecord)
-	}
-
-	return dbSqlExecRecord
-}
-
-func (d *dbSqlExecAppImpl) Save(dse *entity.DbSqlExec) {
-	d.dbSqlExecRepo.Insert(dse)
-}
-
-func (d *dbSqlExecAppImpl) DeleteBy(condition *entity.DbSqlExec) {
-	d.dbSqlExecRepo.DeleteBy(condition)
-}
-
-func (d *dbSqlExecAppImpl) GetPageList(condition *entity.DbSqlExec, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	return d.dbSqlExecRepo.GetPageList(condition, pageParam, toEntity, orderBy...)
-}
-
-func doUpdate(update *sqlparser.Update, dbInstance *DbInstance, dbSqlExec *entity.DbSqlExec) {
-	tableStr := sqlparser.String(update.TableExprs)
-	// 可能使用别名，故空格切割
-	tableName := strings.Split(tableStr, " ")[0]
-	where := sqlparser.String(update.Where)
-
-	updateExprs := update.Exprs
-	updateColumns := make([]string, 0)
-	for _, v := range updateExprs {
-		updateColumns = append(updateColumns, v.Name.Name.String())
-	}
-
-	// 获取表主键列名,排除使用别名
-	primaryKey := dbInstance.GetMeta().GetPrimaryKey(tableName)
-
-	updateColumnsAndPrimaryKey := strings.Join(updateColumns, ",") + "," + primaryKey
-	// 查询要更新字段数据的旧值，以及主键值
-	selectSql := fmt.Sprintf("SELECT %s FROM %s %s LIMIT 200", updateColumnsAndPrimaryKey, tableStr, where)
-	_, res, _ := dbInstance.SelectData(selectSql)
-
-	bytes, _ := json.Marshal(res)
-	dbSqlExec.OldValue = string(bytes)
-	dbSqlExec.Table = tableName
-	dbSqlExec.Type = entity.DbSqlExecTypeUpdate
-}
-
-func doDelete(delete *sqlparser.Delete, dbInstance *DbInstance, dbSqlExec *entity.DbSqlExec) {
-	tableStr := sqlparser.String(delete.TableExprs)
-	// 可能使用别名，故空格切割
-	table := strings.Split(tableStr, " ")[0]
-	where := sqlparser.String(delete.Where)
-
-	// 查询删除数据
-	selectSql := fmt.Sprintf("SELECT * FROM %s %s LIMIT 200", tableStr, where)
-	_, res, _ := dbInstance.SelectData(selectSql)
-
-	bytes, _ := json.Marshal(res)
-	dbSqlExec.OldValue = string(bytes)
-	dbSqlExec.Table = table
-	dbSqlExec.Type = entity.DbSqlExecTypeDelete
-}
-
-func doInsert(insert *sqlparser.Insert, dbSqlExec *entity.DbSqlExec) {
-	tableStr := sqlparser.String(insert.Table)
-	// 可能使用别名，故空格切割
-	table := strings.Split(tableStr, " ")[0]
-	dbSqlExec.Table = table
-	dbSqlExec.Type = entity.DbSqlExecTypeInsert
-}

server/internal/devops/application/project_app.go

@@ -1,128 +0,0 @@
-package application
-
-import (
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/internal/devops/infrastructure/persistence"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/model"
-)
-
-type Project interface {
-	// 分页获取项目信息列表
-	GetPageList(condition *entity.Project, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult
-
-	Count(condition *entity.Project) int64
-
-	ListProjectByIds(ids []uint64, toEntity interface{}, orderBy ...string)
-
-	SaveProject(project *entity.Project)
-
-	DelProject(id uint64)
-
-	// 根据项目id获取所有该项目下的环境信息列表
-	ListEnvByProjectId(projectId uint64, listPtr interface{})
-
-	// 保存项目环境信息
-	SaveProjectEnv(projectEnv *entity.ProjectEnv)
-
-	// 根据条件获取项目成员信息
-	ListMember(condition *entity.ProjectMember, toEntity interface{}, orderBy ...string)
-
-	SaveProjectMember(pm *entity.ProjectMember)
-
-	// 根据条件获取项目成员信息
-	GetMemberPage(condition *entity.ProjectMember, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult
-
-	DeleteMember(projectId, accountId uint64)
-
-	// 账号是否有权限访问该项目关联的资源信息
-	CanAccess(accountId, projectId uint64) error
-}
-
-type projectAppImpl struct {
-	projectRepo       repository.Project
-	projectEnvRepo    repository.ProjectEnv
-	projectMemberRepo repository.ProjectMemeber
-	machineRepo       repository.Machine
-	redisRepo         repository.Redis
-	dbRepo            repository.Db
-}
-
-var ProjectApp Project = &projectAppImpl{
-	projectRepo:       persistence.ProjectRepo,
-	projectEnvRepo:    persistence.ProjectEnvRepo,
-	projectMemberRepo: persistence.ProjectMemberRepo,
-	machineRepo:       persistence.MachineDao,
-	redisRepo:         persistence.RedisDao,
-	dbRepo:            persistence.DbDao,
-}
-
-// 分页获取项目信息列表
-func (p *projectAppImpl) GetPageList(condition *entity.Project, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	return p.projectRepo.GetPageList(condition, pageParam, toEntity, orderBy...)
-}
-
-func (p *projectAppImpl) Count(condition *entity.Project) int64 {
-	return p.projectRepo.Count(condition)
-}
-
-func (p *projectAppImpl) ListProjectByIds(ids []uint64, toEntity interface{}, orderBy ...string) {
-	p.projectRepo.GetByIdIn(ids, toEntity, orderBy...)
-}
-
-func (p *projectAppImpl) SaveProject(project *entity.Project) {
-	if project.Id == 0 {
-		p.projectRepo.Save(project)
-	} else {
-		// 防止误传导致项目名更新
-		project.Name = ""
-		p.projectRepo.Update(project)
-	}
-}
-
-func (p *projectAppImpl) DelProject(id uint64) {
-	biz.IsTrue(p.machineRepo.Count(&entity.Machine{ProjectId: id}) == 0, "请先删除该项目关联的机器信息")
-	biz.IsTrue(p.redisRepo.Count(&entity.Redis{ProjectId: id}) == 0, "请先删除该项目关联的redis信息")
-	biz.IsTrue(p.dbRepo.Count(&entity.Db{ProjectId: id}) == 0, "请先删除该项目关联的数据库信息")
-	p.projectRepo.Delete(id)
-	p.projectEnvRepo.DeleteEnvs(id)
-	p.projectMemberRepo.DeleteMems(id)
-}
-
-// 根据项目id获取所有该项目下的环境信息列表
-func (p *projectAppImpl) ListEnvByProjectId(projectId uint64, listPtr interface{}) {
-	p.projectEnvRepo.ListEnv(&entity.ProjectEnv{ProjectId: projectId}, listPtr)
-}
-
-// 保存项目环境信息
-func (p *projectAppImpl) SaveProjectEnv(projectEnv *entity.ProjectEnv) {
-	p.projectEnvRepo.Save(projectEnv)
-}
-
-// 根据条件获取项目成员信息
-func (p *projectAppImpl) ListMember(condition *entity.ProjectMember, toEntity interface{}, orderBy ...string) {
-	p.projectMemberRepo.ListMemeber(condition, toEntity, orderBy...)
-}
-
-func (p *projectAppImpl) SaveProjectMember(pm *entity.ProjectMember) {
-	pms := new([]entity.ProjectMember)
-	p.ListMember(&entity.ProjectMember{ProjectId: pm.ProjectId, AccountId: pm.AccountId}, pms)
-	biz.IsTrue(len(*pms) == 0, "该成员已存在")
-	p.projectMemberRepo.Save(pm)
-}
-
-func (p *projectAppImpl) GetMemberPage(condition *entity.ProjectMember, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	return p.projectMemberRepo.GetPageList(condition, pageParam, toEntity, orderBy...)
-}
-
-func (p *projectAppImpl) DeleteMember(projectId, accountId uint64) {
-	p.projectMemberRepo.DeleteByPidMid(projectId, accountId)
-}
-
-func (p *projectAppImpl) CanAccess(accountId, projectId uint64) error {
-	if p.projectMemberRepo.IsExist(projectId, accountId) {
-		return nil
-	}
-	return biz.NewBizErr("您无权操作该资源")
-}

server/internal/devops/domain/entity/project_env.go

@@ -1,11 +0,0 @@
-package entity
-
-import "mayfly-go/pkg/model"
-
-// 项目环境
-type ProjectEnv struct {
-	model.Model
-	Name      string `json:"name"`      // 环境名
-	ProjectId uint64 `json:"projectId"` // 项目id
-	Remark    string `json:"remark"`    // 备注说明
-}

server/internal/devops/domain/entity/project_member.go

@@ -1,11 +0,0 @@
-package entity
-
-import "mayfly-go/pkg/model"
-
-// 项目成员，用于对项目下组件的访问控制
-type ProjectMember struct {
-	model.Model
-	AccountId uint64 `json:"accountId"` // 账号
-	Username  string `json:"username"`  // 账号用户名
-	ProjectId uint64 `json:"projectId"` // 项目id
-}

server/internal/devops/domain/repository/project.go

@@ -1,20 +0,0 @@
-package repository
-
-import (
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/pkg/model"
-)
-
-type Project interface {
-	GetPageList(condition *entity.Project, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult
-
-	Count(condition *entity.Project) int64
-
-	GetByIdIn(ids []uint64, toEntity interface{}, orderBy ...string)
-
-	Save(p *entity.Project)
-
-	Update(project *entity.Project)
-
-	Delete(id uint64)
-}

server/internal/devops/domain/repository/project_env.go

@@ -1,12 +0,0 @@
-package repository
-
-import "mayfly-go/internal/devops/domain/entity"
-
-type ProjectEnv interface {
-	// 获取项目环境列表
-	ListEnv(condition *entity.ProjectEnv, toEntity interface{}, orderBy ...string)
-
-	Save(entity *entity.ProjectEnv)
-
-	DeleteEnvs(projectId uint64)
-}

server/internal/devops/domain/repository/project_member.go

@@ -1,24 +0,0 @@
-package repository
-
-import (
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/pkg/model"
-)
-
-type ProjectMemeber interface {
-
-	// 获取项目成员列表
-	ListMemeber(condition *entity.ProjectMember, toEntity interface{}, orderBy ...string)
-
-	Save(mp *entity.ProjectMember)
-
-	GetPageList(condition *entity.ProjectMember, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult
-
-	// 根据成员id和项目id删除关联关系
-	DeleteByPidMid(projectId, accountId uint64)
-
-	DeleteMems(projectId uint64)
-
-	// 是否存在指定的项目成员关联信息
-	IsExist(projectId, accountId uint64) bool
-}

server/internal/devops/infrastructure/persistence/db_repo.go

@@ -1,67 +0,0 @@
-package persistence
-
-import (
-	"fmt"
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/model"
-)
-
-type dbRepo struct{}
-
-var DbDao repository.Db = &dbRepo{}
-
-// 分页获取数据库信息列表
-func (d *dbRepo) GetDbList(condition *entity.Db, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	sql := "SELECT d.* FROM t_db d JOIN t_project_member pm ON d.project_id = pm.project_id WHERE 1 = 1 "
-	if condition.CreatorId != 0 {
-		// 使用创建者id模拟项目成员id
-		sql = fmt.Sprintf("%s AND pm.account_id = %d", sql, condition.CreatorId)
-	}
-	if condition.ProjectId != 0 {
-		sql = fmt.Sprintf("%s AND d.project_id = %d", sql, condition.ProjectId)
-	}
-	if condition.EnvId != 0 {
-		sql = fmt.Sprintf("%s AND d.env_id = %d", sql, condition.EnvId)
-	}
-	if condition.Host != "" {
-		sql = sql + " AND d.host LIKE '%" + condition.Host + "%'"
-	}
-	if condition.Database != "" {
-		sql = sql + " AND d.database LIKE '%" + condition.Database + "%'"
-	}
-	sql = sql + " ORDER BY d.create_time DESC"
-	return model.GetPageBySql(sql, pageParam, toEntity)
-}
-
-func (d *dbRepo) Count(condition *entity.Db) int64 {
-	return model.CountBy(condition)
-}
-
-// 根据条件获取账号信息
-func (d *dbRepo) GetDb(condition *entity.Db, cols ...string) error {
-	return model.GetBy(condition, cols...)
-}
-
-// 根据id获取
-func (d *dbRepo) GetById(id uint64, cols ...string) *entity.Db {
-	db := new(entity.Db)
-	if err := model.GetById(db, id, cols...); err != nil {
-		return nil
-
-	}
-	return db
-}
-
-func (d *dbRepo) Insert(db *entity.Db) {
-	biz.ErrIsNil(model.Insert(db), "新增数据库信息失败")
-}
-
-func (d *dbRepo) Update(db *entity.Db) {
-	biz.ErrIsNil(model.UpdateById(db), "更新数据库信息失败")
-}
-
-func (d *dbRepo) Delete(id uint64) {
-	model.DeleteById(new(entity.Db), id)
-}

server/internal/devops/infrastructure/persistence/db_sq_exec_repo.go

@@ -1,25 +0,0 @@
-package persistence
-
-import (
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/model"
-)
-
-type dbSqlExecRepo struct{}
-
-var DbSqlExecDao repository.DbSqlExec = &dbSqlExecRepo{}
-
-func (d *dbSqlExecRepo) Insert(dse *entity.DbSqlExec) {
-	model.Insert(dse)
-}
-
-func (d *dbSqlExecRepo) DeleteBy(condition *entity.DbSqlExec) {
-	biz.ErrIsNil(model.DeleteByCondition(condition), "删除sql执行记录失败")
-}
-
-// 分页获取
-func (d *dbSqlExecRepo) GetPageList(condition *entity.DbSqlExec, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	return model.GetPage(pageParam, condition, toEntity, orderBy...)
-}

server/internal/devops/infrastructure/persistence/db_sql_repo.go

@@ -1,17 +0,0 @@
-package persistence
-
-import (
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/model"
-)
-
-type dbSqlRepo struct{}
-
-var DbSqlDao repository.DbSql = &dbSqlRepo{}
-
-// 分页获取数据库信息列表
-func (d *dbSqlRepo) DeleteBy(condition *entity.DbSql) {
-	biz.ErrIsNil(model.DeleteByCondition(condition), "删除sql失败")
-}

server/internal/devops/infrastructure/persistence/machine_file_repo.go

@@ -1,45 +0,0 @@
-package persistence
-
-import (
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/model"
-)
-
-type machineFileRepo struct{}
-
-var MachineFileDao repository.MachineFile = &machineFileRepo{}
-
-// 分页获取机器文件信息列表
-func (m *machineFileRepo) GetPageList(condition *entity.MachineFile, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	return model.GetPage(pageParam, condition, toEntity, orderBy...)
-}
-
-// 根据条件获取账号信息
-func (m *machineFileRepo) GetMachineFile(condition *entity.MachineFile, cols ...string) error {
-	return model.GetBy(condition, cols...)
-}
-
-// 根据id获取
-func (m *machineFileRepo) GetById(id uint64, cols ...string) *entity.MachineFile {
-	ms := new(entity.MachineFile)
-	if err := model.GetById(ms, id, cols...); err != nil {
-		return nil
-
-	}
-	return ms
-}
-
-// 根据id获取
-func (m *machineFileRepo) Delete(id uint64) {
-	biz.ErrIsNil(model.DeleteById(new(entity.MachineFile), id), "删除失败")
-}
-
-func (m *machineFileRepo) Create(entity *entity.MachineFile) {
-	model.Insert(entity)
-}
-
-func (m *machineFileRepo) UpdateById(entity *entity.MachineFile) {
-	model.UpdateById(entity)
-}

server/internal/devops/infrastructure/persistence/machine_repo.go

@@ -1,60 +0,0 @@
-package persistence
-
-import (
-	"fmt"
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/model"
-)
-
-type machineRepo struct{}
-
-var MachineDao repository.Machine = &machineRepo{}
-
-// 分页获取机器信息列表
-func (m *machineRepo) GetMachineList(condition *entity.Machine, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	sql := "SELECT m.* FROM t_machine m JOIN t_project_member pm ON m.project_id = pm.project_id WHERE 1 = 1 "
-	if condition.CreatorId != 0 {
-		// 使用创建者id模拟项目成员id
-		sql = fmt.Sprintf("%s AND pm.account_id = %d", sql, condition.CreatorId)
-	}
-	if condition.ProjectId != 0 {
-		sql = fmt.Sprintf("%s AND m.project_id = %d", sql, condition.ProjectId)
-	}
-	if condition.Ip != "" {
-		sql = sql + " AND m.ip LIKE '%" + condition.Ip + "%'"
-	}
-	if condition.Name != "" {
-		sql = sql + " AND m.name LIKE '%" + condition.Name + "%'"
-	}
-	sql = sql + " ORDER BY m.project_id, m.create_time DESC"
-	return model.GetPageBySql(sql, pageParam, toEntity)
-}
-
-func (m *machineRepo) Count(condition *entity.Machine) int64 {
-	return model.CountBy(condition)
-}
-
-// 根据条件获取账号信息
-func (m *machineRepo) GetMachine(condition *entity.Machine, cols ...string) error {
-	return model.GetBy(condition, cols...)
-}
-
-// 根据id获取
-func (m *machineRepo) GetById(id uint64, cols ...string) *entity.Machine {
-	machine := new(entity.Machine)
-	if err := model.GetById(machine, id, cols...); err != nil {
-		return nil
-
-	}
-	return machine
-}
-
-func (m *machineRepo) Create(entity *entity.Machine) {
-	biz.ErrIsNilAppendErr(model.Insert(entity), "创建机器信息失败: %s")
-}
-
-func (m *machineRepo) UpdateById(entity *entity.Machine) {
-	biz.ErrIsNilAppendErr(model.UpdateById(entity), "更新机器信息失败: %s")
-}

server/internal/devops/infrastructure/persistence/machine_script_repo.go

@@ -1,45 +0,0 @@
-package persistence
-
-import (
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/model"
-)
-
-type machineScriptRepo struct{}
-
-var MachineScriptDao repository.MachineScript = &machineScriptRepo{}
-
-// 分页获取机器信息列表
-func (m *machineScriptRepo) GetPageList(condition *entity.MachineScript, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	return model.GetPage(pageParam, condition, toEntity, orderBy...)
-}
-
-// 根据条件获取账号信息
-func (m *machineScriptRepo) GetMachineScript(condition *entity.MachineScript, cols ...string) error {
-	return model.GetBy(condition, cols...)
-}
-
-// 根据id获取
-func (m *machineScriptRepo) GetById(id uint64, cols ...string) *entity.MachineScript {
-	ms := new(entity.MachineScript)
-	if err := model.GetById(ms, id, cols...); err != nil {
-		return nil
-
-	}
-	return ms
-}
-
-// 根据id获取
-func (m *machineScriptRepo) Delete(id uint64) {
-	biz.ErrIsNil(model.DeleteById(new(entity.MachineScript), id), "删除失败")
-}
-
-func (m *machineScriptRepo) Create(entity *entity.MachineScript) {
-	model.Insert(entity)
-}
-
-func (m *machineScriptRepo) UpdateById(entity *entity.MachineScript) {
-	model.UpdateById(entity)
-}

server/internal/devops/infrastructure/persistence/mongo_repo.go

@@ -1,61 +0,0 @@
-package persistence
-
-import (
-	"fmt"
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/model"
-)
-
-type mongoRepo struct{}
-
-var MongoDao repository.Mongo = &mongoRepo{}
-
-// 分页获取数据库信息列表
-func (d *mongoRepo) GetList(condition *entity.Mongo, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	sql := "SELECT d.* FROM t_mongo d JOIN t_project_member pm ON d.project_id = pm.project_id WHERE 1 = 1 "
-	if condition.CreatorId != 0 {
-		// 使用创建者id模拟项目成员id
-		sql = fmt.Sprintf("%s AND pm.account_id = %d", sql, condition.CreatorId)
-	}
-	if condition.ProjectId != 0 {
-		sql = fmt.Sprintf("%s AND d.project_id = %d", sql, condition.ProjectId)
-	}
-	if condition.EnvId != 0 {
-		sql = fmt.Sprintf("%s AND d.env_id = %d", sql, condition.EnvId)
-	}
-	sql = sql + " ORDER BY d.create_time DESC"
-	return model.GetPageBySql(sql, pageParam, toEntity)
-}
-
-func (d *mongoRepo) Count(condition *entity.Mongo) int64 {
-	return model.CountBy(condition)
-}
-
-// 根据条件获取
-func (d *mongoRepo) Get(condition *entity.Mongo, cols ...string) error {
-	return model.GetBy(condition, cols...)
-}
-
-// 根据id获取
-func (d *mongoRepo) GetById(id uint64, cols ...string) *entity.Mongo {
-	db := new(entity.Mongo)
-	if err := model.GetById(db, id, cols...); err != nil {
-		return nil
-
-	}
-	return db
-}
-
-func (d *mongoRepo) Insert(db *entity.Mongo) {
-	biz.ErrIsNil(model.Insert(db), "新增mongo信息失败")
-}
-
-func (d *mongoRepo) Update(db *entity.Mongo) {
-	biz.ErrIsNil(model.UpdateById(db), "更新mongo信息失败")
-}
-
-func (d *mongoRepo) Delete(id uint64) {
-	model.DeleteById(new(entity.Mongo), id)
-}

server/internal/devops/infrastructure/persistence/project_env_repo.go

@@ -1,24 +0,0 @@
-package persistence
-
-import (
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/model"
-)
-
-type projectEnvRepo struct{}
-
-var ProjectEnvRepo repository.ProjectEnv = &projectEnvRepo{}
-
-func (p *projectEnvRepo) ListEnv(condition *entity.ProjectEnv, toEntity interface{}, orderBy ...string) {
-	model.ListByOrder(condition, toEntity, orderBy...)
-}
-
-func (p *projectEnvRepo) Save(entity *entity.ProjectEnv) {
-	biz.ErrIsNilAppendErr(model.Insert(entity), "保存环境失败：%s")
-}
-
-func (p *projectEnvRepo) DeleteEnvs(projectId uint64) {
-	model.DeleteByCondition(&entity.ProjectEnv{ProjectId: projectId})
-}

server/internal/devops/infrastructure/persistence/project_member_repo.go

@@ -1,36 +0,0 @@
-package persistence
-
-import (
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/model"
-)
-
-type projectMemeberRepo struct{}
-
-var ProjectMemberRepo repository.ProjectMemeber = &projectMemeberRepo{}
-
-func (p *projectMemeberRepo) ListMemeber(condition *entity.ProjectMember, toEntity interface{}, orderBy ...string) {
-	model.ListByOrder(condition, toEntity, orderBy...)
-}
-
-func (p *projectMemeberRepo) Save(pm *entity.ProjectMember) {
-	biz.ErrIsNilAppendErr(model.Insert(pm), "保存项目成员失败：%s")
-}
-
-func (p *projectMemeberRepo) GetPageList(condition *entity.ProjectMember, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	return model.GetPage(pageParam, condition, toEntity, orderBy...)
-}
-
-func (p *projectMemeberRepo) DeleteByPidMid(projectId, accountId uint64) {
-	model.DeleteByCondition(&entity.ProjectMember{ProjectId: projectId, AccountId: accountId})
-}
-
-func (p *projectMemeberRepo) DeleteMems(projectId uint64) {
-	model.DeleteByCondition(&entity.ProjectMember{ProjectId: projectId})
-}
-
-func (p *projectMemeberRepo) IsExist(projectId, accountId uint64) bool {
-	return model.CountBy(&entity.ProjectMember{ProjectId: projectId, AccountId: accountId}) > 0
-}

server/internal/devops/infrastructure/persistence/project_repo.go

@@ -1,36 +0,0 @@
-package persistence
-
-import (
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/model"
-)
-
-type projectRepo struct{}
-
-var ProjectRepo repository.Project = &projectRepo{}
-
-func (p *projectRepo) GetPageList(condition *entity.Project, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	return model.GetPage(pageParam, condition, toEntity, orderBy...)
-}
-
-func (p *projectRepo) Count(condition *entity.Project) int64 {
-	return model.CountBy(condition)
-}
-
-func (p *projectRepo) GetByIdIn(ids []uint64, toEntity interface{}, orderBy ...string) {
-	model.GetByIdIn(new(entity.Project), toEntity, ids, orderBy...)
-}
-
-func (p *projectRepo) Save(project *entity.Project) {
-	biz.ErrIsNil(model.Insert(project), "保存项目失败")
-}
-
-func (p *projectRepo) Update(project *entity.Project) {
-	biz.ErrIsNil(model.UpdateById(project), "更新项目信息")
-}
-
-func (p *projectRepo) Delete(id uint64) {
-	model.DeleteById(new(entity.Project), id)
-}

server/internal/devops/infrastructure/persistence/redis_repo.go

@@ -1,62 +0,0 @@
-package persistence
-
-import (
-	"fmt"
-	"mayfly-go/internal/devops/domain/entity"
-	"mayfly-go/internal/devops/domain/repository"
-	"mayfly-go/pkg/biz"
-	"mayfly-go/pkg/model"
-)
-
-type redisRepo struct{}
-
-var RedisDao repository.Redis = &redisRepo{}
-
-// 分页获取机器信息列表
-func (r *redisRepo) GetRedisList(condition *entity.Redis, pageParam *model.PageParam, toEntity interface{}, orderBy ...string) *model.PageResult {
-	sql := "SELECT d.* FROM t_redis d JOIN t_project_member pm ON d.project_id = pm.project_id WHERE 1 = 1 "
-	if condition.CreatorId != 0 {
-		// 使用创建者id模拟项目成员id
-		sql = fmt.Sprintf("%s AND pm.account_id = %d", sql, condition.CreatorId)
-	}
-	if condition.ProjectId != 0 {
-		sql = fmt.Sprintf("%s AND d.project_id = %d", sql, condition.ProjectId)
-	}
-	if condition.EnvId != 0 {
-		sql = fmt.Sprintf("%s AND d.env_id = %d", sql, condition.EnvId)
-	}
-	if condition.Host != "" {
-		sql = sql + " AND d.host LIKE '%" + condition.Host + "%'"
-	}
-	sql = sql + " ORDER BY d.create_time DESC"
-	return model.GetPageBySql(sql, pageParam, toEntity)
-}
-
-func (r *redisRepo) Count(condition *entity.Redis) int64 {
-	return model.CountBy(condition)
-}
-
-// 根据id获取
-func (r *redisRepo) GetById(id uint64, cols ...string) *entity.Redis {
-	rd := new(entity.Redis)
-	if err := model.GetById(rd, id, cols...); err != nil {
-		return nil
-	}
-	return rd
-}
-
-func (r *redisRepo) GetRedis(condition *entity.Redis, cols ...string) error {
-	return model.GetBy(condition, cols...)
-}
-
-func (r *redisRepo) Insert(redis *entity.Redis) {
-	biz.ErrIsNilAppendErr(model.Insert(redis), "新增失败: %s")
-}
-
-func (r *redisRepo) Update(redis *entity.Redis) {
-	biz.ErrIsNilAppendErr(model.UpdateById(redis), "更新失败: %s")
-}
-
-func (r *redisRepo) Delete(id uint64) {
-	biz.ErrIsNilAppendErr(model.DeleteById(new(entity.Redis), id), "删除失败: %s")
-}