|
|
@ -1,6 +1,6 @@ |
|
|
|
import { useState, useEffect, useRef } 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, FormGroup, Label } from '@component/ui'; |
|
|
|
import { Search, Calendar } from 'react-feather'; |
|
|
|
import { Search, Calendar } from 'react-feather'; |
|
|
|
import dayjs from 'dayjs'; |
|
|
|
import dayjs from 'dayjs'; |
|
|
|
import { |
|
|
|
import { |
|
|
@ -54,10 +54,9 @@ export default function NewFlightApprovalsReport(props) { |
|
|
|
<div className='input-n'> |
|
|
|
<div className='input-n'> |
|
|
|
<div className='list-input'> |
|
|
|
<div className='list-input'> |
|
|
|
<div className='layer-content'> |
|
|
|
<div className='layer-content'> |
|
|
|
<div className='layer-ti'> |
|
|
|
<FormGroup> |
|
|
|
<h4>신청일자</h4> |
|
|
|
<Label for='searchDate'>신청일자</Label> |
|
|
|
</div> |
|
|
|
<div className='calendar-flat'> |
|
|
|
<div className='calendar-flat'> |
|
|
|
|
|
|
|
<Flatpickr |
|
|
|
<Flatpickr |
|
|
|
ref={flatPickerRef} |
|
|
|
ref={flatPickerRef} |
|
|
|
placeholder='날짜를 선택해주세요' |
|
|
|
placeholder='날짜를 선택해주세요' |
|
|
@ -76,49 +75,50 @@ export default function NewFlightApprovalsReport(props) { |
|
|
|
/> |
|
|
|
/> |
|
|
|
<Calendar size={14} /> |
|
|
|
<Calendar size={14} /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div className='list-input'> |
|
|
|
<div className='list-input'> |
|
|
|
<div className='layer-content'> |
|
|
|
<div className='layer-content'> |
|
|
|
<div className='layer-ti'> |
|
|
|
<FormGroup> |
|
|
|
<h4>신청번호</h4> |
|
|
|
<Label for=''>신청번호</Label> |
|
|
|
</div> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
bsSize='sm' |
|
|
|
bsSize='sm' |
|
|
|
placeholder='신청번호 또는 검토결과를 입력해주세요.' |
|
|
|
placeholder='신청번호 또는 검토결과를 입력해주세요.' |
|
|
|
value={props.filterId} |
|
|
|
value={props.filterId} |
|
|
|
onChange={e => props.setFilterId(e.target.value)} |
|
|
|
onChange={e => props.setFilterId(e.target.value)} |
|
|
|
onKeyPress={handleKeyDown} |
|
|
|
onKeyPress={handleKeyDown} |
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div className='list-input'> |
|
|
|
<div className='list-input'> |
|
|
|
<div className='layer-content'> |
|
|
|
<div className='layer-content'> |
|
|
|
<div className='layer-ti'> |
|
|
|
<FormGroup> |
|
|
|
<h4>검토결과</h4> |
|
|
|
<Label for='reviewedType'>검토결과</Label> |
|
|
|
</div> |
|
|
|
<CustomInput |
|
|
|
<CustomInput |
|
|
|
type='select' |
|
|
|
type='select' |
|
|
|
bsSize='sm' |
|
|
|
bsSize='sm' |
|
|
|
id='reviewedType' |
|
|
|
id='reviewedType' |
|
|
|
placeholder='확인결과를 입력해주세요.' |
|
|
|
placeholder='확인결과를 입력해주세요.' |
|
|
|
value={props.reviewedType} |
|
|
|
value={props.reviewedType} |
|
|
|
onChange={e => props.setReviewedType(e.target.value)} |
|
|
|
onChange={e => props.setReviewedType(e.target.value)} |
|
|
|
onKeyPress={handleKeyDown} |
|
|
|
onKeyPress={handleKeyDown} |
|
|
|
> |
|
|
|
> |
|
|
|
{Object.values( |
|
|
|
{Object.values( |
|
|
|
props.pageName === 'control' |
|
|
|
props.pageName === 'control' |
|
|
|
? FlightCategory.Control |
|
|
|
? FlightCategory.Control |
|
|
|
: FlightCategory.Operation |
|
|
|
: FlightCategory.Operation |
|
|
|
).map(item => ( |
|
|
|
).map(item => ( |
|
|
|
<option key={item} value={item}> |
|
|
|
<option key={item} value={item}> |
|
|
|
{item} |
|
|
|
{item} |
|
|
|
</option> |
|
|
|
</option> |
|
|
|
))} |
|
|
|
))} |
|
|
|
</CustomInput> |
|
|
|
</CustomInput> |
|
|
|
</FormGroup> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|