From 8abfcb0e55953e85e5b43c20c2bbd19d9e0c3600 Mon Sep 17 00:00:00 2001
From: yanran200730 <yanran200830@163.com>
Date: Thu, 24 Mar 2022 15:18:01 +0800
Subject: [PATCH] 28509

---
 .../shandong/monitor/components/deviceSlider.vue    | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/project/shandong10086/apps/shandong/monitor/components/deviceSlider.vue b/project/shandong10086/apps/shandong/monitor/components/deviceSlider.vue
index d7a5754b..0ed1f089 100644
--- a/project/shandong10086/apps/shandong/monitor/components/deviceSlider.vue
+++ b/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 () {