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

Merge branch 'master' of http://gitea.palntour.com/pav/pav-home

pull/2/head
junh_eee(이준희) 2 years ago
parent
27a7409f39 58562a3b45
commit
500ff2426b
1 changed files with 889 additions and 846 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. 395
      src/components/basis/flight/plan/FlightPlanForm.js

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

@ -12,7 +12,10 @@ import {
import Flatpickr from 'react-flatpickr';
import '@styles/react/libs/flatpickr/flatpickr.scss';
import moment from 'moment';
import { initFlight, initFlightBas } from '../../../../modules/basis/flight/models/basisFlightModel';
import {
initFlight,
initFlightBas
} from '../../../../modules/basis/flight/models/basisFlightModel';
import FlightPlanPilotContainer from '../../../../containers/basis/flight/plan/FlightPlanPilotContainer';
import { FlightPlanModal } from './FlightPlanModal';
import FlightPlanArcrftContainer from '../../../../containers/basis/flight/plan/FlightPlanArcrftContainer';
@ -21,11 +24,17 @@ import { X } from 'react-feather';
import { useSelector } from 'react-redux';
import { shallowEqual } from 'react-redux';
const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDelete, modal, handleDeleteArray }) => {
const FlightPlanForm = ({
data,
handleModal,
handleChange,
handleSave,
handleDelete,
modal,
handleDeleteArray
}) => {
const { areaList, pilotList, arcrftList } = data;
const [date, setDate] = useState();
const [isFlightDone, setIsFlightDone] = useState();
@ -33,7 +42,6 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
const { user } = useSelector(state => state.authState, shallowEqual);
const { detail } = useSelector(state => state.flightState);
useEffect(() => {
if (detail.createDt) {
setDate(detail.schFltStDt);
@ -41,28 +49,28 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
if (detail?.createUserId == user?.cstmrSno || !detail.createUserId) {
// console.log(true)
setTest(false)
setTest(false);
} else {
// console.log(false)
setTest(true)
setTest(true);
}
}, [detail])
}, [detail]);
useEffect(() => {
setDate('');
}, [])
}, []);
useEffect(() => {
if (date) {
let cTime = new Date();
let pTime = new Date(date)
let pTime = new Date(date);
if (cTime > pTime) {
setIsFlightDone(true);
} else {
setIsFlightDone(false);
}
}
}, [date])
}, [date]);
return (
<Row>
@ -74,10 +82,8 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
<Card>
<CardBody className='pal-card-body'>
<div className='search-cont search-info pd-0'>
<div
className='cont-ti mb-1 d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
<div className='final'>
</div>
<div className='cont-ti mb-1 d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'>
<div className='final'></div>
</div>
<dl>
@ -86,12 +92,12 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
<h4 className='ti'>신청인 정보</h4>
</div>
<div className='search-info-box'>
<Row>
<Col className='list-input' lg={4} md={3} sm={12}>
<FormGroup>
<Label for='test'><span
className='necessary'>*</span>성명</Label>
<Label for='test'>
<span className='necessary'>*</span>성명
</Label>
<Input
readOnly={test}
type='text'
@ -99,26 +105,25 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
name='memberName'
// defaultValue={data.memberName}
value={data.memberName || ''}
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'plan',
name,
value,
})
value
});
}}
bsSize='sm'
placeholder=''
/>
</FormGroup>
</Col>
<Col className='list-input' lg={4} md={5} sm={12}>
<FormGroup className='m_ft'>
<div className='m_ft_box'>
<Label for='test'>
<span className='necessary'>*</span> 핸드폰 번호
<span className='necessary'>*</span>{' '}
핸드폰 번호
</Label>
<Input
type='text'
@ -128,15 +133,16 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
value={data.clncd || '+81'}
bsSize='sm'
placeholder='+82'
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'plan',
name,
value,
})
value
});
}}
readOnly />
readOnly
/>
</div>
<div className='m_ft_box'>
<Input
@ -147,13 +153,13 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
// defaultValue={data.hpno}
value={data.hpno || ''}
bsSize='sm'
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'plan',
name,
value,
})
value
});
}}
placeholder='010-0000-0000'
/>
@ -162,8 +168,9 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
</Col>
<Col className='list-input' lg={4} md={4} sm={12}>
<FormGroup>
<Label for='test'><span
className='necessary'>*</span>이메일</Label>
<Label for='test'>
<span className='necessary'>*</span>이메일
</Label>
<Input
readOnly={test}
type='text'
@ -172,13 +179,13 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
defaultValue={data.email || ''}
// value={data.email}
bsSize='sm'
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'plan',
name,
value,
})
value
});
}}
// innerRef={props.data}
placeholder=''
@ -197,7 +204,8 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
<Col className='list-input' lg={4} md={4} sm={12}>
<FormGroup>
<Label for='test'>
<span className='necessary'>*</span>비행시작일자
<span className='necessary'>*</span>
비행시작일자
</Label>
{/* {
(isFlightDone) ?
@ -246,13 +254,16 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
data-enable-time
// defaultValue={data.schFltStDt}
value={data.schFltStDt}
onChange={(date) => {
const value = moment(date[0]).format('YYYY-MM-DD HH:mm:ss') || '';
onChange={date => {
const value =
moment(date[0]).format(
'YYYY-MM-DD HH:mm:ss'
) || '';
handleChange({
type: 'plan',
name: 'schFltStDt',
value
})
});
}}
placeholder='비행 시작일자 선택(클릭)'
// {...{options:{minDate: "today"}}}
@ -262,7 +273,8 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
<Col className='list-input' lg={4} md={4} sm={12}>
<FormGroup>
<Label for='test'>
<span className='necessary'>*</span>비행종료일자
<span className='necessary'>*</span>
비행종료일자
</Label>
{/* {
(isFlightDone) ?
@ -311,13 +323,16 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
data-enable-time
// defaultValue={data.schFltEndDt}
value={data.schFltEndDt}
onChange={(date) => {
const value = moment(date[0]).format('YYYY-MM-DD HH:mm:ss') || '';
onChange={date => {
const value =
moment(date[0]).format(
'YYYY-MM-DD HH:mm:ss'
) || '';
handleChange({
type: 'plan',
name: 'schFltEndDt',
value
})
});
}}
placeholder='비행 종료일자 선택(클릭)'
// {...{options:{minDate: "today"}}}
@ -327,7 +342,8 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
<Col className='list-input' lg={4} md={4} sm={12}>
<FormGroup>
<Label for='test'>
<span className='necessary'>*</span>비행 목적
<span className='necessary'>*</span>비행
목적
</Label>
<Input
disabled={test}
@ -336,13 +352,13 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
name='fltPurpose'
value={data.fltPurpose}
bsSize='sm'
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'plan',
name,
value,
})
value
});
}}
// innerRef={props.data}
// className={classnames({
@ -351,12 +367,24 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
>
{/* TODO CDNOT 코드연동 필요 */}
<option value=''>= 선택 =</option>
<option value='시험비행'>= 시험비행 =</option>
<option value='교육비행'>= 교육비행 =</option>
<option value='사진/영상촬영'>= 사진/영상촬영 =</option>
<option value='비행훈련'>= 비행훈련 =</option>
<option value='비행교육'>= 비행교육 =</option>
<option value='비행실기시험'>= 비행실기시험 =</option>
<option value='시험비행'>
= 시험비행 =
</option>
<option value='교육비행'>
= 교육비행 =
</option>
<option value='사진/영상촬영'>
= 사진/영상촬영 =
</option>
<option value='비행훈련'>
= 비행훈련 =
</option>
<option value='비행교육'>
= 비행교육 =
</option>
<option value='비행실기시험'>
= 비행실기시험 =
</option>
</Input>
</FormGroup>
</Col>
@ -368,69 +396,89 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
<div className='search-info-ti d-flex justify-content-between'>
<h4 className='ti'>비행 구역 정보</h4>
<Button.Ripple
color="primary"
onClick={(e) => {
handleModal({ target: 'area', isOpen: true })
color='primary'
onClick={e => {
handleModal({ target: 'area', isOpen: true });
}}
>
비행 구역 설정
</Button.Ripple>
</div>
{areaList
? areaList.map((item, i) =>
<AreaForm key={i} index={i} data={item}
handleChange={handleChange} />)
: <AreaForm data={initFlightBas.area}
handleChange={handleChange} />}
{areaList ? (
areaList.map((item, i) => (
<AreaForm
key={i}
index={i}
data={item}
handleChange={handleChange}
/>
))
) : (
<AreaForm
data={initFlightBas.area}
handleChange={handleChange}
/>
)}
</dt>
<dt>
<div className='search-info-ti d-flex justify-content-between'>
<h4 className='ti'>조종사 정보</h4>
<Button.Ripple
disabled={test}
color="primary"
onClick={(e) => {
handleModal({ target: 'pilot', isOpen: true })
color='primary'
onClick={e => {
handleModal({ target: 'pilot', isOpen: true });
}}
>
조종사 조회
</Button.Ripple>
</div>
{pilotList
? pilotList.map((item, i) =>
<PilotForm key={i}
{pilotList ? (
pilotList.map((item, i) => (
<PilotForm
key={i}
index={i}
data={item}
handleChange={handleChange}
handleDeleteArray={handleDeleteArray}
/>)
: <PilotForm data={initFlightBas.pilot}
handleChange={handleChange} />}
/>
))
) : (
<PilotForm
data={initFlightBas.pilot}
handleChange={handleChange}
/>
)}
</dt>
<dt>
<div className='search-info-ti d-flex justify-content-between'>
<h4 className='ti'>기체 정보</h4>
<Button.Ripple
disabled={test}
color="primary"
onClick={(e) => {
color='primary'
onClick={e => {
handleModal({ target: 'arcrft', isOpen: true });
}}
>
기체 조회
</Button.Ripple>
</div>
{arcrftList
? arcrftList.map((item, i) =>
<ArcrftForm key={i}
{arcrftList ? (
arcrftList.map((item, i) => (
<ArcrftForm
key={i}
index={i}
data={item}
handleChange={handleChange}
handleDeleteArray={handleDeleteArray}
/>)
: <ArcrftForm data={initFlightBas.arcrft}
handleChange={handleChange} />}
/>
))
) : (
<ArcrftForm
data={initFlightBas.arcrft}
handleChange={handleChange}
/>
)}
</dt>
<div className='d-flex align-items-center'>
@ -443,6 +491,7 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
>
저장
</Button.Ripple>
{data.planSno ? (
<Button.Ripple
disabled={test}
color='danger'
@ -451,26 +500,21 @@ const FlightPlanForm = ({ data, handleModal, handleChange, handleSave, handleDel
>
삭제
</Button.Ripple>
) : null}
</div>
</dl>
</div>
</CardBody>
</Card>
</Col>
</Row>
</CardBody>
</Card>
</Col>
<SelectModal
modal={modal}
handleModal={handleModal}
test={test}
/>
<SelectModal modal={modal} handleModal={handleModal} test={test} />
</Row>
)
}
);
};
export default FlightPlanForm;
@ -484,21 +528,31 @@ const SelectModal = ({ handleModal, modal, test }) => {
isOpen = modal.pilot;
title = '조종사 조회';
type = 'pilot';
description = <FlightPlanPilotContainer handleModal={handleModal} type={type} />
description = (
<FlightPlanPilotContainer handleModal={handleModal} type={type} />
);
}
if (modal.arcrft) {
isOpen = modal.arcrft;
title = '기체 조회';
type = 'arcrft';
description = <FlightPlanArcrftContainer handleModal={handleModal} type={type} />;
description = (
<FlightPlanArcrftContainer handleModal={handleModal} type={type} />
);
}
if (modal.area) {
isOpen = modal.area;
title = '비행 구역 설정';
type = 'area';
description = <FlightPlanAreaContainer handleModal={handleModal} type={type} test={test} />;
description = (
<FlightPlanAreaContainer
handleModal={handleModal}
type={type}
test={test}
/>
);
}
return (
@ -509,29 +563,33 @@ const SelectModal = ({ handleModal, modal, test }) => {
isOpen={isOpen}
handleModal={handleModal}
/>
)
}
);
};
const AreaForm = ({ data, handleChange, index }) => {
return (<div className='search-info-box'>
return (
<div className='search-info-box'>
<Row>
<Col className='list-input' lg={4} md={12} sm={12}>
<FormGroup>
<Label for='test'>
<span rowSpan={3} className='necessary'>*</span>좌표
<span rowSpan={3} className='necessary'>
*
</span>
좌표
</Label>
{data && data.coordList && data.coordList.length > 0
? data.coordList.map((item, i) => {
return <Input
{data && data.coordList && data.coordList.length > 0 ? (
data.coordList.map((item, i) => {
return (
<Input
key={i}
type='text'
id='lonlat'
name='lonlat'
// defaultValue={(item.lat && item.lon) ? `${item.lat} / ${item.lon}` : '-'}
value={(item.lat && item.lon) ? `${item.lat} / ${item.lon}` : ''}
value={
item.lat && item.lon ? `${item.lat} / ${item.lon}` : ''
}
bsSize='sm'
placeholder='-'
// onChange={(e) => {
@ -547,13 +605,16 @@ const AreaForm = ({ data, handleChange, index }) => {
// style={{marginBottom: 5}}
readOnly
/>
}) : <Input
);
})
) : (
<Input
type='text'
id='lonlat'
name='lonlat'
bsSize='sm'
placeholder='-!!'
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'coord',
@ -561,12 +622,11 @@ const AreaForm = ({ data, handleChange, index }) => {
value,
index: 0,
pIndex: index
})
});
}}
readOnly
/>}
/>
)}
</FormGroup>
</Col>
<Col className='list-input' lg={4} md={6} sm={12}>
@ -583,14 +643,14 @@ const AreaForm = ({ data, handleChange, index }) => {
value={data.bufferZone}
bsSize='sm'
placeholder='반경'
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'area',
name,
value,
index
})
});
}}
readOnly
/>
@ -604,14 +664,14 @@ const AreaForm = ({ data, handleChange, index }) => {
value={data.fltElev}
bsSize='sm'
placeholder='고도'
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'area',
name,
value,
index
})
});
}}
readOnly
/>
@ -631,41 +691,40 @@ const AreaForm = ({ data, handleChange, index }) => {
value={data.fltMethod}
bsSize='sm'
placeholder=''
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'area',
name,
value,
index
})
});
}}
readOnly
/>
</FormGroup>
</Col>
</Row>
</div>)
}
</div>
);
};
const PilotForm = ({ data, handleChange, index, handleDeleteArray }) => {
const [test, setTest] = useState();
const { user } = useSelector(state => state.authState, shallowEqual);
const { detail } = useSelector(state => state.flightState);
useEffect(() => {
if (detail?.createUserId == user?.cstmrSno || !detail.createUserId) {
// console.log(true)
setTest(false)
setTest(false);
} else {
// console.log(false)
setTest(true)
setTest(true);
}
}, [detail]);
}, [detail])
return (<div className='search-info-box'>
return (
<div className='search-info-box'>
<Row>
<Col className='list-input' lg={4} md={6} sm={12}>
<FormGroup>
@ -673,7 +732,6 @@ const PilotForm = ({ data, handleChange, index, handleDeleteArray }) => {
<span className='necessary'>*</span>성명
</Label>
<Input
type='text'
id='memberName'
name='memberName'
@ -681,14 +739,14 @@ const PilotForm = ({ data, handleChange, index, handleDeleteArray }) => {
value={data.memberName}
bsSize='sm'
placeholder=''
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'pilot',
name,
value,
index
})
});
}}
readOnly
/>
@ -708,14 +766,14 @@ const PilotForm = ({ data, handleChange, index, handleDeleteArray }) => {
value={data.clncd}
bsSize='sm'
placeholder='+82'
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'pilot',
name,
value,
index
})
});
}}
readOnly
/>
@ -729,17 +787,16 @@ const PilotForm = ({ data, handleChange, index, handleDeleteArray }) => {
value={data.hpno}
bsSize='sm'
placeholder='010-0000-0000'
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'pilot',
name,
value,
index
})
});
}}
readOnly
/>
</div>
</FormGroup>
@ -757,45 +814,37 @@ const PilotForm = ({ data, handleChange, index, handleDeleteArray }) => {
value={data.email}
bsSize='sm'
placeholder=''
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'pilot',
name,
value,
index
})
});
}}
readOnly
/>
</FormGroup>
</Col>
<Col className='search-info-box-del-btn' lg={1} md={6} sm={12}>
{data.groupNm ?
(
{data.groupNm ? (
<Button.Ripple
disabled={test}
color='danger'
className='btn-icon'
onClick={() =>
handleDeleteArray({ type: 'pilot', index })
}
onClick={() => handleDeleteArray({ type: 'pilot', index })}
>
<X size={14} />
</Button.Ripple>
)
:
(
) : (
<></>
)
}
)}
</Col>
</Row>
</div>)
}
</div>
);
};
const ArcrftForm = ({ data, handleChange, index, handleDeleteArray }) => {
const [test, setTest] = useState();
@ -803,18 +852,17 @@ const ArcrftForm = ({ data, handleChange, index, handleDeleteArray }) => {
const { detail } = useSelector(state => state.flightState);
useEffect(() => {
if (detail?.createUserId == user?.cstmrSno || !detail.createUserId) {
// console.log(true)
setTest(false)
setTest(false);
} else {
// console.log(false)
setTest(true)
setTest(true);
}
}, [detail]);
}, [detail])
return (<div className='search-info-box'>
return (
<div className='search-info-box'>
<Row>
<Col className='list-input' lg={3} md={6} sm={12}>
<FormGroup>
@ -829,14 +877,14 @@ const ArcrftForm = ({ data, handleChange, index, handleDeleteArray }) => {
value={data.idntfNum}
bsSize='sm'
placeholder=''
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'arcrft',
name,
value,
index
})
});
}}
readOnly
/>
@ -855,14 +903,14 @@ const ArcrftForm = ({ data, handleChange, index, handleDeleteArray }) => {
value={data.arcrftModelNm}
bsSize='sm'
placeholder=''
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'arcrft',
name,
value,
index
})
});
}}
readOnly
/>
@ -881,14 +929,14 @@ const ArcrftForm = ({ data, handleChange, index, handleDeleteArray }) => {
value={data.arcrftTypeCd}
bsSize='sm'
placeholder=''
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'arcrft',
name,
value,
index
})
});
}}
readOnly
/>
@ -907,39 +955,34 @@ const ArcrftForm = ({ data, handleChange, index, handleDeleteArray }) => {
value={data.ownerNm}
bsSize='sm'
placeholder=''
onChange={(e) => {
onChange={e => {
const { name, value } = e.target;
handleChange({
type: 'arcrft',
name,
value,
index
})
});
}}
readOnly
/>
</FormGroup>
</Col>
{data.groupNm ?
(
{data.groupNm ? (
<Col className='search-info-box-del-btn' lg={1} md={6} sm={12}>
<Button.Ripple
disabled={test}
color='danger'
className='btn-icon'
onClick={() =>
handleDeleteArray({ type: 'arcrft', index })
}
onClick={() => handleDeleteArray({ type: 'arcrft', index })}
>
<X size={14} />
</Button.Ripple>
</Col>
)
:
(
) : (
<></>
)
}
)}
</Row>
</div>)
}
</div>
);
};

Write Preview
Loading…
Cancel
Save