1.7版本发布，详情查看版本说明

src/views/monitor/log/errorLog.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <eHeader :query="query"/>
     <!--表格渲染-->
-    <el-table v-loading="loading" :data="data" size="small" border style="width: 100%;">
+    <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
       <el-table-column prop="username" label="用户名"/>
       <el-table-column prop="requestIp" label="IP"/>
       <el-table-column prop="description" label="描述"/>

src/views/monitor/log/index.vue

@@ -2,7 +2,7 @@
   <div class="app-container">
     <eHeader :query="query"/>
     <!--表格渲染-->
-    <el-table v-loading="loading" :data="data" size="small" border style="width: 100%;">
+    <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
       <el-table-column prop="username" label="用户名"/>
       <el-table-column prop="requestIp" label="IP"/>
       <el-table-column prop="description" label="描述"/>

src/views/monitor/log/msg.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :style="'width:' + width" class="container">
+  <div :style="'min-width:' + width" class="container">
     <el-tooltip :content="content" class="lock item" effect="dark" placement="left">
       <el-button type="info" size="mini" circle @click="doLock"><svg-icon :icon-class="ico"/></el-button>
     </el-tooltip>
@@ -55,6 +55,10 @@ export default {
   },
   mounted: function() {
     this.initWebSocket()
+    const that = this
+    window.onresize = function temp() {
+      that.height = document.documentElement.clientHeight - 94.5 + 'px;'
+    }
   },
   beforeDestroy: function() {
     // 页面离开时断开连接,清除定时器
@@ -65,15 +69,6 @@ export default {
     parseTime,
     initWebSocket() {
       this.connection(this)
-      // 断开重连机制,尝试发送消息,捕获异常发生时重连
-      this.timer = window.setInterval(() => {
-        try {
-          this.stompClient.send('test')
-        } catch (err) {
-          console.log('断线了: ' + err)
-          this.connection()
-        }
-      }, 5000)
     },
     connection(_this) {
       const socket = new SockJS(this.socketApi)// 连接服务端提供的通信接口，连接以后才可以订阅广播消息和个人消息

src/views/monitor/redis/index.vue

@@ -2,19 +2,13 @@
   <div class="app-container">
     <eHeader :query="query"/>
     <!--表格渲染-->
-    <el-table v-loading="loading" :data="data" size="small" border style="width: 100%;">
+    <el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
       <el-table-column label="序号" width="80" align="center">
         <template slot-scope="scope">
           <div>{{ scope.$index + 1 }}</div>
         </template>
       </el-table-column>
-      <el-table-column prop="key" label="KEY">
-        <template slot-scope="scope">
-          <div style="word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
-            {{ scope.row.key }}
-          </div>
-        </template>
-      </el-table-column>
+      <el-table-column :show-overflow-tooltip="true" prop="key" label="KEY"/>
       <el-table-column prop="value" label="VALUE">
         <template slot-scope="scope">
           <div style="word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">

src/views/monitor/sql/index.vue

@@ -0,0 +1,15 @@
+<template>
+  <elFrame :src="sqlApi"/>
+</template>
+<script>
+import { mapGetters } from 'vuex'
+import elFrame from '@/components/iframe/index'
+export default {
+  components: { elFrame },
+  computed: {
+    ...mapGetters([
+      'sqlApi'
+    ])
+  }
+}
+</script>