v1.5 beta版发布，详细查看发行版说明

src/views/monitor/log/errorLog.vue

@@ -0,0 +1,77 @@
+<template>
+  <div class="app-container">
+    <eHeader :query="query"/>
+    <!--表格渲染-->
+    <el-table v-loading="loading" :data="data" size="small" border style="width: 100%;">
+      <el-table-column prop="username" label="用户名"/>
+      <el-table-column prop="requestIp" label="IP"/>
+      <el-table-column prop="description" label="描述"/>
+      <el-table-column :show-overflow-tooltip="true" prop="method" label="方法名称"/>
+      <el-table-column :show-overflow-tooltip="true" prop="params" label="参数"/>
+      <el-table-column prop="createTime" label="创建日期">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.createTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" label="异常详情" width="120px">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" @click="info(scope.row.exceptionDetail)">查看详情</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-dialog :visible.sync="dialog" style="margin-left: 100px" title="异常详情" top="0" width="85%">
+      <span>
+        {{ errorInfo }}
+      </span>
+    </el-dialog>
+    <!--分页组件-->
+    <el-pagination
+      :total="total"
+      style="margin-top: 8px;"
+      layout="total, prev, pager, next, sizes"
+      @size-change="sizeChange"
+      @current-change="pageChange"/>
+  </div>
+</template>
+
+<script>
+import initData from '@/mixins/initData'
+import { parseTime } from '@/utils/index'
+import eHeader from './module/header'
+export default {
+  components: { eHeader },
+  mixins: [initData],
+  data() {
+    return {
+      errorInfo: '', dialog: false
+    }
+  },
+  created() {
+    this.$nextTick(() => {
+      this.init()
+    })
+  },
+  methods: {
+    parseTime,
+    beforeInit() {
+      this.url = 'api/logs/error'
+      const sort = 'id,desc'
+      const query = this.query
+      const username = query.username
+      const logType = query.logType
+      this.params = { page: this.page, size: this.size, sort: sort }
+      if (username && username) { this.params['username'] = username }
+      if (logType !== '' && logType !== null) { this.params['logType'] = logType }
+      return true
+    },
+    info(errorInfo) {
+      this.errorInfo = errorInfo
+      this.dialog = true
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

src/views/monitor/log/index.vue

@@ -8,7 +8,6 @@
       <el-table-column prop="description" label="描述"/>
       <el-table-column :show-overflow-tooltip="true" prop="method" label="方法名称"/>
       <el-table-column :show-overflow-tooltip="true" prop="params" label="参数"/>
-      <el-table-column :show-overflow-tooltip="true" prop="exceptionDetail" label="异常堆栈信息"/>
       <el-table-column prop="time" label="请求耗时" align="center">
         <template slot-scope="scope">
           <el-tag v-if="scope.row.time <= 300">{{ scope.row.time }}ms</el-tag>
@@ -16,12 +15,6 @@
           <el-tag v-else type="danger">{{ scope.row.time }}ms</el-tag>
         </template>
       </el-table-column>
-      <el-table-column prop="logType" label="日志类型" width="100px" align="center">
-        <template slot-scope="scope">
-          <span v-if="scope.row.logType === 'ERROR'" class="badge badge-bg-orange">{{ scope.row.logType }}</span>
-          <span v-else class="badge">{{ scope.row.logType }}</span>
-        </template>
-      </el-table-column>
       <el-table-column prop="createTime" label="创建日期" width="180px">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.createTime) }}</span>
@@ -39,7 +32,7 @@
 </template>
 
 <script>
-import initData from '../../../mixins/initData'
+import initData from '@/mixins/initData'
 import { parseTime } from '@/utils/index'
 import eHeader from './module/header'
 export default {
@@ -57,10 +50,8 @@ export default {
       const sort = 'id,desc'
       const query = this.query
       const username = query.username
-      const logType = query.logType
       this.params = { page: this.page, size: this.size, sort: sort }
       if (username && username) { this.params['username'] = username }
-      if (logType !== '' && logType !== null) { this.params['logType'] = logType }
       return true
     }
   }

src/views/monitor/log/module/header.vue

@@ -1,9 +1,6 @@
 <template>
   <div class="head-container">
     <el-input v-model="query.username" clearable placeholder="用户名" style="width: 200px;" class="filter-item" @keyup.enter.native="toQuery"/>
-    <el-select v-model="query.logType" placeholder="日志类型" clearable class="filter-item" style="width: 110px" @change="toQuery">
-      <el-option v-for="item in enabledTypeOptions" :key="item.key" :label="item.display_name" :value="item.key"/>
-    </el-select>
     <el-button class="filter-item" size="mini" type="primary" icon="el-icon-search" @click="toQuery">搜索</el-button>
   </div>
 </template>
@@ -18,11 +15,7 @@ export default {
   },
   data() {
     return {
-      downloadLoading: false,
-      enabledTypeOptions: [
-        { key: 'INFO', display_name: 'INFO' },
-        { key: 'ERROR', display_name: 'ERROR' }
-      ]
+      downloadLoading: false
     }
   },
   methods: {

src/views/monitor/redis/index.vue

@@ -8,22 +8,34 @@
           <div>{{ scope.$index + 1 }}</div>
         </template>
       </el-table-column>
-      <el-table-column :show-overflow-tooltip="true" prop="key" label="KEY"/>
-      <el-table-column :show-overflow-tooltip="true" prop="value" label="VALUE"/>
+      <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 prop="value" label="VALUE">
+        <template slot-scope="scope">
+          <div style="word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">
+            {{ scope.row.value }}
+          </div>
+        </template>
+      </el-table-column>
       <el-table-column label="操作" width="150px" align="center">
         <template slot-scope="scope">
           <edit v-if="checkPermission(['ADMIN','REDIS_ALL','REDIS_EDIT'])" :data="scope.row" :sup_this="sup_this"/>
           <el-popover
             v-if="checkPermission(['ADMIN','REDIS_ALL','REDIS_DELETE'])"
-            v-model="scope.row.delPopover"
+            :ref="scope.$index"
             placement="top"
             width="180">
             <p>确定删除本条数据吗？</p>
             <div style="text-align: right; margin: 0">
-              <el-button size="mini" type="text" @click="scope.row.delPopover = false">取消</el-button>
+              <el-button size="mini" type="text" @click="$refs[scope.$index].doClose()">取消</el-button>
               <el-button :loading="delLoading" type="primary" size="mini" @click="subDelete(scope.$index, scope.row)">确定</el-button>
             </div>
-            <el-button slot="reference" type="danger" size="mini" @click="scope.row.delPopover = true">删除</el-button>
+            <el-button slot="reference" type="danger" size="mini">删除</el-button>
           </el-popover>
         </template>
       </el-table-column>
@@ -40,10 +52,9 @@
 
 <script>
 import checkPermission from '@/utils/permission' // 权限判断函数
-import initData from '../../../mixins/initData'
+import initData from '@/mixins/initData'
 import { del } from '@/api/redis'
 import { getPermissionTree } from '@/api/permission'
-import { parseTime } from '@/utils/index'
 import eHeader from './module/header'
 import edit from './module/edit'
 export default {
@@ -78,7 +89,7 @@ export default {
       this.delLoading = true
       del(row.key).then(res => {
         this.delLoading = false
-        row.delPopover = false
+        this.$refs[index].doClose()
         this.init()
         this.$notify({
           title: '删除成功',
@@ -87,13 +98,10 @@ export default {
         })
       }).catch(err => {
         this.delLoading = false
-        row.delPopover = false
+        this.$refs[index].doClose()
         console.log(err.response.data.message)
       })
     },
-    time(time) {
-      return parseTime(time)
-    },
     getPermissions() {
       getPermissionTree().then(res => {
         this.permissions = res