舞台更新

acs/qd/src/views/monitor/logback/index.vue

@@ -4,7 +4,7 @@
       <!--工具栏-->
       <el-form :inline="true" class="demo-form-inline">
         <el-form-item label="标签">
-          <el-select v-model="logLabel" placeholder="请选择标签" size="mini" @change="getValues">
+          <el-select v-model="logLabel" filterable placeholder="请选择标签" size="mini" @change="getValues">
             <el-option
               v-for="item in labelOptions"
               :key="item.index"
@@ -14,7 +14,7 @@
           </el-select>
         </el-form-item>
         <el-form-item label="=">
-          <el-select v-model="logLabelValue" placeholder="请选择标签" size="mini" @change="queryData">
+          <el-select v-model="logLabelValue" filterable placeholder="请选择标签" size="mini" @change="queryData">
             <el-option
               v-for="item in labelValueOptions"
               :key="item.index"
@@ -47,6 +47,7 @@
         <el-form-item label="关键字">
           <el-input
             v-model="text"
+            style="width: 300px"
             size="mini"
             placeholder="请输入内容"
             clearable
@@ -88,7 +89,7 @@
       <!--数据加载-->
       <el-card v-else shadow="hover">
         <div v-for="(log, index) in logs" :key="index">
-          <div style="margin-bottom: 5px; font-size: 12px" v-html="log[1]" />
+          <div style="margin-bottom: 5px; font-size: 12px; width: 100%" v-html="log[1]" />
         </div>
       </el-card>
     </div>
@@ -264,6 +265,7 @@ export default {
       })
     },
     getValues() {
+      this.logLabelValue = null
       logOperation.getAllValues(this.logLabel).then(res => {
         this.labelValueOptions = res.data
       })
@@ -329,7 +331,7 @@ export default {
         direction: 'backward'
       }
     },
-    handleScroll(e) {
+    handleScroll() {
       const scrollTop = document.documentElement.scrollTop// 滚动高度
       const clientHeight = document.documentElement.clientHeight// 可视高度
       const scrollHeight = document.documentElement.scrollHeight// 内容高度