28509

project/shandong10086/apps/shandong/monitor/components/deviceSlider.vue

@@ -14,8 +14,13 @@
           <el-option v-for="(op,i) in dict.getDict('deviceStatus')" :key="i" :value="op.dictValue"
                      :label="op.dictName"/>
         </el-select>
-        <el-input v-model="search.name" size="mini" placeholder="设备名称" prefix-icon="el-icon-search"
-                  @change="handleTreeFilter" clearable/>
+        <el-input
+          v-model="search.name"
+          size="mini"
+          placeholder="设备名称"
+          v-throttle="handleTreeFilter"
+          prefix-icon="el-icon-search"
+          @clear="search.name = '', handleTreeFilter()" clearable/>
       </div>
       <div title>设备列表</div>
       <div fill class="deviceList">
@@ -108,8 +113,8 @@ export default {
 
       return data?.name?.indexOf(v) > -1  && (!this.search.bind ? true : data.deviceStatus === this.search.bind)
     },
-    handleTreeFilter(v) {
-      this.$refs.deviceTree?.filter(v)
+    handleTreeFilter() {
+      this.$refs.deviceTree?.filter(this.search.name)
     },
 
     onChange () {