|
|
|
@ -6,7 +6,7 @@ import { CustomMainLayout } from '../../../../components/layout/CustomMainLayout
|
|
|
|
|
import FlightPlanSearch from '../../../../components/basis/flight/plan/FlightPlanSearch'; |
|
|
|
|
import { useDispatch, useSelector, shallowEqual } from 'react-redux'; |
|
|
|
|
import * as FlightAction from '../../../../modules/basis/flight/actions/basisFlightAction'; |
|
|
|
|
import { Row, Col, Button } from 'reactstrap'; |
|
|
|
|
import { Row, Col, Button, Modal, ModalHeader, ModalBody, ModalFooter, Alert, FormGroup, Label, Input } from 'reactstrap'; |
|
|
|
|
import { |
|
|
|
|
JOIN_LIST, |
|
|
|
|
GROUP_LIST |
|
|
|
@ -178,10 +178,157 @@ const FlightPlanContainer = () => {
|
|
|
|
|
const onChangePage = page => { |
|
|
|
|
dispatch(FlightAction.FLIGHT_PLAN_LIST.request({ ...searchData, page })); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
const [centeredModal, setCenteredModal] = useState(false) |
|
|
|
|
const [disabledAnimation, setDisabledAnimation] = useState(false) |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
|
|
|
|
|
<CustomMainLayout title={'LAANC 신청 목록'}> |
|
|
|
|
d안돼에에에에에에에 |
|
|
|
|
<div className='disabled-animation-modal'> |
|
|
|
|
<Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
|
LAANC 신청하기 |
|
|
|
|
</Button> |
|
|
|
|
<Modal |
|
|
|
|
isOpen={disabledAnimation} |
|
|
|
|
toggle={() => setDisabledAnimation(!disabledAnimation)} |
|
|
|
|
className='modal-dialog-centered laanc-modal' |
|
|
|
|
fade={false} |
|
|
|
|
backdrop={false} |
|
|
|
|
> |
|
|
|
|
<ModalHeader>LAANC 승인 요청<Button color='danger' onClick={() => setDisabledAnimation(!disabledAnimation)}>취소</Button></ModalHeader> |
|
|
|
|
<ModalBody> |
|
|
|
|
<div> |
|
|
|
|
<Row> |
|
|
|
|
<Col className='list-input' md='6' sm='12'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<div className='ti'>조종사 정보</div> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>성명</Label> |
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' value='홍길동' disabled/> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='6' sm='12'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<div className='ti'>비행 유형</div> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>종류</Label> |
|
|
|
|
<Input type='select' name='select' size='sm' id='test'> |
|
|
|
|
<option>무인 비행기</option> |
|
|
|
|
<option>무인 헬리콥터</option> |
|
|
|
|
<option>무인 멀티콥터</option> |
|
|
|
|
<option>무인 비행선</option> |
|
|
|
|
</Input> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
|
<div className='ti'>비행 계획 정보</div> |
|
|
|
|
<Row> |
|
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>비행 시작 일자</Label> |
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' /> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>비행 종료 일자</Label> |
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' /> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>비행목적</Label> |
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' /> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
</Row> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='12' sm='12'>
|
|
|
|
|
<div className='ti'>비행 구역 정보<Button size='sm'>적용</Button></div> |
|
|
|
|
<Row> |
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>고도</Label> |
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' /> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>반경</Label> |
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' /> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>비행방식</Label> |
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' /> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'><span className='necessary'></span></Label> |
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' /> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
</Row> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='12' sm='12'>
|
|
|
|
|
<div className='ti'>기체 정보</div> |
|
|
|
|
<Row> |
|
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>기체 중량</Label> |
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' /> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>기체 종류</Label> |
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' /> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
|
<FormGroup> |
|
|
|
|
<Label for='test'><span className='necessary'>*</span>기체 신고 번호</Label> |
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' /> |
|
|
|
|
</FormGroup> |
|
|
|
|
</Col> |
|
|
|
|
</Row> |
|
|
|
|
</Col> |
|
|
|
|
</Row> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<div className='ti'>비행구역설정<Button size='sm' onClick={() => setCenteredModal(!centeredModal)}>자세히보기</Button></div> |
|
|
|
|
<div className='laanc-map-sm'> |
|
|
|
|
지도영역 |
|
|
|
|
</div> |
|
|
|
|
<div className='vertically-centered-modal'> |
|
|
|
|
<Modal isOpen={centeredModal} toggle={() => setCenteredModal(!centeredModal)} className='modal-dialog-centered'> |
|
|
|
|
<ModalHeader toggle={() => setCenteredModal(!centeredModal)}>Vertically Centered</ModalHeader> |
|
|
|
|
<ModalBody> |
|
|
|
|
Oat cake ice cream candy chocolate cake chocolate cake cotton candy dragée apple pie. Brownie carrot cake |
|
|
|
|
candy canes bonbon fruitcake topping halvah. Cake sweet roll cake cheesecake cookie chocolate cake |
|
|
|
|
liquorice. |
|
|
|
|
</ModalBody> |
|
|
|
|
<ModalFooter> |
|
|
|
|
<Button color='primary' onClick={() => setCenteredModal(!centeredModal)}> |
|
|
|
|
Accept |
|
|
|
|
</Button>{' '} |
|
|
|
|
</ModalFooter> |
|
|
|
|
</Modal> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div className='mt-1'> |
|
|
|
|
<div className='ti'>유의사항</div> |
|
|
|
|
</div> |
|
|
|
|
</ModalBody> |
|
|
|
|
<ModalFooter> |
|
|
|
|
{/* 유효성 검사 완료후 다음 진행할 수 있을때 버튼에 ouline 뺴주고 color='danger' 넣어주기 */} |
|
|
|
|
<Button outline onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
|
다음 |
|
|
|
|
</Button>{' '} |
|
|
|
|
</ModalFooter> |
|
|
|
|
</Modal> |
|
|
|
|
</div> |
|
|
|
|
<div className='pal-card-box'> |
|
|
|
|
<Row> |
|
|
|
|
<Col sm='12' lg='12'> |
|
|
|
|