feat:add monitor

Author: gphper

controllers/index_controller.go

@@ -16,6 +16,7 @@ import (
 	"time"
 
 	"github.com/gin-gonic/gin"
+	"github.com/go-redis/redis"
 )
 
 type indexController struct {
@@ -291,22 +292,26 @@ func (con indexController) TtlKey(c *gin.Context) {
 
 func (con indexController) SerInfo(c *gin.Context) {
 	var req model.InfoReq
+	var client *redis.Client
+	var ok bool
 
 	err := con.FormBind(c, &req)
 	if err != nil {
 		con.Error(c, err.Error())
 		return
 	}
 
-	redisServer, ok := global.GlobalConf.RedisServices.Load(req.Key)
-	if !ok {
-		fmt.Println(ok)
-	}
+	redisServer, _ := global.GlobalConf.RedisServices.Load(req.Key)
 	redisServers := redisServer.(global.RedisService)
-	client, err := service.NewRedisClient(redisServers)
-	if err != nil {
-		con.Error(c, err.Error())
-		return
+
+	client, ok = global.GlobalClients[req.Key]
+	if !ok {
+		client, err = service.NewRedisClient(redisServers)
+		if err != nil {
+			con.Error(c, err.Error())
+			return
+		}
+		global.GlobalClients[req.Key] = client
 	}
 
 	val, _ := c.Get("username")

web/src/components/MainIndex.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="box" ref="box">
     <div class="left" ref="left">
-    <MenuSection @info="showInfo"></MenuSection>
+    <MenuSection></MenuSection>
     </div>
     <div class="resize" ref="resize" @mousedown="resizeMouse($event)" title="收缩侧边栏">
     ⋮
@@ -37,7 +37,6 @@ export default {
     let box = ref(null);
     let resize = ref(null);
     let title = ref("");
-    let infos = ref("");
 
     let tabs = reactive([
       {
@@ -69,11 +68,6 @@ export default {
       }
     }
 
-    const showInfo = (connec_id,info)=>{
-      title.value = '【' + connec_id + '】服务信息';
-      infos.value = info.replace(/\r\n/gm, "<br/>")
-    }
-
     return{
       left,
       mid,
@@ -82,7 +76,6 @@ export default {
       tabs,
       title,
       resizeMouse,
-      showInfo,
     }
   },
 }

web/src/components/MainSection.vue

@@ -16,6 +16,9 @@
             >
                <span v-if="item.content">{{ item.content }}</span>
                <span v-if="item.id"><div :id="item.id"></div></span>
+               <span v-if="item.view">
+                    <router-view :key="$route.fullPath"></router-view>
+               </span>
             </el-tab-pane>
             </el-tabs>
         </el-main>
@@ -35,7 +38,7 @@ export default{
         const activeIndex = computed(() => store.state.activeTag);
 
         const handleClick = (tab) => {
-            console.log('click '+ tab)
+            store.commit("setCurrentTag", tab.props.name);
         };
 
         const removeTag = (index) => {

web/src/components/MenuSection.vue

@@ -26,7 +26,7 @@
 
                         <el-popover trigger="hover" content="服务信息">
                             <template #reference>
-                                <el-button @click.stop="infoServe(item.key)" type="primary" circle><i class="iconfont icon-info"></i></el-button>
+                                <el-button @click.stop="infoServe(item.key,item.name)" type="primary" circle><i class="iconfont icon-info"></i></el-button>
                             </template>
                         </el-popover>
 
@@ -49,16 +49,19 @@ import { ElButton,ElMenu, ElRow, ElIcon,ElPopover, ElSubMenu,ElDialog,ElInput,El
 import {NewShell} from '@/utils/terminal.js'
 import SubMenu from "@/components/index/SubMenu.vue"
 import {getConnList,delConn} from "@/api/base.js"
-import {openDb,serInfo} from "@/api/index.js"
+import {openDb} from "@/api/index.js"
 import { useStore } from 'vuex'
+import { useRouter } from 'vue-router'
+
 
 export default{
     name:"MenuSection",
-    setup(props,context){
+    setup(){
 
         let connMenu = ref(null);
         
         const store = useStore()
+        const router = useRouter()
 
         const connetions = computed(() => store.state.connList);
 
@@ -96,10 +99,16 @@ export default{
             
         };
 
-        const infoServe = function(connec_id){
-            serInfo({key:connec_id}).then((res)=>{
-                context.emit("info",res.data.name,res.data.info);
-            }) 
+        const infoServe = function(sk,name){
+            store.commit("setTagsItem", {
+                title: name+"-监控",
+                name: "grmmonitor",
+                content: "",
+                view: true
+            });
+            store.commit("setCurrentTag", "grmmonitor");
+            
+            router.push({name:'monitor', params:{ sk }})
         };
     
         const delServe = function(connec_id){

web/src/router/index.js

@@ -4,12 +4,17 @@ const routes = [
   {
     path: '/',
     name: 'home',
-    component: () => import(/* webpackChunkName: "about" */ '../views/HomeView.vue')
+    component: () => import('../views/HomeView.vue'),
+    children:[{
+      path: 'monitor/:sk',
+      name: 'monitor',
+      component: () => import('../views/MonitorView.vue')
+    }]
   },
   {
     path: '/login',
     name: 'login',
-    component: () => import(/* webpackChunkName: "about" */ '../views/LoginView.vue')
+    component: () => import('../views/LoginView.vue'),
   },
 ]