|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
import moment from 'moment'; |
|
|
|
|
import { useEffect } from 'react'; |
|
|
|
|
import { useState } from 'react'; |
|
|
|
|
import { Calendar, Search } from 'react-feather'; |
|
|
|
|
import Flatpickr from 'react-flatpickr'; |
|
|
|
|
import { |
|
|
|
@ -13,16 +13,22 @@ import {
|
|
|
|
|
} from 'reactstrap'; |
|
|
|
|
|
|
|
|
|
export const AnalysisHistorySearch = props => { |
|
|
|
|
useEffect(() => { |
|
|
|
|
if (props.isClick != -1) { |
|
|
|
|
props.setParams({ |
|
|
|
|
...props.params, |
|
|
|
|
stDate: moment().subtract(props.dateType, 'day').format('YYYY-MM-DD'), |
|
|
|
|
endDate: moment().subtract(0, 'day').format('YYYY-MM-DD'), |
|
|
|
|
groupId: props.searchData.groupId |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
}, [props.dateType, props.isClick]); |
|
|
|
|
// useEffect(() => {
|
|
|
|
|
// if (props.isClick != -1) {
|
|
|
|
|
// props.setParams({
|
|
|
|
|
// ...props.params,
|
|
|
|
|
// stDate: moment().subtract(props.dateType, 'day').format('YYYY-MM-DD'),
|
|
|
|
|
// endDate: moment().subtract(0, 'day').format('YYYY-MM-DD'),
|
|
|
|
|
// groupId: props.searchData.groupId
|
|
|
|
|
// });
|
|
|
|
|
// }
|
|
|
|
|
// }, [props.dateType, props.isClick]);
|
|
|
|
|
const [diffDay, setDiffDay] = useState( |
|
|
|
|
moment(props.searchData.endDate).diff( |
|
|
|
|
moment(props.searchData.stDate), |
|
|
|
|
'days' |
|
|
|
|
) |
|
|
|
|
); |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
// <div className='pal-card-box'>
|
|
|
|
@ -84,36 +90,44 @@ export const AnalysisHistorySearch = props => {
|
|
|
|
|
<Button |
|
|
|
|
outline |
|
|
|
|
size='sm' |
|
|
|
|
className={props.isClick == 1 ? 'active' : ''} |
|
|
|
|
onClick={e => props.handlerClickDate(1)} |
|
|
|
|
className={diffDay == 1 ? 'active' : ''} |
|
|
|
|
onClick={e => { |
|
|
|
|
setDiffDay(1); |
|
|
|
|
props.handlerClickDate(1); |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
최근1일 |
|
|
|
|
</Button> |
|
|
|
|
<Button |
|
|
|
|
outline |
|
|
|
|
className={props.isClick == 7 ? 'active' : ''} |
|
|
|
|
className={diffDay == 7 ? 'active' : ''} |
|
|
|
|
size='sm' |
|
|
|
|
onClick={e => props.handlerClickDate(7)} |
|
|
|
|
onClick={e => { |
|
|
|
|
setDiffDay(7); |
|
|
|
|
props.handlerClickDate(7); |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
최근7일 |
|
|
|
|
</Button> |
|
|
|
|
<Button |
|
|
|
|
outline |
|
|
|
|
className={ |
|
|
|
|
props.isClick == 15 ? 'active' : '' |
|
|
|
|
} |
|
|
|
|
className={diffDay == 15 ? 'active' : ''} |
|
|
|
|
size='sm' |
|
|
|
|
onClick={e => props.handlerClickDate(15)} |
|
|
|
|
onClick={e => { |
|
|
|
|
setDiffDay(15); |
|
|
|
|
props.handlerClickDate(15); |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
최근 15일 |
|
|
|
|
</Button> |
|
|
|
|
<Button |
|
|
|
|
outline |
|
|
|
|
className={ |
|
|
|
|
props.isClick == 30 ? 'active' : '' |
|
|
|
|
} |
|
|
|
|
className={diffDay == 30 ? 'active' : ''} |
|
|
|
|
size='sm' |
|
|
|
|
onClick={e => props.handlerClickDate(30)} |
|
|
|
|
onClick={e => { |
|
|
|
|
setDiffDay(30); |
|
|
|
|
props.handlerClickDate(30); |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
최근 30일 |
|
|
|
|
</Button> |
|
|
|
|