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