pav
/
pav-fe-kac
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

비행계획서 - 비행 시작 및 종료 계획서 수정 불가

pull/2/head
junh_eee(이준희) 2 years ago
parent
5a73f05b78
commit
2e4ce5c265
1 changed files with 138 additions and 51 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 189
      src/components/basis/flight/plan/FlightPlanForm.js

189
src/components/basis/flight/plan/FlightPlanForm.js
Unescape View File

@ -1,4 +1,4 @@
import React, { useEffect } from 'react';
import React, { useEffect, useState } from 'react';
import {
Card,
CardBody,
@ -24,6 +24,34 @@ import { useDispatch, useSelector } from 'react-redux';
const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDelete, modal, handleDeleteArray }) => {
const {areaList, pilotList, arcrftList} = data;
const flightState = useSelector(state => state.flightState);
const { detail } = flightState;
const [date ,setDate] = useState();
const [isBigCurrent, setIsBigCurrent] = useState();
useEffect(() => {
if(detail.createDt) {
setDate(detail.schFltStDt);
}
}, [detail])
useEffect(() => {
setDate('');
}, [])
useEffect(() => {
if(date) {
let cTime = new Date();
let pTime = new Date(date)
if(cTime > pTime) {
setIsBigCurrent(true);
} else {
setIsBigCurrent(false);
}
}
}, [date])
return (
<Row>
<Col sm='12'>
@ -69,6 +97,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
bsSize='sm'
placeholder=''
{ ...(isBigCurrent ? {readOnly:true} : {}) }
/>
</FormGroup>
</Col>
@ -84,7 +113,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
id='clncd'
name='clncd'
// defaultValue={data.clncd}
value={data.clncd || '+81'}
value={data.clncd || '+82'}
bsSize='sm'
placeholder='+82'
onChange={(e) => {
@ -115,6 +144,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
})
}}
placeholder='010-0000-0000'
{ ...(isBigCurrent ? {readOnly:true} : {}) }
/>
</div>
</FormGroup>
@ -140,6 +170,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
}}
// innerRef={props.data}
placeholder=''
{ ...(isBigCurrent ? {readOnly:true} : {}) }
/>
</FormGroup>
</Col>
@ -157,24 +188,43 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
<Label for='test'>
<span className='necessary'>*</span>비행시작일자
</Label>
<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='비행 시작일자 선택(클릭)'/>
{
(isBigCurrent) ?
(
<Input
type='text'
id='groupNm'
name='groupNm'
value={data.schFltStDt}
bsSize='sm'
placeholder=''
readOnly
/>
)
:
(
<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>
</Col>
<Col className='list-input' lg={4} md={4} sm={12}>
@ -182,23 +232,43 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
<Label for='test'>
<span className='necessary'>*</span>비행종료일자
</Label>
<Flatpickr size='sm'
className='form-control calendar-flat'
type='text'
id='schFltEndDt'
name='schFltEndDt'
data-enable-time
value={data.schFltEndDt}
onChange={(date) => {
const value = moment(date[0]).format('YYYY-MM-DD HH:mm:ss') || '';
handleChange({
type: 'plan',
name: 'schFltEndDt',
value
})
}}
placeholder='비행 종료일자 선택(클릭)'/>
{
(isBigCurrent) ?
(
<Input
type='text'
id='groupNm'
name='groupNm'
value={data.schFltEndDt}
bsSize='sm'
placeholder=''
readOnly
/>
)
:
(
<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>
</Col>
<Col className='list-input' lg={4} md={4} sm={12}>
@ -207,7 +277,8 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
<span className='necessary'>*</span>비행 목적
</Label>
<Input
type='select'
{...(isBigCurrent? {type:'text'} : {type:'select'})}
// type='select'
id='fltPurpose'
name='fltPurpose'
value={data.fltPurpose}
@ -220,19 +291,26 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
value,
})
}}
{...(isBigCurrent? {readOnly:true} : {})}
// innerRef={props.data}
// className={classnames({
// 'is-invalid': props.errors.arcrftTypeCd
// })}
>
{/* TODO CDNOT 코드연동 필요 */}
<option value=''>= 선택 =</option>
<option value='시험비행'>= 시험비행 =</option>
<option value='교육비행'>= 교육비행 =</option>
<option value='사진/영상촬영'>= 사진/영상촬영 =</option>
<option value='비행훈련'>= 비행훈련 =</option>
<option value='비행교육'>= 비행교육 =</option>
<option value='비행실기시험'>= 비행실기시험 =</option>
{ isBigCurrent ?
<></>
:
<>
<option value=''>= 선택 =</option>
<option value='시험비행'>= 시험비행 =</option>
<option value='교육비행'>= 교육비행 =</option>
<option value='사진/영상촬영'>= 사진/영상촬영 =</option>
<option value='비행훈련'>= 비행훈련 =</option>
<option value='비행교육'>= 비행교육 =</option>
<option value='비행실기시험'>= 비행실기시험 =</option>
</>
}
</Input>
</FormGroup>
@ -246,9 +324,10 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
<h4 className='ti'>비행 구역 정보</h4>
<Button.Ripple
color="primary"
onClick={(e) => {
onClick={(e) => {
handleModal({target: 'area', isOpen: true})
}}
}}
{...(isBigCurrent)? {disabled:true} : {} }
>
비행 구역 설정
</Button.Ripple>
@ -268,6 +347,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
onClick={(e) => {
handleModal({target: 'pilot', isOpen: true})
}}
{...(isBigCurrent)? {disabled:true} : {} }
>
조종사 조회
</Button.Ripple>
@ -278,7 +358,8 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
index={i}
data={item}
handleChange={handleChange}
handleDeleteArray ={handleDeleteArray}/>)
handleDeleteArray ={handleDeleteArray}
isBigCurrent={isBigCurrent}/>)
: <PilotForm data={initFlightBas.pilot}
handleChange={handleChange}/>}
</dt>
@ -290,6 +371,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
onClick={(e) => {
handleModal({target: 'arcrft', isOpen: true});
}}
{...(isBigCurrent)? {disabled:true} : {} }
>
기체 조회
</Button.Ripple>
@ -300,7 +382,8 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
index={i}
data={item}
handleChange={handleChange}
handleDeleteArray ={handleDeleteArray}/>)
handleDeleteArray ={handleDeleteArray}
isBigCurrent={isBigCurrent}/>)
: <ArcrftForm data={initFlightBas.arcrft}
handleChange={handleChange}/>}
@ -312,6 +395,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
color='primary'
size='sm'
onClick={handleSave}
{...(isBigCurrent)? {disabled:true} : {} }
>
저장
</Button.Ripple>
@ -319,6 +403,7 @@ const FlightPlanForm = ({data, handleModal, handleChange, handleSave, handleDele
color='danger'
size='sm'
onClick={handleDelete}
{...(isBigCurrent)? {disabled:true} : {} }
>
삭제
</Button.Ripple>
@ -517,7 +602,7 @@ const AreaForm = ({data, handleChange, index}) => {
</Row>
</div>)
}
const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
const PilotForm = ({data, handleChange, index, handleDeleteArray, isBigCurrent}) => {
return (<div className='search-info-box'>
<Row>
<Col className='list-input' lg={4} md={6} sm={12}>
@ -634,6 +719,7 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
handleDeleteArray({ type: 'pilot', index })
}
outline
{...(isBigCurrent)? {disabled:true} : {} }
>
<X size={14} className='mr-50' />
<span>삭제</span>
@ -650,7 +736,7 @@ const PilotForm = ({data, handleChange, index, handleDeleteArray}) => {
}
const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
const ArcrftForm = ({data, handleChange, index, handleDeleteArray, isBigCurrent}) => {
return (<div className='search-info-box'>
<Row>
<Col className='list-input' lg={3} md={6} sm={12}>
@ -791,6 +877,7 @@ const ArcrftForm = ({data, handleChange, index, handleDeleteArray}) => {
handleDeleteArray({ type: 'arcrft', index })
}
outline
{...(isBigCurrent)? {disabled:true} : {} }
>
<X size={14} className='mr-50' />
<span>삭제</span>

Write Preview
Loading…
Cancel
Save