搜索加防抖

src/views/equipmentManagement/devices/shareManage.vue

@@ -5,12 +5,16 @@
         <el-button type="primary" @click="ShowEdit"
           ><el-icon> <Plus /> </el-icon>添加分享</el-button
         >
-        <el-button type="danger" @click="DelShare(null, true)" :disabled="selectRows.length===0">批量删除</el-button>
+        <el-button type="danger" @click="DelShare(null, true)" :disabled="selectRows.length === 0">批量删除</el-button>
       </div>
 
       <el-form :inline="true" :model="filter" class="demo-form-inline">
         <el-form-item label="">
-          <el-input v-model="filter.phonenumber" placeholder="查找分享用户" />
+          <el-input v-model="filter.phonenumber" placeholder="查找分享用户" @input="Search">
+            <template #append>
+              <el-button :icon="'Search'" />
+            </template>
+          </el-input>
         </el-form-item>
         <el-form-item label="分享时间">
           <el-date-picker
@@ -269,8 +273,8 @@ function getPower(item) {
 //批量删除
 
 var selectRows = computed(() => {
-   let arr = getSelectionRows(grid);
-   return arr;
+  let arr = getSelectionRows(grid);
+  return arr;
 });
 
 function DelShare(item, isBatch) {
@@ -280,8 +284,8 @@ function DelShare(item, isBatch) {
   } else {
     arr = [item];
   }
-  if(arr.length===0){
-    alert("请选择需要删除的数据");
+  if (arr.length === 0) {
+    alert('请选择需要删除的数据');
     return;
   }
   debugger;
@@ -378,6 +382,14 @@ var getSelectionRows = (gridInstance) => {
   return [];
 };
 
+let searchTime=null;
+function Search(){
+   clearTimeout(searchTime);
+   searchTime=setTimeout(()=>{
+      getRecordList();
+   },500);
+}
+
 function getRecordList() {
   Status.loading = true;
 
@@ -547,4 +559,8 @@ watch(
 :deep .el-overlay .el-input-group__append {
   padding: 0px !important;
 }
+
+:deep .topFilter .el-input-group__append {
+  padding: 0px 10px !important;
+}
 </style>