样式调整

src/view/Manage/AssetManage/Component/AssetTable.jsx

@@ -7,6 +7,7 @@ import { useContextMenu, Menu as RcMenu, Item as RcItem } from "react-contexify"
 import LocalStorage from 'local-storage';
 import { Subject } from "rxjs";
 import produce from 'immer'
+import { useDebounceEffect } from 'ahooks'
 
 import FilterElementModal from './FilterElementModal';
 import AssetMount from '../../AssetRecycle/Component/AssetMount';
@@ -34,7 +35,6 @@ import 'react-contexify/dist/ReactContexify.css';
 import { getTemplateType } from "../../../../util/axios";
 
 const { Text } = Typography;
-const { Search } = Input;
 const { Column } = Table;
 
 const operationMap = {
@@ -294,12 +294,12 @@ const AssetTable = (props) => {
     //eslint-disable-next-line react-hooks/exhaustive-deps
   }, [timestamp])
 
-  useEffect(() => {
+  useDebounceEffect(() => {
     if (reference !== AssetRecycleReference && nodeId) {
       getFilterElementsGroupThenGetDataAssets();
     } 
     //eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [ keyword, pagination, elementsChanged, assetActionChanged, recursive, fullSearch, currentElementId, nodeId ])
+  }, [keyword, pagination, elementsChanged, assetActionChanged, recursive, fullSearch, currentElementId, nodeId], { wait: 300 })
 
   useEffect(() => {
     if (reference === AssetRecycleReference) {
@@ -768,11 +768,6 @@ const AssetTable = (props) => {
     })
   }
 
-  const onSearchInputChange = (value) => {
-    setKeyword(value||'');
-    setPagination({ ...pagination, pageNum: 1 });
-  }
-
   const addAsset =()=>{
     setAddAssetParams({
       visible: true
@@ -1291,11 +1286,13 @@ const AssetTable = (props) => {
             }
             </Select>
           }
-          <Search 
-            placeholder="请输入资产目录要素值" 
-            allowClear 
-            onSearch={onSearchInputChange} 
-            enterButton
+          <Input size="middle"
+            placeholder="请输入资产目录要素值"
+            value={keyword} allowClear
+            onChange={(e) => {
+              setKeyword(e.target.value);
+              setPagination({ ...pagination, pageNum: 1 });
+            }} 
             style={{ width: inputWidth }}
           />
           {