|
|
@ -96,7 +96,6 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
|
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
bsSize='sm' |
|
|
|
placeholder='' |
|
|
|
placeholder='' |
|
|
|
{ ...(isFlightDone ? {readOnly:true} : {}) } |
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -143,7 +142,6 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
}) |
|
|
|
}) |
|
|
|
}} |
|
|
|
}} |
|
|
|
placeholder='010-0000-0000' |
|
|
|
placeholder='010-0000-0000' |
|
|
|
{ ...(isFlightDone ? {readOnly:true} : {}) } |
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
@ -169,7 +167,6 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
}} |
|
|
|
}} |
|
|
|
// innerRef={props.data}
|
|
|
|
// innerRef={props.data}
|
|
|
|
placeholder='' |
|
|
|
placeholder='' |
|
|
|
{ ...(isFlightDone ? {readOnly:true} : {}) } |
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -187,7 +184,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
<Label for='test'> |
|
|
|
<Label for='test'> |
|
|
|
<span className='necessary'>*</span>비행시작일자 |
|
|
|
<span className='necessary'>*</span>비행시작일자 |
|
|
|
</Label> |
|
|
|
</Label> |
|
|
|
{ |
|
|
|
{/* { |
|
|
|
(isFlightDone) ? |
|
|
|
(isFlightDone) ? |
|
|
|
( |
|
|
|
( |
|
|
|
<Input |
|
|
|
<Input |
|
|
@ -223,8 +220,27 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
{...{options:{minDate: "today"}}} |
|
|
|
{...{options:{minDate: "today"}}} |
|
|
|
/> |
|
|
|
/> |
|
|
|
) |
|
|
|
) |
|
|
|
} |
|
|
|
} */} |
|
|
|
|
|
|
|
<Flatpickr
|
|
|
|
|
|
|
|
size='sm' |
|
|
|
|
|
|
|
className='form-control calendar-flat' |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
id='schFltStDt' |
|
|
|
|
|
|
|
name='schFltStDt' |
|
|
|
|
|
|
|
data-enable-time |
|
|
|
|
|
|
|
// defaultValue={data.schFltStDt}
|
|
|
|
|
|
|
|
value={data.schFltStDt} |
|
|
|
|
|
|
|
onChange={(date) => { |
|
|
|
|
|
|
|
const value = moment(date[0]).format('YYYY-MM-DD HH:mm:ss') || ''; |
|
|
|
|
|
|
|
handleChange({ |
|
|
|
|
|
|
|
type: 'plan', |
|
|
|
|
|
|
|
name: 'schFltStDt', |
|
|
|
|
|
|
|
value |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
placeholder='비행 시작일자 선택(클릭)' |
|
|
|
|
|
|
|
// {...{options:{minDate: "today"}}}
|
|
|
|
|
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' lg={4} md={4} sm={12}> |
|
|
|
<Col className='list-input' lg={4} md={4} sm={12}> |
|
|
@ -232,7 +248,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
<Label for='test'> |
|
|
|
<Label for='test'> |
|
|
|
<span className='necessary'>*</span>비행종료일자 |
|
|
|
<span className='necessary'>*</span>비행종료일자 |
|
|
|
</Label> |
|
|
|
</Label> |
|
|
|
{ |
|
|
|
{/* { |
|
|
|
(isFlightDone) ? |
|
|
|
(isFlightDone) ? |
|
|
|
( |
|
|
|
( |
|
|
|
<Input |
|
|
|
<Input |
|
|
@ -268,7 +284,27 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
{...{options:{minDate: "today"}}} |
|
|
|
{...{options:{minDate: "today"}}} |
|
|
|
/> |
|
|
|
/> |
|
|
|
) |
|
|
|
) |
|
|
|
} |
|
|
|
} */} |
|
|
|
|
|
|
|
<Flatpickr
|
|
|
|
|
|
|
|
size='sm' |
|
|
|
|
|
|
|
className='form-control calendar-flat' |
|
|
|
|
|
|
|
type='text' |
|
|
|
|
|
|
|
id='schFltEndDt' |
|
|
|
|
|
|
|
name='schFltEndDt' |
|
|
|
|
|
|
|
data-enable-time |
|
|
|
|
|
|
|
// defaultValue={data.schFltEndDt}
|
|
|
|
|
|
|
|
value={data.schFltEndDt} |
|
|
|
|
|
|
|
onChange={(date) => { |
|
|
|
|
|
|
|
const value = moment(date[0]).format('YYYY-MM-DD HH:mm:ss') || ''; |
|
|
|
|
|
|
|
handleChange({ |
|
|
|
|
|
|
|
type: 'plan', |
|
|
|
|
|
|
|
name: 'schFltEndDt', |
|
|
|
|
|
|
|
value |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
}} |
|
|
|
|
|
|
|
placeholder='비행 종료일자 선택(클릭)' |
|
|
|
|
|
|
|
// {...{options:{minDate: "today"}}}
|
|
|
|
|
|
|
|
/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' lg={4} md={4} sm={12}> |
|
|
|
<Col className='list-input' lg={4} md={4} sm={12}> |
|
|
@ -277,7 +313,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
<span className='necessary'>*</span>비행 목적 |
|
|
|
<span className='necessary'>*</span>비행 목적 |
|
|
|
</Label> |
|
|
|
</Label> |
|
|
|
<Input |
|
|
|
<Input |
|
|
|
{...(isFlightDone? {type:'text'} : {type:'select'})} |
|
|
|
type='select' |
|
|
|
id='fltPurpose' |
|
|
|
id='fltPurpose' |
|
|
|
name='fltPurpose' |
|
|
|
name='fltPurpose' |
|
|
|
value={data.fltPurpose} |
|
|
|
value={data.fltPurpose} |
|
|
@ -290,17 +326,12 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
value, |
|
|
|
value, |
|
|
|
}) |
|
|
|
}) |
|
|
|
}} |
|
|
|
}} |
|
|
|
{...(isFlightDone? {readOnly:true} : {})} |
|
|
|
|
|
|
|
// innerRef={props.data}
|
|
|
|
// innerRef={props.data}
|
|
|
|
// className={classnames({
|
|
|
|
// className={classnames({
|
|
|
|
// 'is-invalid': props.errors.arcrftTypeCd
|
|
|
|
// 'is-invalid': props.errors.arcrftTypeCd
|
|
|
|
// })}
|
|
|
|
// })}
|
|
|
|
> |
|
|
|
> |
|
|
|
{/* TODO CDNOT 코드연동 필요 */} |
|
|
|
{/* TODO CDNOT 코드연동 필요 */} |
|
|
|
{ isFlightDone ? |
|
|
|
|
|
|
|
<></> |
|
|
|
|
|
|
|
: |
|
|
|
|
|
|
|
<> |
|
|
|
|
|
|
|
<option value=''>= 선택 =</option> |
|
|
|
<option value=''>= 선택 =</option> |
|
|
|
<option value='시험비행'>= 시험비행 =</option> |
|
|
|
<option value='시험비행'>= 시험비행 =</option> |
|
|
|
<option value='교육비행'>= 교육비행 =</option> |
|
|
|
<option value='교육비행'>= 교육비행 =</option> |
|
|
@ -308,9 +339,6 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
<option value='비행훈련'>= 비행훈련 =</option> |
|
|
|
<option value='비행훈련'>= 비행훈련 =</option> |
|
|
|
<option value='비행교육'>= 비행교육 =</option> |
|
|
|
<option value='비행교육'>= 비행교육 =</option> |
|
|
|
<option value='비행실기시험'>= 비행실기시험 =</option> |
|
|
|
<option value='비행실기시험'>= 비행실기시험 =</option> |
|
|
|
</> |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</Input> |
|
|
|
</Input> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
@ -326,7 +354,6 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
onClick={(e) => { |
|
|
|
onClick={(e) => { |
|
|
|
handleModal({target: 'area', isOpen: true}) |
|
|
|
handleModal({target: 'area', isOpen: true}) |
|
|
|
}} |
|
|
|
}} |
|
|
|
// {...(isFlightDone)? {disabled:true} : {} }
|
|
|
|
|
|
|
|
> |
|
|
|
> |
|
|
|
비행 구역 설정 |
|
|
|
비행 구역 설정 |
|
|
|
</Button.Ripple> |
|
|
|
</Button.Ripple> |
|
|
@ -346,7 +373,6 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
onClick={(e) => { |
|
|
|
onClick={(e) => { |
|
|
|
handleModal({target: 'pilot', isOpen: true}) |
|
|
|
handleModal({target: 'pilot', isOpen: true}) |
|
|
|
}} |
|
|
|
}} |
|
|
|
{...(isFlightDone)? {disabled:true} : {} } |
|
|
|
|
|
|
|
> |
|
|
|
> |
|
|
|
조종사 조회 |
|
|
|
조종사 조회 |
|
|
|
</Button.Ripple> |
|
|
|
</Button.Ripple> |
|
|
@ -358,7 +384,6 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
data={item} |
|
|
|
data={item} |
|
|
|
handleChange={handleChange} |
|
|
|
handleChange={handleChange} |
|
|
|
handleDeleteArray ={handleDeleteArray} |
|
|
|
handleDeleteArray ={handleDeleteArray} |
|
|
|
isFlightDone={isFlightDone} |
|
|
|
|
|
|
|
/>) |
|
|
|
/>) |
|
|
|
: <PilotForm data={initFlightBas.pilot} |
|
|
|
: <PilotForm data={initFlightBas.pilot} |
|
|
|
handleChange={handleChange}/>} |
|
|
|
handleChange={handleChange}/>} |
|
|
@ -371,7 +396,6 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
onClick={(e) => { |
|
|
|
onClick={(e) => { |
|
|
|
handleModal({target: 'arcrft', isOpen: true}); |
|
|
|
handleModal({target: 'arcrft', isOpen: true}); |
|
|
|
}} |
|
|
|
}} |
|
|
|
{...(isFlightDone)? {disabled:true} : {} } |
|
|
|
|
|
|
|
> |
|
|
|
> |
|
|
|
기체 조회 |
|
|
|
기체 조회 |
|
|
|
</Button.Ripple> |
|
|
|
</Button.Ripple> |
|
|
@ -383,7 +407,6 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
data={item} |
|
|
|
data={item} |
|
|
|
handleChange={handleChange} |
|
|
|
handleChange={handleChange} |
|
|
|
handleDeleteArray ={handleDeleteArray} |
|
|
|
handleDeleteArray ={handleDeleteArray} |
|
|
|
isFlightDone={isFlightDone} |
|
|
|
|
|
|
|
/>) |
|
|
|
/>) |
|
|
|
|
|
|
|
|
|
|
|
: <ArcrftForm data={initFlightBas.arcrft} |
|
|
|
: <ArcrftForm data={initFlightBas.arcrft} |
|
|
@ -396,7 +419,6 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
color='primary' |
|
|
|
color='primary' |
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
onClick={handleSave} |
|
|
|
onClick={handleSave} |
|
|
|
{...(isFlightDone)? {disabled:true} : {} } |
|
|
|
|
|
|
|
> |
|
|
|
> |
|
|
|
저장 |
|
|
|
저장 |
|
|
|
</Button.Ripple> |
|
|
|
</Button.Ripple> |
|
|
@ -404,7 +426,6 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
color='danger' |
|
|
|
color='danger' |
|
|
|
size='sm' |
|
|
|
size='sm' |
|
|
|
onClick={handleDelete} |
|
|
|
onClick={handleDelete} |
|
|
|
{...(isFlightDone)? {disabled:true} : {} } |
|
|
|
|
|
|
|
> |
|
|
|
> |
|
|
|
삭제 |
|
|
|
삭제 |
|
|
|
</Button.Ripple> |
|
|
|
</Button.Ripple> |
|
|
@ -423,7 +444,6 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
<SelectModal
|
|
|
|
<SelectModal
|
|
|
|
modal={modal} |
|
|
|
modal={modal} |
|
|
|
handleModal={handleModal}
|
|
|
|
handleModal={handleModal}
|
|
|
|
isFlightDone={isFlightDone}
|
|
|
|
|
|
|
|
/> |
|
|
|
/> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
|
) |
|
|
|
) |
|
|
@ -431,7 +451,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele |
|
|
|
|
|
|
|
|
|
|
|
export default FlightPlanForm; |
|
|
|
export default FlightPlanForm; |
|
|
|
|
|
|
|
|
|
|
|
const SelectModal = ({handleModal, modal, isFlightDone}) => { |
|
|
|
const SelectModal = ({handleModal, modal}) => { |
|
|
|
let title = ''; |
|
|
|
let title = ''; |
|
|
|
let description = ''; |
|
|
|
let description = ''; |
|
|
|
let type = ''; |
|
|
|
let type = ''; |
|
|
@ -455,7 +475,7 @@ const SelectModal = ({handleModal, modal, isFlightDone}) => { |
|
|
|
isOpen = modal.area; |
|
|
|
isOpen = modal.area; |
|
|
|
title = '비행 구역 설정'; |
|
|
|
title = '비행 구역 설정'; |
|
|
|
type = 'area'; |
|
|
|
type = 'area'; |
|
|
|
description = <FlightPlanAreaContainer handleModal={handleModal} type={type} isFlightDone={isFlightDone}/>; |
|
|
|
description = <FlightPlanAreaContainer handleModal={handleModal} type={type}/>; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
@ -604,7 +624,7 @@ const AreaForm = ({data, handleChange, index}) => { |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
|
</div>) |
|
|
|
</div>) |
|
|
|
} |
|
|
|
} |
|
|
|
const PilotForm = ({data, handleChange, index, handleDeleteArray, isFlightDone}) => { |
|
|
|
const PilotForm = ({data, handleChange, index, handleDeleteArray}) => { |
|
|
|
return (<div className='search-info-box'> |
|
|
|
return (<div className='search-info-box'> |
|
|
|
<Row> |
|
|
|
<Row> |
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
|
<Col className='list-input' lg={4} md={6} sm={12}> |
|
|
@ -720,7 +740,6 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray, isFlightDone}) |
|
|
|
onClick={() => |
|
|
|
onClick={() => |
|
|
|
handleDeleteArray({ type: 'pilot', index }) |
|
|
|
handleDeleteArray({ type: 'pilot', index }) |
|
|
|
} |
|
|
|
} |
|
|
|
{...(isFlightDone)? {disabled:true} : {} } |
|
|
|
|
|
|
|
> |
|
|
|
> |
|
|
|
<X size={14} /> |
|
|
|
<X size={14} /> |
|
|
|
</Button.Ripple> |
|
|
|
</Button.Ripple> |
|
|
@ -737,7 +756,7 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray, isFlightDone}) |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const ArcrftForm = ({data, handleChange, index, handleDeleteArray, isFlightDone}) => { |
|
|
|
const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => { |
|
|
|
return (<div className='search-info-box'> |
|
|
|
return (<div className='search-info-box'> |
|
|
|
<Row> |
|
|
|
<Row> |
|
|
|
<Col className='list-input' lg={3} md={6} sm={12}> |
|
|
|
<Col className='list-input' lg={3} md={6} sm={12}> |
|
|
@ -849,25 +868,6 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray, isFlightDone} |
|
|
|
|
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
{/* {index !== 0 ? |
|
|
|
|
|
|
|
( |
|
|
|
|
|
|
|
<Col className='count-del-btn' xs={12} md={2} xl={2} > |
|
|
|
|
|
|
|
<Button.Ripple |
|
|
|
|
|
|
|
color='danger' |
|
|
|
|
|
|
|
className='text-nowrap px-1' |
|
|
|
|
|
|
|
onClick={() => |
|
|
|
|
|
|
|
handleDeleteArray({ type: 'pilot', index }) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
outline |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<X size={14} className='mr-50' /> |
|
|
|
|
|
|
|
<span>삭제</span> |
|
|
|
|
|
|
|
</Button.Ripple> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
: |
|
|
|
|
|
|
|
<></> |
|
|
|
|
|
|
|
} */} |
|
|
|
|
|
|
|
{data.groupNm? |
|
|
|
{data.groupNm? |
|
|
|
( |
|
|
|
( |
|
|
|
<Col className='search-info-box-del-btn' lg={1} md={6} sm={12}> |
|
|
|
<Col className='search-info-box-del-btn' lg={1} md={6} sm={12}> |
|
|
@ -877,7 +877,6 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray, isFlightDone} |
|
|
|
onClick={() => |
|
|
|
onClick={() => |
|
|
|
handleDeleteArray({ type: 'arcrft', index }) |
|
|
|
handleDeleteArray({ type: 'arcrft', index }) |
|
|
|
} |
|
|
|
} |
|
|
|
{...(isFlightDone)? {disabled:true} : {} } |
|
|
|
|
|
|
|
> |
|
|
|
> |
|
|
|
<X size={14} /> |
|
|
|
<X size={14} /> |
|
|
|
</Button.Ripple> |
|
|
|
</Button.Ripple> |
|
|
|