|
|
@ -1,4 +1,4 @@ |
|
|
|
import { useState, useEffect } from 'react'; |
|
|
|
import { useState, useEffect, useRef } from 'react'; |
|
|
|
import Flatpickr from 'react-flatpickr'; |
|
|
|
import Flatpickr from 'react-flatpickr'; |
|
|
|
import { Button, Input, CustomInput, Col, Row } from '@component/ui'; |
|
|
|
import { Button, Input, CustomInput, Col, Row } from '@component/ui'; |
|
|
|
import { Search, Calendar } from 'react-feather'; |
|
|
|
import { Search, Calendar } from 'react-feather'; |
|
|
@ -12,7 +12,8 @@ export default function NewFlightApprovalsReport(props) { |
|
|
|
startDate: dayjs().format('YYYY-MM-DD'), |
|
|
|
startDate: dayjs().format('YYYY-MM-DD'), |
|
|
|
endDate: dayjs().format('YYYY-MM-DD') |
|
|
|
endDate: dayjs().format('YYYY-MM-DD') |
|
|
|
}); |
|
|
|
}); |
|
|
|
const location = useLocation(); |
|
|
|
|
|
|
|
|
|
|
|
const flatPickerRef = useRef(null); |
|
|
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
useEffect(() => { |
|
|
|
const popupSyncSearchData = JSON.parse(localStorage.getItem('popupState')); |
|
|
|
const popupSyncSearchData = JSON.parse(localStorage.getItem('popupState')); |
|
|
@ -24,10 +25,11 @@ export default function NewFlightApprovalsReport(props) { |
|
|
|
address: popupSyncSearchData.address |
|
|
|
address: popupSyncSearchData.address |
|
|
|
}); |
|
|
|
}); |
|
|
|
props.setFilterId(popupSyncSearchData.filter); |
|
|
|
props.setFilterId(popupSyncSearchData.filter); |
|
|
|
setSearchDate({ |
|
|
|
|
|
|
|
startDate: popupSyncSearchData.startDate, |
|
|
|
flatPickerRef.current.flatpickr.setDate( |
|
|
|
endDate: popupSyncSearchData.endDate |
|
|
|
[popupSyncSearchData.startDate, popupSyncSearchData.endDate], |
|
|
|
}); |
|
|
|
true |
|
|
|
|
|
|
|
); |
|
|
|
localStorage.removeItem('popupState'); |
|
|
|
localStorage.removeItem('popupState'); |
|
|
|
} |
|
|
|
} |
|
|
|
}, []); |
|
|
|
}, []); |
|
|
@ -51,6 +53,7 @@ export default function NewFlightApprovalsReport(props) { |
|
|
|
<div className='list-input'> |
|
|
|
<div className='list-input'> |
|
|
|
<div className='calendar-flat'> |
|
|
|
<div className='calendar-flat'> |
|
|
|
<Flatpickr |
|
|
|
<Flatpickr |
|
|
|
|
|
|
|
ref={flatPickerRef} |
|
|
|
placeholder='날짜를 선택해주세요' |
|
|
|
placeholder='날짜를 선택해주세요' |
|
|
|
id='searchDate' |
|
|
|
id='searchDate' |
|
|
|
options={{ |
|
|
|
options={{ |
|
|
@ -146,13 +149,14 @@ export default function NewFlightApprovalsReport(props) { |
|
|
|
<div className='list-input list-input-btn'> |
|
|
|
<div className='list-input list-input-btn'> |
|
|
|
<Button |
|
|
|
<Button |
|
|
|
color='primary' |
|
|
|
color='primary' |
|
|
|
onClick={() => |
|
|
|
onClick={() => { |
|
|
|
|
|
|
|
console.log(searchDate); |
|
|
|
props.handlerSearch( |
|
|
|
props.handlerSearch( |
|
|
|
props.filterId, |
|
|
|
props.filterId, |
|
|
|
searchDate, |
|
|
|
searchDate, |
|
|
|
props.filterArea |
|
|
|
props.filterArea |
|
|
|
) |
|
|
|
); |
|
|
|
} |
|
|
|
}} |
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
> |
|
|
|
> |
|
|
|
검색 |
|
|
|
검색 |
|
|
|