|
|
|
@ -1,12 +1,15 @@
|
|
|
|
|
import { useState } from 'react'; |
|
|
|
|
import Flatpickr from 'react-flatpickr'; |
|
|
|
|
import { Button, Input, InputGroup, Col } from '@component/ui'; |
|
|
|
|
import { Button, Input, CustomInput, Col } from '@component/ui'; |
|
|
|
|
import { Search, Calendar } from 'react-feather'; |
|
|
|
|
import dayjs from 'dayjs'; |
|
|
|
|
|
|
|
|
|
export default function FlightApprovalsReport(props) { |
|
|
|
|
// 식별번호
|
|
|
|
|
const [filterId, setFilterId] = useState(''); |
|
|
|
|
|
|
|
|
|
// 지역
|
|
|
|
|
const [filterArea, setFilterArea] = useState(''); |
|
|
|
|
// 달력
|
|
|
|
|
const [searchDate, setSearchDate] = useState({ |
|
|
|
|
startDate: dayjs().format('YYYY-MM-DD'), |
|
|
|
@ -49,10 +52,49 @@ export default function FlightApprovalsReport(props) {
|
|
|
|
|
onChange={e => setFilterId(`${e.target.value}`)} |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
className='search-box' |
|
|
|
|
style={{ display: 'flex', justifyContent: 'start' }} |
|
|
|
|
> |
|
|
|
|
<div |
|
|
|
|
className='search-list-ti' |
|
|
|
|
style={{ |
|
|
|
|
color: '#555', |
|
|
|
|
textAlign: 'start', |
|
|
|
|
minWidth: '50px', |
|
|
|
|
width: '60px', |
|
|
|
|
marginLeft: '15px' |
|
|
|
|
}} |
|
|
|
|
> |
|
|
|
|
지역 |
|
|
|
|
</div> |
|
|
|
|
<div className='search-list'> |
|
|
|
|
<div className='search-list-cont'> |
|
|
|
|
<CustomInput |
|
|
|
|
inline |
|
|
|
|
type='checkbox' |
|
|
|
|
id='exampleCustomCheckbox' |
|
|
|
|
label='전체' |
|
|
|
|
checked={filterArea === ''} |
|
|
|
|
onChange={() => setFilterArea('')} |
|
|
|
|
/> |
|
|
|
|
<CustomInput |
|
|
|
|
inline |
|
|
|
|
type='checkbox' |
|
|
|
|
id='exampleCustomCheckbox2' |
|
|
|
|
label='김포' |
|
|
|
|
checked={filterArea === 'gimpo'} |
|
|
|
|
onChange={() => setFilterArea('gimpo')} |
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<Button |
|
|
|
|
color='primary' |
|
|
|
|
onClick={() => props.handlerSearch(filterId, searchDate)} |
|
|
|
|
onClick={() => |
|
|
|
|
props.handlerSearch(filterId, searchDate, filterArea) |
|
|
|
|
} |
|
|
|
|
size='sm' |
|
|
|
|
> |
|
|
|
|
검색 |
|
|
|
|