bcjang/operationSystem-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

비즈니스 로그 조회조건 수정시 자동 조회 안되게 수정

Browse Source
This commit is contained in:
bcjang
2025-04-14 12:15:29 +09:00
parent 24eb59d937
commit 1598fa93b6
1 changed files with 19 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/components/ServiceManage/searchBar/BusinessLogSearchBar.js
View File

@@ -35,12 +35,12 @@ export const useBusinessLogSearch = (token, initialPageSize, setAlertMsg) => {
const [data, setData] = useState(null); const [data, setData] = useState(null);
useEffect(() => { useEffect(() => {
// fetchData(searchParams); // 컴포넌트 마운트 시 초기 데이터 로드 //초기 데이터 로드 안함
const initialLoad = async () => { // const initialLoad = async () => {
await fetchData(searchParams); // await fetchData(searchParams);
}; // };
initialLoad(); // initialLoad();
}, [token]); }, [token]);
const fetchData = useCallback(async (params) => { const fetchData = useCallback(async (params) => {
@@ -74,14 +74,18 @@ export const useBusinessLogSearch = (token, initialPageSize, setAlertMsg) => {
})); }));
}, []); }, []);
const handleSearch = useCallback(async (newParams = {}) => { const handleSearch = useCallback(async (newParams = {}, executeSearch = true) => {
const updatedParams = { const updatedParams = {
...searchParams, ...searchParams,
...newParams, ...newParams,
page_no: newParams.page_no || 1 // Reset to first page on new search page_no: newParams.page_no || 1 // Reset to first page on new search
}; };
updateSearchParams(updatedParams); updateSearchParams(updatedParams);
return await fetchData(updatedParams);
if (executeSearch) {
return await fetchData(updatedParams);
}
return null;
}, [searchParams, fetchData]); }, [searchParams, fetchData]);
const handleReset = useCallback(async () => { const handleReset = useCallback(async () => {
@@ -105,15 +109,15 @@ export const useBusinessLogSearch = (token, initialPageSize, setAlertMsg) => {
}, [initialPageSize, fetchData]); }, [initialPageSize, fetchData]);
const handlePageChange = useCallback(async (newPage) => { const handlePageChange = useCallback(async (newPage) => {
return await handleSearch({ page_no: newPage }); return await handleSearch({ page_no: newPage }, true);
}, [handleSearch]); }, [handleSearch]);
const handlePageSizeChange = useCallback(async (newSize) => { const handlePageSizeChange = useCallback(async (newSize) => {
return await handleSearch({ page_size: newSize, page_no: 1 }); return await handleSearch({ page_size: newSize, page_no: 1 }, true);
}, [handleSearch]); }, [handleSearch]);
const handleOrderByChange = useCallback(async (newOrder) => { const handleOrderByChange = useCallback(async (newOrder) => {
return await handleSearch({ order_by: newOrder }); return await handleSearch({ order_by: newOrder }, true);
}, [handleSearch]); }, [handleSearch]);
return { return {
@@ -133,13 +137,13 @@ const BusinessLogSearchBar = ({ searchParams, onSearch, onReset }) => {
const handleSubmit = event => { const handleSubmit = event => {
event.preventDefault(); event.preventDefault();
onSearch(searchParams); onSearch(searchParams, true);
}; };
const searchList = [ const searchList = [
<> <>
<InputGroup> <InputGroup>
<SelectInput value={searchParams.search_type} onChange={e => onSearch({search_type: e.target.value })}> <SelectInput value={searchParams.search_type} onChange={e => onSearch({search_type: e.target.value }, false)}>
{userSearchType2.map((data, index) => ( {userSearchType2.map((data, index) => (
<option key={index} value={data.value}> <option key={index} value={data.value}>
{data.name} {data.name}
@@ -151,7 +155,7 @@ const BusinessLogSearchBar = ({ searchParams, onSearch, onReset }) => {
placeholder={searchParams.search_type === 'GUID' ? 'GUID ID 입력' : searchParams.search_type === 'NICKNAME' ? '아바타명 입력' :'Account ID 입력'} placeholder={searchParams.search_type === 'GUID' ? 'GUID ID 입력' : searchParams.search_type === 'NICKNAME' ? '아바타명 입력' :'Account ID 입력'}
value={searchParams.search_data} value={searchParams.search_data}
width="260px" width="260px"
onChange={e => onSearch({ search_data: e.target.value })} onChange={e => onSearch({ search_data: e.target.value }, false)}
/> />
</InputGroup> </InputGroup>
</>, </>,
@@ -185,7 +189,7 @@ const BusinessLogSearchBar = ({ searchParams, onSearch, onReset }) => {
placeholder='트랜잭션 ID 입력' placeholder='트랜잭션 ID 입력'
value={searchParams.tran_id} value={searchParams.tran_id}
width="300px" width="300px"
onChange={e => onSearch({ tran_id: e.target.value })} onChange={e => onSearch({ tran_id: e.target.value }, false)}
/> />
</>, </>,
<> <>
@@ -200,7 +204,7 @@ const BusinessLogSearchBar = ({ searchParams, onSearch, onReset }) => {
]; ];
const filterComponent = ( const filterComponent = (
<SearchFilter value={searchParams.filters} onChange={e => onSearch({filters: e.target.value })} /> <SearchFilter value={searchParams.filters} onChange={e => onSearch({filters: e.target.value }, false)} />
); );
return <SearchBarLayout firstColumnData={searchList} secondColumnData={optionList} filter={filterComponent} direction={'column'} onReset={onReset} handleSubmit={handleSubmit} />; return <SearchBarLayout firstColumnData={searchList} secondColumnData={optionList} filter={filterComponent} direction={'column'} onReset={onReset} handleSubmit={handleSubmit} />;