|
|
|
@ -143,7 +143,7 @@ const FlightPlanForm = (props) => {
|
|
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
<FormGroup>
|
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span>시작 기간 |
|
|
|
|
<span className='necessary'>*</span>비행시작일자 |
|
|
|
|
</Label> |
|
|
|
|
<Flatpickr size='sm' className='form-control calendar-flat' />
|
|
|
|
|
</FormGroup> |
|
|
|
@ -151,19 +151,15 @@ const FlightPlanForm = (props) => {
|
|
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span>종료 기간 |
|
|
|
|
<span className='necessary'>*</span>비행종료일자 |
|
|
|
|
</Label> |
|
|
|
|
<Flatpickr size='sm' className='form-control calendar-flat' />
|
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
</Row> |
|
|
|
|
</div> |
|
|
|
|
<div className='search-info-box'> |
|
|
|
|
<Row> |
|
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span>비행 장치 |
|
|
|
|
<span className='necessary'>*</span>비행 목적 |
|
|
|
|
</Label> |
|
|
|
|
<Input |
|
|
|
|
type='select' |
|
|
|
@ -194,24 +190,28 @@ const FlightPlanForm = (props) => {
|
|
|
|
|
</Input> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
</Row> |
|
|
|
|
</div> |
|
|
|
|
<div className='search-info-box'> |
|
|
|
|
|
|
|
|
|
{/* <Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span>비행 목적 |
|
|
|
|
<span className='necessary'>*</span>비행 장치 |
|
|
|
|
</Label> |
|
|
|
|
<Input |
|
|
|
|
type='select' |
|
|
|
|
name='arcrftTypeCd' |
|
|
|
|
id='arcrftTypeCd' |
|
|
|
|
size='sm' |
|
|
|
|
// innerRef={props.data}
|
|
|
|
|
// className={classnames({
|
|
|
|
|
// 'is-invalid': props.errors.arcrftTypeCd
|
|
|
|
|
// })}
|
|
|
|
|
innerRef={props.data}
|
|
|
|
|
className={classnames({ |
|
|
|
|
'is-invalid': props.errors.arcrftTypeCd |
|
|
|
|
})} |
|
|
|
|
> |
|
|
|
|
<option value=''>= 선택 =</option> |
|
|
|
|
{/* CDNOT 코드연동 필요 */} |
|
|
|
|
{/* {ARCTFT_TYPE_CD.map(item => { |
|
|
|
|
CDNOT 코드연동 필요 |
|
|
|
|
{ARCTFT_TYPE_CD.map(item => { |
|
|
|
|
return ( |
|
|
|
|
<option |
|
|
|
|
value={item.code} |
|
|
|
@ -224,11 +224,12 @@ const FlightPlanForm = (props) => {
|
|
|
|
|
{item.codeNm} |
|
|
|
|
</option> |
|
|
|
|
); |
|
|
|
|
})} */} |
|
|
|
|
})} |
|
|
|
|
</Input> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
</Col> */} |
|
|
|
|
|
|
|
|
|
{/* <Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'></span>비행 방식 |
|
|
|
@ -237,21 +238,20 @@ const FlightPlanForm = (props) => {
|
|
|
|
|
type='text' |
|
|
|
|
id='arcrftModelNm' |
|
|
|
|
name='arcrftModelNm' |
|
|
|
|
// innerRef={props.data}
|
|
|
|
|
innerRef={props.data} |
|
|
|
|
size='sm' |
|
|
|
|
placeholder='' |
|
|
|
|
// className={classnames({
|
|
|
|
|
// 'is-invalid': props.errors.arcrftModelNm
|
|
|
|
|
// })}
|
|
|
|
|
className={classnames({ |
|
|
|
|
'is-invalid': props.errors.arcrftModelNm |
|
|
|
|
})} |
|
|
|
|
/> |
|
|
|
|
{/* {props.errors && props.errors.arcrftModelNm && ( |
|
|
|
|
{props.errors && props.errors.arcrftModelNm && ( |
|
|
|
|
<FormFeedback> |
|
|
|
|
{props.errors.arcrftModelNm.message} |
|
|
|
|
</FormFeedback> |
|
|
|
|
)} */} |
|
|
|
|
)} |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
</Row> |
|
|
|
|
</Col> */} |
|
|
|
|
</div> |
|
|
|
|
</dt> |
|
|
|
|
|
|
|
|
@ -265,6 +265,205 @@ const FlightPlanForm = (props) => {
|
|
|
|
|
비행 구역 설정 |
|
|
|
|
</Button.Ripple> |
|
|
|
|
</div> |
|
|
|
|
<div className='search-info-box'> |
|
|
|
|
<Row> |
|
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span>좌표1 |
|
|
|
|
</Label> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
id='ownerNm' |
|
|
|
|
name='ownerNm'
|
|
|
|
|
size='sm' |
|
|
|
|
placeholder=''
|
|
|
|
|
readOnly |
|
|
|
|
/> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' lg={5} md={7} sm={12}> |
|
|
|
|
<FormGroup className='m_ft'> |
|
|
|
|
<div className='m_ft_box'> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span> 반경 / 고도 |
|
|
|
|
</Label> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
id='ownerNm' |
|
|
|
|
name='ownerNm'
|
|
|
|
|
size='sm' |
|
|
|
|
placeholder='반경'
|
|
|
|
|
readOnly
|
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<div className='m_ft_box'> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
id='ownerNm' |
|
|
|
|
name='ownerNm'
|
|
|
|
|
size='sm' |
|
|
|
|
placeholder='고도'
|
|
|
|
|
readOnly
|
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
</Row> |
|
|
|
|
</div> |
|
|
|
|
<div className='search-info-box'> |
|
|
|
|
<Row> |
|
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span>좌표2 |
|
|
|
|
</Label> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
id='ownerNm' |
|
|
|
|
name='ownerNm'
|
|
|
|
|
size='sm' |
|
|
|
|
placeholder=''
|
|
|
|
|
readOnly
|
|
|
|
|
/> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' lg={5} md={6} sm={12}> |
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span> 비행방식 |
|
|
|
|
</Label> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
id='ownerNm' |
|
|
|
|
name='ownerNm'
|
|
|
|
|
size='sm' |
|
|
|
|
placeholder=''
|
|
|
|
|
readOnly
|
|
|
|
|
/> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span>좌표3 |
|
|
|
|
</Label> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
id='ownerNm' |
|
|
|
|
name='ownerNm'
|
|
|
|
|
size='sm' |
|
|
|
|
placeholder=''
|
|
|
|
|
readOnly
|
|
|
|
|
/> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
|
|
|
|
|
</Row> |
|
|
|
|
</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='search-info-ti d-flex justify-content-between'> |
|
|
|
|
<h4 className='ti'>조종사 정보</h4> |
|
|
|
|
<Button.Ripple
|
|
|
|
|
color="primary" |
|
|
|
|
onClick={props.openModal} |
|
|
|
|
> |
|
|
|
|
조종사 조회
|
|
|
|
|
</Button.Ripple> |
|
|
|
|
</div> |
|
|
|
|
<div className='search-info-box'> |
|
|
|
|
<Row> |
|
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span>그룹명 |
|
|
|
|
</Label> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
id='ownerNm' |
|
|
|
|
name='ownerNm'
|
|
|
|
|
size='sm' |
|
|
|
|
placeholder=''
|
|
|
|
|
readOnly |
|
|
|
|
/> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span>성명 |
|
|
|
|
</Label> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
id='ownerNm' |
|
|
|
|
name='ownerNm'
|
|
|
|
|
size='sm' |
|
|
|
|
placeholder=''
|
|
|
|
|
readOnly
|
|
|
|
|
/> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
</Row> |
|
|
|
|
</div> |
|
|
|
|
<div className='search-info-box'> |
|
|
|
|
<Row> |
|
|
|
|
<Col className='list-input' lg={4} md={7} sm={12}> |
|
|
|
|
<FormGroup className='m_ft'> |
|
|
|
|
<div className='m_ft_box'> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span> 핸드폰 번호 |
|
|
|
|
</Label> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
id='ownerNm' |
|
|
|
|
name='ownerNm'
|
|
|
|
|
size='sm' |
|
|
|
|
placeholder='+82'
|
|
|
|
|
readOnly
|
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
<div className='m_ft_box'> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
id='ownerNm' |
|
|
|
|
name='ownerNm'
|
|
|
|
|
size='sm' |
|
|
|
|
placeholder='010-0000-0000' |
|
|
|
|
readOnly
|
|
|
|
|
|
|
|
|
|
/> |
|
|
|
|
</div> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'> |
|
|
|
|
<span className='necessary'>*</span>이메일 |
|
|
|
|
</Label> |
|
|
|
|
<Input |
|
|
|
|
type='text' |
|
|
|
|
id='ownerNm' |
|
|
|
|
name='ownerNm'
|
|
|
|
|
size='sm' |
|
|
|
|
placeholder=''
|
|
|
|
|
readOnly
|
|
|
|
|
/> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
</Row> |
|
|
|
|
</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='search-info-ti d-flex justify-content-between'> |
|
|
|
|
<h4 className='ti'>기체 정보</h4> |
|
|
|
|
<Button.Ripple
|
|
|
|
|
color="primary" |
|
|
|
|
onClick={props.openModal} |
|
|
|
|
> |
|
|
|
|
기체 조회
|
|
|
|
|
</Button.Ripple> |
|
|
|
|
</div> |
|
|
|
|
<div className='search-info-box'> |
|
|
|
|
<Row> |
|
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
|