下载记录、钱包账单添加加载更多；监听键盘高度优化样式

src/user_pages/queryTransactions/index.tsx

@@ -25,7 +25,7 @@ interface History {
 interface TransactionLoadParams {
   page: number;
   limit: number;
-  keyword?: string;
+  keyword: string;
 }
 
 const QueryTransactions = () => {
@@ -34,18 +34,19 @@ const QueryTransactions = () => {
   const [transactions, setTransactions] = useState<Transaction[]>([]);
   const [searchHistory, setSearchHistory] = useState<History[]>([]);
   const ref = useRef<any>(null);
+  const [keyword, setKeyword] = useState("");
   const [load_transactions_params, set_load_transactions_params] =
     useState<TransactionLoadParams>({
       page: 1,
       limit: 20,
       keyword: "",
     });
-
+  const [totalpages, setTotalpages] = useState(1);
   useEffect(() => {
     getSearchHistory();
-    return () => {
-      handleClear();
-    };
+    // return () => {
+    //   handleClear();
+    // };
   }, []);
 
   useEffect(() => {
@@ -55,6 +56,7 @@ const QueryTransactions = () => {
   }, [ref.current]);
 
   useReachBottom(() => {
+    if (load_transactions_params.page >= totalpages) return;
     set_load_transactions_params((prev) => {
       return {
         ...prev,
@@ -93,9 +95,7 @@ const QueryTransactions = () => {
    * @param value
    */
   const handleChange = (value: string) => {
-    set_load_transactions_params((prev) => {
-      return { ...prev, keyword: value };
-    });
+    setKeyword(value);
   };
 
   /**
@@ -104,7 +104,7 @@ const QueryTransactions = () => {
   const handleClear = () => {
     setTransactions([]);
     set_load_transactions_params((prev) => {
-      return { ...prev, keyword: "" };
+      return { ...prev, page: 1, keyword: "" };
     });
   };
 
@@ -114,7 +114,7 @@ const QueryTransactions = () => {
    */
   const handleHistoryClick = (item: { id: number; keyword: string }) => {
     set_load_transactions_params((prev) => {
-      return { ...prev, keyword: item?.keyword };
+      return { ...prev, page: 1, keyword: item?.keyword };
     });
   };
 
@@ -129,16 +129,20 @@ const QueryTransactions = () => {
   /**
    * @description 点击搜索
    */
-  const handleSearch = async (val?: string) => {
+  const handleSearch = async () => {
     // set_loading_transactions(true);
     try {
       const response = await httpService.post("/wallet/transactions", {
-        ...load_transactions_params,
-        keyword: val,
+        ...load_transactions_params
       });
-
-      if (response && response.data && response.data.list) {
+      if (load_transactions_params.keyword !== "") {
+        getSearchHistory();
+      }
+      if (response && response.data && response.data.list.length) {
         setTransactions([...transactions, ...response.data.list]);
+        setTotalpages(response.data.totalPages);
+      } else if (load_transactions_params.page === 1) {
+        setTransactions([]);
       }
     } catch (error) {
       setTransactions([]);
@@ -237,8 +241,8 @@ const QueryTransactions = () => {
             <Image className="searchIcon" src={img.ICON_LIST_SEARCH_SEARCH} />
             <Input
               placeholder="查找"
-              value={load_transactions_params.keyword}
-              defaultValue={load_transactions_params.keyword}
+              value={keyword}
+              defaultValue={keyword}
               onChange={handleChange}
               onClear={handleClear}
               autoFocus
@@ -256,7 +260,11 @@ const QueryTransactions = () => {
               <View className="searchLine" />
               <Text
                 className="searchText"
-                onClick={() => handleSearch(load_transactions_params.keyword)}
+                onClick={() => {
+                  set_load_transactions_params((prev) => {
+                    return { ...prev, page: 1, keyword };
+                  });
+                }}
               >
                 搜索
               </Text>
@@ -303,7 +311,7 @@ const QueryTransactions = () => {
             <View className="loading_state">
               <Text className="loading_text">加载中...</Text>
             </View>
-          ) : transactions.length > 0 ? (
+          ) : transactions.length > 0 && load_transactions_params.keyword !== "" ? (
             transactions.map((transaction) => {
               const timeInfo = format_time(transaction.create_time);
               return (