opt:优化日志查询

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

@@ -7,7 +7,7 @@
           <el-select
             v-model="system"
             clearable
-            style="width: 100px; height: 35px;top: -5px;"
+            style="width: 100px; height: 35px;top: 0px;"
             placeholder="所属标签"
           >
             <el-option
@@ -22,7 +22,7 @@
           <el-select
             v-model="logLevelValue"
             clearable
-            style="width: 100px; height: 35px;top: -5px;"
+            style="width: 10px; height: 35px;top: 0px;"
             placeholder="日志级别"
           >
             <el-option
@@ -34,11 +34,26 @@
           </el-select>
         </el-form-item>
         <el-form-item label="接口">
+        <el-select
+          v-model="requestMethod"
+          clearable
+          filterable
+          style="width: 150px; height: 35px;top: 0px;"
+          placeholder="接口"
+        >
+          <el-option
+            v-for="item in interfaces"
+            :key="item.value"
+            :label="item.label"
+            :value="item.value"
+          />
+        </el-select>
+        </el-form-item>
+        <el-form-item >
           <el-input
             v-model="requestMethod"
             size="mini"
-            placeholder="请输入内容"
-            clearable
+            placeholder="接口地址"
           />
         </el-form-item>
         <el-form-item label="关键字">
@@ -200,6 +215,7 @@ export default {
     return {
       labelsOptions: [], // 所有标签和对应所有值数据
       systemOptions: [], // 所有标签和对应所有值数据
+      interfaces: [], // 所有标签和对应所有值数据
       logLevelValue: '',
       system: '',
       timeRange: [],
@@ -274,7 +290,7 @@ export default {
   },
   created() {
     this.initLabelsValues('logLevel')
-    this.initLabelsValues('system')
+    this.initLabelsValues('interface')
   },
   methods: {
     fontType(level) {
@@ -294,8 +310,8 @@ export default {
         if (type === 'logLevel') {
           this.labelsOptions = res
         }
-        if (type === 'system') {
-          this.systemOptions = res
+        if (type === 'interface') {
+          this.interfaces = res
         }
       })
     },