优化账单查询页面
This commit is contained in:
@@ -58,8 +58,8 @@ const QueryTransactions = () => {
|
|||||||
return {
|
return {
|
||||||
...prev,
|
...prev,
|
||||||
page: prev.page + 1,
|
page: prev.page + 1,
|
||||||
}
|
};
|
||||||
})
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
@@ -130,7 +130,7 @@ const QueryTransactions = () => {
|
|||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (load_transactions_params.keyword === "") return;
|
if (load_transactions_params.keyword === "") return;
|
||||||
getSearchHistory();
|
getSearchHistory();
|
||||||
}, [load_transactions_params.keyword])
|
}, [load_transactions_params.keyword]);
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @description 点击搜索
|
* @description 点击搜索
|
||||||
@@ -139,7 +139,7 @@ const QueryTransactions = () => {
|
|||||||
// set_loading_transactions(true);
|
// set_loading_transactions(true);
|
||||||
try {
|
try {
|
||||||
const response = await httpService.post("/wallet/transactions", {
|
const response = await httpService.post("/wallet/transactions", {
|
||||||
...load_transactions_params
|
...load_transactions_params,
|
||||||
});
|
});
|
||||||
if (response && response.data && response.data.list.length) {
|
if (response && response.data && response.data.list.length) {
|
||||||
setTransactions([...transactions, ...response.data.list]);
|
setTransactions([...transactions, ...response.data.list]);
|
||||||
@@ -179,7 +179,7 @@ const QueryTransactions = () => {
|
|||||||
|
|
||||||
// 格式化时间显示
|
// 格式化时间显示
|
||||||
const format_time = (time: string) => {
|
const format_time = (time: string) => {
|
||||||
time = time.replace(/-/g, '/');
|
time = time.replace(/-/g, "/");
|
||||||
const date = new Date(time);
|
const date = new Date(time);
|
||||||
const month = String(date.getMonth() + 1).padStart(2, "0");
|
const month = String(date.getMonth() + 1).padStart(2, "0");
|
||||||
const day = String(date.getDate()).padStart(2, "0");
|
const day = String(date.getDate()).padStart(2, "0");
|
||||||
@@ -248,7 +248,10 @@ const QueryTransactions = () => {
|
|||||||
defaultValue={keyword}
|
defaultValue={keyword}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
onClear={handleClear}
|
onClear={handleClear}
|
||||||
onBlur={() => {setKeyword(load_transactions_params.keyword)}}
|
onBlur={() => {
|
||||||
|
// load_transactions_params.keyword &&
|
||||||
|
// setKeyword(load_transactions_params.keyword);
|
||||||
|
}}
|
||||||
clearable={false}
|
clearable={false}
|
||||||
ref={ref}
|
ref={ref}
|
||||||
/>
|
/>
|
||||||
@@ -264,6 +267,8 @@ const QueryTransactions = () => {
|
|||||||
<Text
|
<Text
|
||||||
className="searchText"
|
className="searchText"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
|
isInitialMount.current = false;
|
||||||
|
setTransactions([]);
|
||||||
set_load_transactions_params((prev) => {
|
set_load_transactions_params((prev) => {
|
||||||
return { ...prev, page: 1, keyword };
|
return { ...prev, page: 1, keyword };
|
||||||
});
|
});
|
||||||
@@ -314,7 +319,8 @@ const QueryTransactions = () => {
|
|||||||
<View className="loading_state">
|
<View className="loading_state">
|
||||||
<Text className="loading_text">加载中...</Text>
|
<Text className="loading_text">加载中...</Text>
|
||||||
</View>
|
</View>
|
||||||
) : transactions.length > 0 && load_transactions_params.keyword !== "" ? (
|
) : transactions.length > 0 &&
|
||||||
|
load_transactions_params.keyword !== "" ? (
|
||||||
transactions.map((transaction) => {
|
transactions.map((transaction) => {
|
||||||
const timeInfo = format_time(transaction.create_time);
|
const timeInfo = format_time(transaction.create_time);
|
||||||
return (
|
return (
|
||||||
|
|||||||
Reference in New Issue
Block a user