|
|
@ -11,6 +11,8 @@ import { |
|
|
|
} from 'reactstrap'; |
|
|
|
} from 'reactstrap'; |
|
|
|
import Flatpickr from 'react-flatpickr'; |
|
|
|
import Flatpickr from 'react-flatpickr'; |
|
|
|
import '@styles/react/libs/flatpickr/flatpickr.scss'; |
|
|
|
import '@styles/react/libs/flatpickr/flatpickr.scss'; |
|
|
|
|
|
|
|
import moment from 'moment'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const FlightPlanForm = (props) => { |
|
|
|
const FlightPlanForm = (props) => { |
|
|
@ -48,12 +50,10 @@ const FlightPlanForm = (props) => { |
|
|
|
<Label for='test'><span className='necessary'>*</span>성명</Label> |
|
|
|
<Label for='test'><span className='necessary'>*</span>성명</Label> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id={'memberName'} |
|
|
|
id='memberName' |
|
|
|
name={'memberName'} |
|
|
|
name='memberName' |
|
|
|
onChange={props.onChange} |
|
|
|
onChange={props.onChange} |
|
|
|
size='sm'
|
|
|
|
size='sm'
|
|
|
|
|
|
|
|
|
|
|
|
innerRef={props.data}
|
|
|
|
|
|
|
|
placeholder='' |
|
|
|
placeholder='' |
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
@ -70,6 +70,8 @@ const FlightPlanForm = (props) => { |
|
|
|
name='clncd'
|
|
|
|
name='clncd'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder='+82' |
|
|
|
placeholder='+82' |
|
|
|
|
|
|
|
value='+82'
|
|
|
|
|
|
|
|
|
|
|
|
readOnly
|
|
|
|
readOnly
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -79,6 +81,7 @@ const FlightPlanForm = (props) => { |
|
|
|
id='hpno' |
|
|
|
id='hpno' |
|
|
|
name='hpno'
|
|
|
|
name='hpno'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
|
|
|
|
onChange={props.onChange} |
|
|
|
placeholder='010-0000-0000' |
|
|
|
placeholder='010-0000-0000' |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@ -94,6 +97,7 @@ const FlightPlanForm = (props) => { |
|
|
|
id='email' |
|
|
|
id='email' |
|
|
|
name='email' |
|
|
|
name='email' |
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
|
|
|
|
onChange={props.onChange} |
|
|
|
// innerRef={props.data}
|
|
|
|
// innerRef={props.data}
|
|
|
|
placeholder='' |
|
|
|
placeholder='' |
|
|
|
/> |
|
|
|
/> |
|
|
@ -151,6 +155,10 @@ const FlightPlanForm = (props) => { |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='schFltStDt' |
|
|
|
id='schFltStDt' |
|
|
|
name='schFltStDt' |
|
|
|
name='schFltStDt' |
|
|
|
|
|
|
|
value={props.schFltStDt} |
|
|
|
|
|
|
|
onChange={val => |
|
|
|
|
|
|
|
props.handlerInput(val) |
|
|
|
|
|
|
|
} |
|
|
|
// innerRef={props.data}
|
|
|
|
// innerRef={props.data}
|
|
|
|
placeholder='비행 시작일자 선택(클릭)'/>
|
|
|
|
placeholder='비행 시작일자 선택(클릭)'/>
|
|
|
|
|
|
|
|
|
|
|
@ -159,13 +167,17 @@ const FlightPlanForm = (props) => { |
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
<FormGroup>
|
|
|
|
<FormGroup>
|
|
|
|
<Label for='test'> |
|
|
|
<Label for='test'> |
|
|
|
<span className='necessary'>*</span>비행시작일자 |
|
|
|
<span className='necessary'>*</span>비행종료일자 |
|
|
|
</Label> |
|
|
|
</Label> |
|
|
|
<Flatpickr size='sm'
|
|
|
|
<Flatpickr size='sm'
|
|
|
|
className='form-control calendar-flat'
|
|
|
|
className='form-control calendar-flat'
|
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='schFltEndDt' |
|
|
|
id='schFltEndDt' |
|
|
|
name='schFltEndDt' |
|
|
|
name='schFltEndDt' |
|
|
|
|
|
|
|
value={props.schFltEndDt} |
|
|
|
|
|
|
|
onChange={val => |
|
|
|
|
|
|
|
props.handlerInput(val) |
|
|
|
|
|
|
|
} |
|
|
|
// innerRef={props.data}
|
|
|
|
// innerRef={props.data}
|
|
|
|
placeholder='비행 종료일자 선택(클릭)'/>
|
|
|
|
placeholder='비행 종료일자 선택(클릭)'/>
|
|
|
|
|
|
|
|
|
|
|
@ -181,12 +193,19 @@ const FlightPlanForm = (props) => { |
|
|
|
name='fltPurpose' |
|
|
|
name='fltPurpose' |
|
|
|
id='fltPurpose' |
|
|
|
id='fltPurpose' |
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
|
|
|
|
onChange={props.onChange} |
|
|
|
// innerRef={props.data}
|
|
|
|
// innerRef={props.data}
|
|
|
|
// className={classnames({
|
|
|
|
// className={classnames({
|
|
|
|
// 'is-invalid': props.errors.arcrftTypeCd
|
|
|
|
// 'is-invalid': props.errors.arcrftTypeCd
|
|
|
|
// })}
|
|
|
|
// })}
|
|
|
|
> |
|
|
|
> |
|
|
|
<option value=''>= 선택 =</option> |
|
|
|
<option value=''>= 선택 =</option> |
|
|
|
|
|
|
|
<option value='시험비행'>= 시험비행 =</option> |
|
|
|
|
|
|
|
<option value='교육비행'>= 교육비행 =</option> |
|
|
|
|
|
|
|
<option value='사진/영상촬영'>= 사진/영상촬영 =</option> |
|
|
|
|
|
|
|
<option value='비행훈련'>= 비행훈련 =</option> |
|
|
|
|
|
|
|
<option value='비행교육'>= 비행교육 =</option> |
|
|
|
|
|
|
|
<option value='비행실기시험'>= 비행실기시험 =</option> |
|
|
|
{/* CDNOT 코드연동 필요 */} |
|
|
|
{/* CDNOT 코드연동 필요 */} |
|
|
|
{/* {ARCTFT_TYPE_CD.map(item => { |
|
|
|
{/* {ARCTFT_TYPE_CD.map(item => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
@ -289,11 +308,12 @@ const FlightPlanForm = (props) => { |
|
|
|
</Label> |
|
|
|
</Label> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='ownerNm' |
|
|
|
id='lonlat' |
|
|
|
name='ownerNm'
|
|
|
|
name='lonlat'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder='' |
|
|
|
placeholder='' |
|
|
|
readOnly |
|
|
|
onChange={props.onChange}
|
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -309,17 +329,19 @@ const FlightPlanForm = (props) => { |
|
|
|
name='fltElev'
|
|
|
|
name='fltElev'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder='반경'
|
|
|
|
placeholder='반경'
|
|
|
|
readOnly
|
|
|
|
onChange={props.onChange}
|
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className='m_ft_box'> |
|
|
|
<div className='m_ft_box'> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='fltElev' |
|
|
|
id='fltHight' |
|
|
|
name='fltElev'
|
|
|
|
name='fltHight'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder='고도' |
|
|
|
placeholder='고도' |
|
|
|
readOnly
|
|
|
|
onChange={props.onChange}
|
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
@ -335,11 +357,12 @@ const FlightPlanForm = (props) => { |
|
|
|
</Label> |
|
|
|
</Label> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='ownerNm' |
|
|
|
id='lonlat2' |
|
|
|
name='ownerNm'
|
|
|
|
name='lonlat2'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder=''
|
|
|
|
placeholder=''
|
|
|
|
readOnly
|
|
|
|
onChange={props.onChange} |
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -354,7 +377,8 @@ const FlightPlanForm = (props) => { |
|
|
|
name='fltMethod'
|
|
|
|
name='fltMethod'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder=''
|
|
|
|
placeholder=''
|
|
|
|
readOnly
|
|
|
|
onChange={props.onChange} |
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -365,11 +389,12 @@ const FlightPlanForm = (props) => { |
|
|
|
</Label> |
|
|
|
</Label> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='ownerNm' |
|
|
|
id='lonlat3' |
|
|
|
name='ownerNm'
|
|
|
|
name='lonlat3'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder='' |
|
|
|
placeholder='' |
|
|
|
readOnly
|
|
|
|
onChange={props.onChange}
|
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -400,7 +425,8 @@ const FlightPlanForm = (props) => { |
|
|
|
name='groupNm'
|
|
|
|
name='groupNm'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder=''
|
|
|
|
placeholder=''
|
|
|
|
readOnly |
|
|
|
onChange={props.onChange}
|
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -411,11 +437,12 @@ const FlightPlanForm = (props) => { |
|
|
|
</Label> |
|
|
|
</Label> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='memberName' |
|
|
|
id='pilotName' |
|
|
|
name='memberName'
|
|
|
|
name='pilotName'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder=''
|
|
|
|
placeholder=''
|
|
|
|
readOnly
|
|
|
|
onChange={props.onChange}
|
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -435,17 +462,19 @@ const FlightPlanForm = (props) => { |
|
|
|
name='clncd'
|
|
|
|
name='clncd'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder='+82'
|
|
|
|
placeholder='+82'
|
|
|
|
readOnly
|
|
|
|
onChange={props.onChange}
|
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className='m_ft_box'> |
|
|
|
<div className='m_ft_box'> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='hpno' |
|
|
|
id='pilotHpno' |
|
|
|
name='hpno'
|
|
|
|
name='pilotHpno'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder='010-0000-0000' |
|
|
|
placeholder='010-0000-0000' |
|
|
|
readOnly
|
|
|
|
onChange={props.onChange} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -458,11 +487,12 @@ const FlightPlanForm = (props) => { |
|
|
|
</Label> |
|
|
|
</Label> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='email' |
|
|
|
id='pilotEmail' |
|
|
|
name='email'
|
|
|
|
name='pilotEmail'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder=''
|
|
|
|
placeholder=''
|
|
|
|
readOnly
|
|
|
|
onChange={props.onChange}
|
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -488,11 +518,12 @@ const FlightPlanForm = (props) => { |
|
|
|
</Label> |
|
|
|
</Label> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
type='text' |
|
|
|
type='text' |
|
|
|
id='groupNm' |
|
|
|
id='aGroupNm' |
|
|
|
name='groupNm'
|
|
|
|
name='aGroupNm'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder=''
|
|
|
|
placeholder=''
|
|
|
|
readOnly |
|
|
|
onChange={props.onChange}
|
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -507,7 +538,8 @@ const FlightPlanForm = (props) => { |
|
|
|
name='arcrftModelNm'
|
|
|
|
name='arcrftModelNm'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder=''
|
|
|
|
placeholder=''
|
|
|
|
readOnly
|
|
|
|
onChange={props.onChange} |
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -526,7 +558,8 @@ const FlightPlanForm = (props) => { |
|
|
|
name='arcrftTypeCd'
|
|
|
|
name='arcrftTypeCd'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder=''
|
|
|
|
placeholder=''
|
|
|
|
readOnly
|
|
|
|
onChange={props.onChange} |
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -541,7 +574,8 @@ const FlightPlanForm = (props) => { |
|
|
|
name='ownerNm'
|
|
|
|
name='ownerNm'
|
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
placeholder=''
|
|
|
|
placeholder=''
|
|
|
|
readOnly
|
|
|
|
onChange={props.onChange} |
|
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|