|
|
|
@ -1,15 +1,23 @@
|
|
|
|
|
import { useState } from 'react'; |
|
|
|
|
import { useState, useEffect } from 'react'; |
|
|
|
|
import { useDispatch, Selector, useSelector } from 'react-redux'; |
|
|
|
|
import { Row, Col, Button, Card, CardBody } from 'reactstrap'; |
|
|
|
|
import { Search, Calendar } from 'react-feather'; |
|
|
|
|
import Flatpickr from 'react-flatpickr'; |
|
|
|
|
import moment from 'moment'; |
|
|
|
|
import * as LaancAction from '../../modules/laanc/actions/laancActions'; |
|
|
|
|
|
|
|
|
|
function LaancSearch() { |
|
|
|
|
const dispatch = useDispatch(); |
|
|
|
|
|
|
|
|
|
const [date, setDate] = useState({ |
|
|
|
|
stDate: moment().subtract(0, 'day').format('YYYY-MM-DD'), |
|
|
|
|
endDate: moment().subtract(-14, 'day').format('YYYY-MM-DD') |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
dispatch(LaancAction.LAANC_APRV_LIST.request({ ...date, page: 1 })); |
|
|
|
|
}, []); |
|
|
|
|
|
|
|
|
|
const handlerChangeDate = selectedDates => { |
|
|
|
|
if (selectedDates.length === 2) { |
|
|
|
|
const stDate = moment(selectedDates[0]).format('YYYY-MM-DD'); |
|
|
|
@ -18,6 +26,10 @@ function LaancSearch() {
|
|
|
|
|
} |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const handlerClick = () => { |
|
|
|
|
dispatch(LaancAction.LAANC_APRV_LIST.request({ ...date, page: 1 })); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<div className='pal-card-box'> |
|
|
|
|
<Row> |
|
|
|
@ -27,7 +39,13 @@ function LaancSearch() {
|
|
|
|
|
<h4>검색조건</h4> |
|
|
|
|
</div> |
|
|
|
|
<div className='d-flex align-items-center'> |
|
|
|
|
<Button.Ripple color='primary' size='sm' onClick={() => {}}> |
|
|
|
|
<Button.Ripple |
|
|
|
|
color='primary' |
|
|
|
|
size='sm' |
|
|
|
|
onClick={() => { |
|
|
|
|
handlerClick(); |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
<Search size={16} /> |
|
|
|
|
검색 |
|
|
|
|
</Button.Ripple> |
|
|
|
|