|
|
@ -40,43 +40,67 @@ export default function NewFlightApprovalsReport(props) { |
|
|
|
검색일자 또는 신청번호/검토결과를 입력해주세요. |
|
|
|
검색일자 또는 신청번호/검토결과를 입력해주세요. |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className='layer-search layer-search-form'> |
|
|
|
<div className='layer-search layer-search-form'> |
|
|
|
<div className='calendar-flat'> |
|
|
|
<div className='input-n'> |
|
|
|
<Flatpickr |
|
|
|
<div className='list-input'> |
|
|
|
placeholder='날짜를 선택해주세요' |
|
|
|
<div className='calendar-flat'> |
|
|
|
id='searchDate' |
|
|
|
<Flatpickr |
|
|
|
options={{ |
|
|
|
placeholder='날짜를 선택해주세요' |
|
|
|
mode: 'range', |
|
|
|
id='searchDate' |
|
|
|
defaultDate: [searchDate.startDate, searchDate.endDate] |
|
|
|
options={{ |
|
|
|
}} |
|
|
|
mode: 'range', |
|
|
|
onChange={date => { |
|
|
|
defaultDate: [searchDate.startDate, searchDate.endDate] |
|
|
|
setSearchDate({ |
|
|
|
}} |
|
|
|
startDate: dayjs(date[0]).format('YYYY-MM-DD'), |
|
|
|
onChange={date => { |
|
|
|
endDate: dayjs(date[1]).format('YYYY-MM-DD') |
|
|
|
setSearchDate({ |
|
|
|
}); |
|
|
|
startDate: dayjs(date[0]).format('YYYY-MM-DD'), |
|
|
|
}} |
|
|
|
endDate: dayjs(date[1]).format('YYYY-MM-DD') |
|
|
|
className='form-control flat-picker bg-transparent border-0 shadow-none' |
|
|
|
}); |
|
|
|
/> |
|
|
|
}} |
|
|
|
<Calendar size={14} /> |
|
|
|
className='form-control flat-picker bg-transparent border-0 shadow-none' |
|
|
|
</div> |
|
|
|
/> |
|
|
|
<div className='list-input'> |
|
|
|
<Calendar size={14} /> |
|
|
|
<Input |
|
|
|
</div> |
|
|
|
type='text' |
|
|
|
</div> |
|
|
|
bsSize='sm' |
|
|
|
<div className='list-input'> |
|
|
|
placeholder='신청번호 또는 검토결과를 입력해주세요.' |
|
|
|
<Input |
|
|
|
value={props.filterId} |
|
|
|
type='text' |
|
|
|
onChange={e => props.setFilterId(e.target.value)} |
|
|
|
bsSize='sm' |
|
|
|
onKeyPress={handleKeyDown} |
|
|
|
placeholder='신청번호 또는 검토결과를 입력해주세요.' |
|
|
|
/> |
|
|
|
value={props.filterId} |
|
|
|
|
|
|
|
onChange={e => props.setFilterId(e.target.value)} |
|
|
|
|
|
|
|
onKeyPress={handleKeyDown} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='list-input'> |
|
|
|
|
|
|
|
<Input |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
placeholder='주소를 입력해주세요.' |
|
|
|
|
|
|
|
value={props.filterId} |
|
|
|
|
|
|
|
onChange={e => props.setFilterId(e.target.value)} |
|
|
|
|
|
|
|
onKeyPress={handleKeyDown} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div className='layer-content'> |
|
|
|
<div className='layer-content'> |
|
|
|
<div className='layer-ti'> |
|
|
|
<div className='layer-ti'> |
|
|
|
<h4>지역</h4> |
|
|
|
<h4>지역</h4> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className='input-btn-2n'> |
|
|
|
<div className='input-n'> |
|
|
|
|
|
|
|
<div className='list-input'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
type='select' |
|
|
|
|
|
|
|
id='filterArea' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
value={props.filterArea} |
|
|
|
|
|
|
|
onChange={e => props.setFilterArea(e.target.value)} |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<option value=''>전체</option> |
|
|
|
|
|
|
|
<option value='gimpo'>김포공항 관제권</option> |
|
|
|
|
|
|
|
</CustomInput> |
|
|
|
|
|
|
|
</div> |
|
|
|
<div className='list-input'> |
|
|
|
<div className='list-input'> |
|
|
|
<CustomInput |
|
|
|
<CustomInput |
|
|
|
inline |
|
|
|
|
|
|
|
type='select' |
|
|
|
type='select' |
|
|
|
id='filterArea' |
|
|
|
id='filterArea' |
|
|
|
bsSize='sm' |
|
|
|
bsSize='sm' |
|
|
@ -87,7 +111,7 @@ export default function NewFlightApprovalsReport(props) { |
|
|
|
<option value='gimpo'>김포공항 관제권</option> |
|
|
|
<option value='gimpo'>김포공항 관제권</option> |
|
|
|
</CustomInput> |
|
|
|
</CustomInput> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className='list-input-btn'> |
|
|
|
<div className='list-input list-input-btn'> |
|
|
|
<Button |
|
|
|
<Button |
|
|
|
color='primary' |
|
|
|
color='primary' |
|
|
|
onClick={() => |
|
|
|
onClick={() => |
|
|
|