opt:日志优化

lms/nladmin-ui/src/views/loki/view/index.vue

@@ -33,6 +33,14 @@
             />
           </el-select>
         </el-form-item>
+        <el-form-item label="接口">
+          <el-input
+            v-model="requestMethod"
+            size="mini"
+            placeholder="请输入内容"
+            clearable
+          />
+        </el-form-item>
         <el-form-item label="关键字">
           <el-input
             v-model="message"
@@ -49,16 +57,6 @@
             clearable
           />
         </el-form-item>
-
-        <el-form-item label="SQL日志" prop="filterSql">
-          <el-switch
-            v-model="filterSql"
-            active-color="#F56C6C"
-            inactive-color="#409EFF"
-            active-value="1"
-            inactive-valu="0"
-          />
-        </el-form-item>
         <el-form-item label="HTTP日志" prop="isRequest">
           <el-switch
             v-model="isRequest"
@@ -84,12 +82,13 @@
           />
         </el-form-item>
         <el-form-item v-show="showOptions" label="时间段">
-          <el-select v-model="timeZoneValue" filterable placeholder="请选择标签" size="mini" @change="queryData">
+          <el-select v-model="timeZoneValue"  clearable filterable placeholder="请选择标签" size="mini" @change="queryData">
             <el-option
               v-for="item in timeZoneOptions"
               :key="item.index"
               :label="item.label"
               :value="item.value"
+              clearable
             />
           </el-select>
         </el-form-item>
@@ -163,6 +162,7 @@
             <div>
               <span style="color: #6c0a99;font-weight: 700">{{ log.system }}</span>
               <span style="color: #13ce66">{{ log.thread }}</span>
+              <span style="color: #cebb13">{{ log.logger }}</span>
               <span :style="fontType(log.logLevel)">{{ log.logLevel }}</span>
               <span>{{ log.requestIp }}</span>
               <span style="color: #7c8db0">{{ log.requestTime }}</span>
@@ -205,6 +205,7 @@ export default {
       timeRange: [],
       message: '',
       traceId: '',
+      requestMethod: '',
       size: 20,
       logData: [],
       filterSql: '1',
@@ -302,6 +303,7 @@ export default {
       // 清空查询数据
       this.clearParam()
       queryParam.logLevel = this.logLevelValue
+      queryParam.requestMethod = this.requestMethod
       const time = new Date()
       if (this.timeZoneValue !== '') {
         queryParam.startTime = new Date(((time.getTime() - this.timeZoneValue)))
@@ -312,7 +314,7 @@ export default {
       }
       queryParam.message = this.message.replace(/^\s*|\s*$/g, '')
       queryParam.filterSql = this.filterSql === '1'
-      queryParam.isRequest = this.filterSql === '1'
+      queryParam.isRequest = this.isRequest === '1'
       queryParam.traceId = this.traceId
       queryParam.size = this.size
       queryParam.page = this.page
@@ -323,8 +325,8 @@ export default {
         this.total = res.total
         // 清空
         this.logs = []
-        for (const j in res.records) { // 用push的方式将所有日志数组添加进去
-          this.logs.push(res.records[j])
+        for (const j in res.page) { // 用push的方式将所有日志数组添加进去
+          this.logs.push(res.page[j])
         }
       })
     },