From 8c44e026adda5d27c6d68d695cf914bc8e20b11e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?kimjh=28=EA=B9=80=EC=9E=A5=ED=98=84=29?= Date: Tue, 15 Nov 2022 13:37:27 +0900 Subject: [PATCH] merge --- .../history/AnalysisHistoryContainer.js | 91 ++++++++----------- 1 file changed, 38 insertions(+), 53 deletions(-) diff --git a/src/containers/analysis/history/AnalysisHistoryContainer.js b/src/containers/analysis/history/AnalysisHistoryContainer.js index 0b197e0..1ef18db 100644 --- a/src/containers/analysis/history/AnalysisHistoryContainer.js +++ b/src/containers/analysis/history/AnalysisHistoryContainer.js @@ -1,5 +1,5 @@ import moment from 'moment'; -import { useEffect, useState } from 'react'; +import { useEffect, useState, useCallback } from 'react'; import { useDispatch, useSelector, shallowEqual } from 'react-redux'; import { Link } from 'react-router-dom'; import { AnalysisHistoryGrid } from '../../../components/analysis/history/AnalysisHistoryGrid'; @@ -25,18 +25,10 @@ import { useHistory } from 'react-router-dom'; import { MessageErrorModal } from '../../../components/message/MessageErrorModal'; export const AnalysisHistoryContainer = props => { - const { data, count, searchParams, total } = useSelector( + const { data, count, searchParams, total, page } = useSelector( state => state.analysisHistoryState ); - const initSearchData = { - //stDate: moment().subtract(1, 'day').format('YYYY-MM-DD'), - //endDate: moment().subtract(0, 'day').format('YYYY-MM-DD'), - // stDate: moment().set({ 'date': 1, 'h': 0, 'm': 0, 's': 0 }).format('YYYY-MM-DD HH:mm:ss'), - // endDate: moment().set({ 'h': 23, 'm': 59, 's': 59 }).format('YYYY-MM-DD HH:mm:ss'), - groupId: '' - }; - const [searchData, setSearchData] = useState(initSearchData); const { list: aprvList, aprvProc, @@ -47,8 +39,8 @@ export const AnalysisHistoryContainer = props => { ); const { user } = useSelector(state => state.authState, shallowEqual); - const [isClick, setIsClick] = useState(-1); - const [dateType, setDateType] = useState(1); + // const [isClick, setIsClick] = useState(-1); + // const [dateType, setDateType] = useState(1); const [modal, setModal] = useState({ isOpen: false, @@ -57,9 +49,20 @@ export const AnalysisHistoryContainer = props => { color: '' }); + const [params, setParams] = useState({ + stDate: selectGroup.stDate + ? moment(selectGroup.stDate).format('YYYY-MM-DD') + : moment().subtract(7, 'day').format('YYYY-MM-DD'), + endDate: selectGroup.endDate + ? moment(selectGroup.endDate).format('YYYY-MM-DD') + : moment().subtract(0, 'day').format('YYYY-MM-DD'), + search1: selectGroup.search1 ? selectGroup.search1 : '', + groupId: selectGroup.groupId ? selectGroup.groupId : '' + }); + useEffect(() => { if (aprvProc && aprvProc.result > 0) { - handleSearch(searchData); + handlerSearch(params); } }, [aprvProc]); @@ -77,20 +80,6 @@ export const AnalysisHistoryContainer = props => { } }, [user]); - useEffect(() => { - setParams({ - ...params, - stDate: moment().subtract(7, 'day').format('YYYY-MM-DD'), - endDate: moment().subtract(0, 'day').format('YYYY-MM-DD'), - search1: '', - groupId: searchData.groupId - }); - }, [searchData.groupId]); - - // useEffect(() => { - // handlerGroupCancel(); - // }, []); - const onKeyPress = e => { if (e.key == 'Enter') { handlerSearch(); @@ -99,8 +88,8 @@ export const AnalysisHistoryContainer = props => { const handleGroupSelect = ({ groupId }) => { // 권한 상관 없이 모두 조회 가능 - const param = searchData; - // param.cstmrSno = user.cstmrSno; + const param = params; + param.groupId = groupId; dispatch(FlightAction.FLIGHT_PLAN_GROUP_SELECT({ groupId: groupId })); @@ -109,14 +98,8 @@ export const AnalysisHistoryContainer = props => { sessionStorage.setItem('groupId', groupId); sessionStorage.setItem('cstmrSno', user.cstmrSno); - setIsClick(7); - setSearchData(prevState => { - return { - ...prevState, - // cstmrSno: user.cstmrSno, - groupId: groupId - }; - }); + // setIsClick(7); + setParams(prevState => ({ ...prevState, groupId })); dispatch(Actions.LIST_INITAL()); }; const handlerGroupCancel = () => { @@ -126,10 +109,11 @@ export const AnalysisHistoryContainer = props => { groupId: '', groupNm: '', endDate: '', - stDate: '' + stDate: '', + search1: '' }) ); - setIsClick(0); + // setIsClick(0); }; const dispatch = useDispatch(); @@ -243,13 +227,6 @@ export const AnalysisHistoryContainer = props => { } ]; - const [params, setParams] = useState({ - stDate: moment().subtract(1, 'day').format('YYYY-MM-DD'), - endDate: moment().subtract(-1, 'day').format('YYYY-MM-DD'), - search1: '', - groupId: searchData.groupId - }); - const handlerSearch = () => { if (!params.stDate || !params.endDate) { setModal({ @@ -266,7 +243,8 @@ export const AnalysisHistoryContainer = props => { color: 'modal-danger' }); } else { - dispatch(Actions.LIST_INITAL()); + // dispatch(Actions.LIST_INITAL()); + dispatch(FlightAction.FLIGHT_PLAN_GROUP_SELECT({ ...params })); dispatch(Actions.list.request({ searchParams: params, page: 1 })); } }; @@ -282,18 +260,24 @@ export const AnalysisHistoryContainer = props => { stDate: moment(val[0]).format('YYYY-MM-DD'), endDate: moment(val[1]).format('YYYY-MM-DD') }); - setIsClick(-1); + // setIsClick(-1); } } }; const handlerClickDate = val => { - setDateType(val); - setIsClick(val); + // setDateType(val); + // setIsClick(val); + setParams(prev => ({ + ...prev, + stDate: moment().subtract(val, 'day').format('YYYY-MM-DD'), + endDate: moment().subtract(0, 'day').format('YYYY-MM-DD') + })); }; const handlerPageChange = page => { dispatch(Actions.list.request({ searchParams: params, page })); }; + return ( {/*
*/} @@ -341,10 +325,10 @@ export const AnalysisHistoryContainer = props => { params={params} onKeyPress={onKeyPress} setParams={setParams} - isClick={isClick} - dateType={dateType} + // isClick={isClick} + // dateType={dateType} handlerClickDate={handlerClickDate} - searchData={searchData} + searchData={params} /> ) : ( @@ -369,6 +353,7 @@ export const AnalysisHistoryContainer = props => { pagination={true} paginationPerPage={10} paginationRowsPerPageOptions={[10, 20, 30, 40]} + page={page} /> ) : (