feat: 联系人名称查询加入防抖处理

src/pages/Customer/Contact/index.jsx

@@ -11,6 +11,7 @@ import consts from '@/consts'
 import { queryContact, apiAddClient } from '@/services/contact'
 import styles from './index.less'
 import LazyCascader from '@/components/LazyCascader'
+import { useDebounceFn } from 'ahooks'
 
 const Contact = props => {
   const { collapsed } = props
@@ -291,11 +292,7 @@ const Contact = props => {
       width: 150
     }
   ]
-  // const { data = [], total = 0 } = props
-  // const { contactName: { list } } = props // 将contact中的pros.list命名为list
-  // const contanctlist = [...list]
-  // console.log(props)
-  // console.log(contanctlist)
+
   const [columnsStateMap, setColumnsStateMap] = useState({
     telephone: {
       show: false
@@ -349,6 +346,12 @@ const Contact = props => {
     initData({ search: value })
   }
 
+  const searchOnchange = e => {
+    const { value = '' } = e.target
+    initData({ search: value })
+  }
+  const { run: handleSearchInputChange } = useDebounceFn(searchOnchange)
+
   const onDistrictChange = value => {
     const [province = '', city = '', area = ''] = value
     initData({ province, city, area })
@@ -371,7 +374,8 @@ const Contact = props => {
           search={false}
           toolbar={{
             search: {
-              onSearch: handleSearch
+              onSearch: handleSearch,
+              onChange: handleSearchInputChange
             },
             actions: [
               <LazyCascader onChange={onDistrictChange} key="LazyCascader" />,