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: {