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

비행계획서 신청 폼(작업중)

pull/2/head
qkr7828(박재우) 2 years ago
parent
0245eeeab5
commit
ff7dc57012
5 changed files with 281 additions and 38 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      src/components/basis/dron/BasisDronForm.js
  2. 57
      src/components/basis/dron/BasisIdntform.js
  3. 251
      src/components/basis/flight/plan/FlightPlanForm.js
  4. 2
      src/containers/basis/dron/BasisDronDetailContainer.js
  5. 2
      src/containers/basis/dron/BasisIdntfContainer.js

7
src/components/basis/dron/BasisDronForm.js
Unescape View File

@ -8,7 +8,8 @@ import {
FormGroup, FormGroup,
Input, Input,
Label, Label,
Row Row,
Button
} from 'reactstrap'; } from 'reactstrap';
import { ARCTFT_TYPE_CD, WGHT_TYPE_CD } from '../../../configs/constants'; import { ARCTFT_TYPE_CD, WGHT_TYPE_CD } from '../../../configs/constants';
@ -305,7 +306,7 @@ export const BasisDronForm = props => {
</Row> </Row>
</div> </div>
</dt> </dt>
<dt> {/* <dt>
<div className='search-info-ti d-flex justify-content-between'> <div className='search-info-ti d-flex justify-content-between'>
<h4 className='ti'>운영자 정보</h4> <h4 className='ti'>운영자 정보</h4>
</div> </div>
@ -359,7 +360,7 @@ export const BasisDronForm = props => {
</Col> </Col>
</Row> </Row>
</div> </div>
</dt> </dt> */}
</dl> </dl>
{/* <div className='d-flex align-items-center'> {/* <div className='d-flex align-items-center'>

57
src/components/basis/dron/BasisIdntform.js
Unescape View File

@ -11,6 +11,7 @@ import {
DropdownItem, DropdownItem,
DropdownToggle, DropdownToggle,
Card, Card,
FormFeedback,
CardHeader, CardHeader,
CardBody, CardBody,
CardTitle, CardTitle,
@ -62,28 +63,37 @@ export const BasisIdntfForm = props => {
<div className='search-info-box count-box'> <div className='search-info-box count-box'>
<CardBody className='pd-0'> <CardBody className='pd-0'>
<Row> <Row>
<Col xs={4} md={4} xl={4}> <Col xs={3} md={3} xl={2}>
<span className='sm-ti'> <span className='sm-ti'>
<span className='necessary'>*</span> <span className='necessary'>*</span>식별번호
식별번호
</span> </span>
</Col> </Col>
<Col xs={3} md={3} xl={3}> <Col xs={3} md={3} xl={2}>
<span className='sm-ti'> <span className='sm-ti'>
<span className='necessary'>*</span>장비타입 <span className='necessary'>*</span>장비타입
</span> </span>
</Col> </Col>
<Col xs={3} md={3} xl={3}> <Col xs={3} md={3} xl={2}>
<span className='sm-ti'> <span className='sm-ti'>
<span className='necessary'>*</span>수정일자 <span className='necessary'>*</span>수정일자
</span> </span>
</Col> </Col>
<Col xs={3} md={3} xl={2}>
<span className='sm-ti'>
<span className='necessary'>*</span>소유자명
</span>
</Col>
<Col xs={3} md={3} xl={2}>
<span className='sm-ti'>
<span className='necessary'>*</span>연락처
</span>
</Col>
</Row> </Row>
<Repeater count={props.count}> <Repeater count={props.count}>
{i => ( {i => (
<Form key={i}> <Form key={i}>
<Row className='justify-content-between align-items-center'> <Row className='justify-content-between align-items-center'>
<Col xs={4} md={4} xl={4}> <Col xs={3} md={3} xl={2}>
<FormGroup className='form-label-group'> <FormGroup className='form-label-group'>
<Label for={`idntfNum.${i}`}>식별번호</Label> <Label for={`idntfNum.${i}`}>식별번호</Label>
<Input <Input
@ -98,7 +108,7 @@ export const BasisIdntfForm = props => {
></Input> ></Input>
</FormGroup> </FormGroup>
</Col> </Col>
<Col xs={3} md={3} xl={3}> <Col xs={3} md={3} xl={2}>
<FormGroup className='form-label-group'> <FormGroup className='form-label-group'>
<Label for={'idntfTypeCd'}>장비타입</Label> <Label for={'idntfTypeCd'}>장비타입</Label>
<Input <Input
@ -112,7 +122,7 @@ export const BasisIdntfForm = props => {
></Input> ></Input>
</FormGroup> </FormGroup>
</Col> </Col>
<Col xs={3} md={3} xl={3}> <Col xs={3} md={3} xl={2}>
<FormGroup className='form-label-group'> <FormGroup className='form-label-group'>
<Label for={'updateDt'}>수정일자</Label> <Label for={'updateDt'}>수정일자</Label>
<Input <Input
@ -125,6 +135,37 @@ export const BasisIdntfForm = props => {
></Input> ></Input>
</FormGroup> </FormGroup>
</Col> </Col>
<Col xs={3} md={3} xl={2}>
<FormGroup className='form-label-group'>
<Label for={`userName`}>소유자명</Label>
<Input
type='text'
// innerRef={props.data}
id={`userName`}
name={`ownerNm`}
placeholder=''
onChange={e => props.handlerInput(e, i)}
value={props.data[i].ownerNm}
readOnly={props.data[i].isSave}
size='sm'
></Input>
</FormGroup>
</Col>
<Col xs={3} md={3} xl={2}>
<FormGroup className='form-label-group'>
<Label for={`phoneNumber`}>연락처</Label>
<Input
type='text'
// innerRef={props.data}
id={`phoneNumber`}
name={`hpno`}
onChange={e => props.handlerInput(e, i)}
value={props.data[i].hpno}
readOnly={props.data[i].isSave}
size='sm'
></Input>
</FormGroup>
</Col>
<Col <Col
xs={12} xs={12}
md={2} md={2}

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

@ -143,7 +143,7 @@ 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' className='form-control calendar-flat' /> <Flatpickr size='sm' className='form-control calendar-flat' />
</FormGroup> </FormGroup>
@ -151,19 +151,15 @@ 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' className='form-control calendar-flat' /> <Flatpickr size='sm' className='form-control calendar-flat' />
</FormGroup> </FormGroup>
</Col> </Col>
</Row>
</div>
<div className='search-info-box'>
<Row>
<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>
<Input <Input
type='select' type='select'
@ -194,24 +190,28 @@ const FlightPlanForm = (props) => {
</Input> </Input>
</FormGroup> </FormGroup>
</Col> </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> <FormGroup>
<Label for='test'> <Label for='test'>
<span className='necessary'>*</span>비행 목적 <span className='necessary'>*</span>비행 장치
</Label> </Label>
<Input <Input
type='select' type='select'
name='arcrftTypeCd' name='arcrftTypeCd'
id='arcrftTypeCd' id='arcrftTypeCd'
size='sm' size='sm'
// 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>
{/* CDNOT 코드연동 필요 */} CDNOT 코드연동 필요
{/* {ARCTFT_TYPE_CD.map(item => { {ARCTFT_TYPE_CD.map(item => {
return ( return (
<option <option
value={item.code} value={item.code}
@ -224,11 +224,12 @@ const FlightPlanForm = (props) => {
{item.codeNm} {item.codeNm}
</option> </option>
); );
})} */} })}
</Input> </Input>
</FormGroup> </FormGroup>
</Col> </Col> */}
<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>비행 방식
@ -237,21 +238,20 @@ const FlightPlanForm = (props) => {
type='text' type='text'
id='arcrftModelNm' id='arcrftModelNm'
name='arcrftModelNm' name='arcrftModelNm'
// innerRef={props.data} innerRef={props.data}
size='sm' size='sm'
placeholder='' placeholder=''
// className={classnames({ className={classnames({
// 'is-invalid': props.errors.arcrftModelNm 'is-invalid': props.errors.arcrftModelNm
// })} })}
/> />
{/* {props.errors && props.errors.arcrftModelNm && ( {props.errors && props.errors.arcrftModelNm && (
<FormFeedback> <FormFeedback>
{props.errors.arcrftModelNm.message} {props.errors.arcrftModelNm.message}
</FormFeedback> </FormFeedback>
)} */} )}
</FormGroup> </FormGroup>
</Col> </Col> */}
</Row>
</div> </div>
</dt> </dt>
@ -265,6 +265,205 @@ const FlightPlanForm = (props) => {
비행 구역 설정 비행 구역 설정
</Button.Ripple> </Button.Ripple>
</div> </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'> <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}>

2
src/containers/basis/dron/BasisDronDetailContainer.js
Unescape View File

@ -44,11 +44,11 @@ export const BasisDronDetailContainer = props => {
prdctNum: '', prdctNum: '',
imageUrl: '', imageUrl: '',
wghtTypeCd: '', wghtTypeCd: '',
ownerSno: '',
createDt: '', createDt: '',
createUserId: '', createUserId: '',
updateUserId: '', updateUserId: '',
updateDt: '', updateDt: '',
ownerSno: '',
ownerNm: '', ownerNm: '',
hpno: '' hpno: ''
}, },

2
src/containers/basis/dron/BasisIdntfContainer.js
Unescape View File

@ -14,6 +14,8 @@ export const BasisIdntfContainer = props => {
id: '', id: '',
idntfNum: '', idntfNum: '',
idntfTypeCd: 'DRON', idntfTypeCd: 'DRON',
ownerNm:'',
hpno:'',
isSave: false isSave: false
}); });

Write Preview
Loading…
Cancel
Save