|
|
|
@ -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 ( |
|
|
|
|
<CustomMainLayout title={titleName}> |
|
|
|
|
{/* <div className='pal-card-box'> */} |
|
|
|
@ -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} |
|
|
|
|
/> |
|
|
|
|
</> |
|
|
|
|
) : ( |
|
|
|
|