Browse Source

laanc 파일 components 폴더로 이동

pull/2/head
박상현 11 months ago
parent
commit
c2e515ea3f
  1. 12
      src/components/laanc/FlightArea.js
  2. 0
      src/components/laanc/LaacnStep3.js
  3. 14
      src/components/laanc/LaancAreaMap.js
  4. 6
      src/components/laanc/LaancStep1.js
  5. 0
      src/components/laanc/LaancStep2.js
  6. 172
      src/components/laanc/Report.js
  7. 27
      src/containers/laanc/LaancPlanContainer.js
  8. 2
      src/router/routes/RouteLaance.js
  9. 134
      src/views/laanc/Report.js

12
src/views/laanc/FlightArea.js → src/components/laanc/FlightArea.js

@ -34,14 +34,14 @@ import {
layerPolyline,
layerWayPoint
} from '../../utility/DrawUtil';
import flatGimpo from '../../components/map/geojson/flatGimpoAirportAirArea.json';
import gimpo from '../../components/map/geojson/gimpoAirportAirArea.json';
import geoJson from '../../components/map/geojson/airArea.json';
import flatGimpo from '../map/geojson/flatGimpoAirportAirArea.json';
import gimpo from '../map/geojson/gimpoAirportAirArea.json';
import geoJson from '../map/geojson/airArea.json';
import axios from '../../modules/utils/customAxiosUtil';
import { ErrorModal } from '../../components/modal/ErrorModal';
import { FeatureAirZone } from '../../components/map/mapbox/feature/FeatureAirZone';
import { ErrorModal } from '../modal/ErrorModal';
import { FeatureAirZone } from '../map/mapbox/feature/FeatureAirZone';
import { WeatherContainer } from '../../containers/basis/flight/plan/WeatherContainer';
import { InfoModal } from '../../components/modal/InfoModal';
import { InfoModal } from '../modal/InfoModal';
import { initFlightBas } from '../../modules/laanc/models/laancModels';
const initialAddData = {

0
src/views/laanc/LaacnStep3.js → src/components/laanc/LaacnStep3.js

14
src/views/laanc/LaancAreaMap.js → src/components/laanc/LaancAreaMap.js

@ -25,13 +25,13 @@ import {
layerPolyline,
layerWayPoint
} from '../../utility/DrawUtil';
import flatGimpo from '../../components/map/geojson/flatGimpoAirportAirArea.json';
import gimpo from '../../components/map/geojson/gimpoAirportAirArea.json';
import geoJson from '../../components/map/geojson/airArea.json';
import { FeatureAirZone } from '../../components/map/mapbox/feature/FeatureAirZone';
import LaancMapSearch from '../../components/map/mapbox/draw/LaancMapSearch';
import { LaancDrawControl } from '../../components/map/mapbox/draw/LaancDrawControl';
import LaancModal from '../../components/map/mapbox/draw/LaancModal';
import flatGimpo from '../map/geojson/flatGimpoAirportAirArea.json';
import gimpo from '../map/geojson/gimpoAirportAirArea.json';
import geoJson from '../map/geojson/airArea.json';
import { FeatureAirZone } from '../map/mapbox/feature/FeatureAirZone';
import LaancMapSearch from '../map/mapbox/draw/LaancMapSearch';
import { LaancDrawControl } from '../map/mapbox/draw/LaancDrawControl';
import LaancModal from '../map/mapbox/draw/LaancModal';
export default function LaancAreaMap({
centeredModal,

6
src/views/laanc/LaancStep1.js → src/components/laanc/LaancStep1.js

@ -5,9 +5,9 @@ import Flatpickr from 'react-flatpickr';
import * as LaancAction from '../../modules/laanc/actions/laancActions';
import '@styles/react/libs/flatpickr/flatpickr.scss';
import { AlertCircle, Info } from 'react-feather';
import { ErrorModal } from '../../components/modal/ErrorModal';
import { InfoModal } from '../../components/modal/InfoModal';
import { LaancModal } from '../../components/laanc/LaancModal';
import { ErrorModal } from '../modal/ErrorModal';
import { InfoModal } from '../modal/InfoModal';
import { LaancModal } from './LaancModal';
import moment from 'moment';
import {
Row,

0
src/views/laanc/LaancStep2.js → src/components/laanc/LaancStep2.js

172
src/components/laanc/Report.js

@ -0,0 +1,172 @@
import '../../assets/css/custom.css';
import '@styles/react/libs/flatpickr/flatpickr.scss';
import '@styles/react/libs/tables/react-dataTable-component.scss';
import { CustomMainLayout } from '../layout/CustomMainLayout';
import { Info, ExternalLink } from 'react-feather';
import { Row, Col, Button } from 'reactstrap';
const Report = () => {
return (
<CustomMainLayout>
<div className='report-wrap'>
<div className='report-box'>
<h5 className='h5-ti-icon'>초경량비행장치 신고대상</h5>
<table className='report-table'>
<caption>
초경량 비행장치 신고대상을 종류, 사업용, 비사업용을 항목별 자세히
안내하는 표입니다.
</caption>
<thead>
<tr>
<th colspan='3' scope='col'>
종류
</th>
<th scope='col'>사업용</th>
<th scope='col'>비사업용</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan='2' colspan='2'>
동력비행장치
</td>
<td>조종형비행장치</td>
<td rowspan='13'>신고필요</td>
<td>신고필요</td>
</tr>
<tr>
<td>체중이동형비행장치</td>
<td>신고필요</td>
</tr>
<tr>
<td colspan='3'>행글라이더</td>
<td>신고 불필요</td>
</tr>
<tr>
<td colspan='3'>패러글라이더</td>
<td>신고 불필요</td>
</tr>
<tr>
<td colspan='3'>기구류</td>
<td>사람이 탑승하는 것은 신고필요</td>
</tr>
<tr>
<td rowspan='4'>무인비행장치</td>
<td rowspan='3'>무인동력비행장치</td>
<td>무인비행기</td>
<td rowspan='3'>
<span className='text-point'>
신고필요
<br />
*최대이륙중량 2kg초과 {' '}
</span>
</td>
</tr>
<tr>
<td>무인헬리콥터</td>
</tr>
<tr>
<td>무인멀티콥터</td>
</tr>
<tr>
<td colspan='2'>무인비행선</td>
<td>
<span className='text-point'>
신고필요
<br /> *자체중량12kg초과, 길이 7m 초과
</span>
</td>
</tr>
<tr>
<td rowspan='2' colspan='2'>
회전익비행장치
</td>
<td>초경량헬리콥터</td>
<td>신고필요</td>
</tr>
<tr>
<td>초경량자이로플레인</td>
<td>신고필요</td>
</tr>
<tr>
<td colspan='3'>동력패러글라이더</td>
<td>신고필요</td>
</tr>
<tr>
<td colspan='3'>낙하산류</td>
<td>신고 불필요</td>
</tr>
</tbody>
</table>
</div>
<div className='report-box'>
<div className='report-box-bg'>
<ul className='list-info'>
<li>
<h5>
<Info />
신고불필요
</h5>
<p className='list-info-text'>
<span className='text-point'>아래 호에 해당하는</span>{' '}
것으로써, 항공사업법에 따른 항공기대여업, 항공레저스포츠사업
또는 초경량비행장치사용사업에 사용되지 아니하는 장치
<span className='text-point '>(비사업용)</span>
</p>
<ul className='list-info-text'>
<li>
1. 행글라이더, 패러글라이더 동력을 이용하지 아니하는
비행장치
</li>
<li>2. 기구류(사람이 탑승하는 것은 제외)</li>
<li>3. 계류식(繫留式) 무인비행장치</li>
<li>4. 낙하산류</li>
<li>
5. 무인동력비행장치 중에서 최대이륙중량이 2킬로그램 이하인
</li>
<li>
6. 무인비행선 중에서 연료의 무게를 제외한 자체무게가
12kg이하이고, 길이가 7m 이하인
</li>
<li>
7. 연구기관 등이 시험·조사·연구 또는 개발을 위하여 제작한
초경량비행장치
</li>
<li>
8. 제작자 등이 판매를 목적으로 제작하였으나 판매되지 아니한
것으로서 비행에 사용되지 아니하는 초경량비행장치
</li>
<li>9. 군사목적으로 사용되는 초경량비행장치</li>
</ul>
</li>
</ul>
</div>
</div>
<div className='report-box'>
<div className='report-link'>
<a
className='btn btn-primary'
color='primary'
href='https://drone.onestop.go.kr/'
target='_blank'
>
드론원스톱 민원서비스 바로가기
<ExternalLink />
</a>
<a
className='btn btn-outline-primary'
color='primary'
href='https://www.onestop.go.kr:8050/sysOnestop/system/member/login.fois?systemId=sysOnestop'
target='_blank'
>
APS 원스탑시스템 바로가기
<ExternalLink />
</a>
</div>
</div>
</div>
</CustomMainLayout>
);
};
export default Report;

27
src/containers/laanc/LaancPlanContainer.js

@ -1,7 +1,7 @@
import { useEffect, useState } from 'react';
import LaancStep1 from '../../views/laanc/LaancStep1'; // laanc step 1
import LaancStep2 from '../../views/laanc/LaancStep2'; // laanc step 2
import LaancStep3 from '../../views/laanc/LaacnStep3'; // laanc step 3
import LaancStep1 from '../../components/laanc/LaancStep1'; // laanc step 1
import LaancStep2 from '../../components/laanc/LaancStep2'; // laanc step 2
import LaancStep3 from '../../components/laanc/LaacnStep3'; // laanc step 3
import moment from 'moment';
import { ErrorModal } from '../../components/modal/ErrorModal';
import { initFlightBas } from '../../modules/laanc/models/laancModels';
@ -71,8 +71,11 @@ export default function LaancPlanContainer({
desc: (
<>
검토 결과 승인 대상입니다.
<p>제줄하신 비행계획서는 별도의 승인이 필요없습니다.<br/>
조종자 준수사항에 유의하여 비행하시기 바랍니다.</p>
<p>
제줄하신 비행계획서는 별도의 승인이 필요없습니다.
<br />
조종자 준수사항에 유의하여 비행하시기 바랍니다.
</p>
</>
)
});
@ -84,8 +87,11 @@ export default function LaancPlanContainer({
desc: (
<>
유효성 검사에 실패하여 승인 대상입니다.
<p>제출하신 비행계획서의 고도는 120m이하에서만 비행이 가능합니다.<br/>
고도 설정을 다시 확인해주시기 바랍니다.</p>
<p>
제출하신 비행계획서의 고도는 120m이하에서만 비행이 가능합니다.
<br />
고도 설정을 다시 확인해주시기 바랍니다.
</p>
</>
)
});
@ -97,8 +103,11 @@ export default function LaancPlanContainer({
desc: (
<>
유효성 검사에 실패하여 승인 대상입니다.
<p>기체가 보험에 가입되어 있지 않거나 유효기간이 만료되었습니다.<br/>
기체 번호를 다시 확인해주시기 바랍니다.</p>
<p>
기체가 보험에 가입되어 있지 않거나 유효기간이 만료되었습니다.
<br />
기체 번호를 다시 확인해주시기 바랍니다.
</p>
</>
)
});

2
src/router/routes/RouteLaance.js

@ -7,7 +7,7 @@ const RouteLaance = [
},
{
path: '/laanc/report',
component: lazy(() => import('../../views/laanc/Report'))
component: lazy(() => import('../../components/laanc/Report'))
}
];

134
src/views/laanc/Report.js

@ -1,134 +0,0 @@
import '../../assets/css/custom.css';
import '@styles/react/libs/flatpickr/flatpickr.scss';
import '@styles/react/libs/tables/react-dataTable-component.scss';
import { CustomMainLayout } from '../../components/layout/CustomMainLayout';
import { Info, ExternalLink } from 'react-feather';
import {
Row,
Col,
Button
} from 'reactstrap';
const Report = () => {
return <CustomMainLayout>
<div className='report-wrap'>
<div className='report-box'>
<h5 className='h5-ti-icon'>초경량비행장치 신고대상</h5>
<table className='report-table'>
<caption>초경량 비행장치 신고대상을 종류, 사업용, 비사업용을 항목별 자세히 안내하는 표입니다.</caption>
<thead>
<tr>
<th colspan="3" scope="col">종류</th>
<th scope="col">사업용</th>
<th scope="col">비사업용</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2" colspan="2">동력비행장치</td>
<td>조종형비행장치</td>
<td rowspan="13">신고필요</td>
<td>신고필요</td>
</tr>
<tr>
<td>체중이동형비행장치</td>
<td>신고필요</td>
</tr>
<tr>
<td colspan="3">행글라이더</td>
<td>신고 불필요</td>
</tr>
<tr>
<td colspan="3">패러글라이더</td>
<td>신고 불필요</td>
</tr>
<tr>
<td colspan="3">기구류</td>
<td>사람이 탑승하는 것은 신고필요</td>
</tr>
<tr>
<td rowspan="4">무인비행장치</td>
<td rowspan="3">무인동력비행장치</td>
<td>무인비행기</td>
<td rowspan="3">
<span className='text-point'>신고필요<br/>*최대이륙중량 2kg초과 </span>
</td>
</tr>
<tr>
<td>무인헬리콥터</td>
</tr>
<tr>
<td>무인멀티콥터</td>
</tr>
<tr>
<td colspan="2">무인비행선</td>
<td>
<span className='text-point'>신고필요<br/> *자체중량12kg초과, 길이 7m 초과 </span>
</td>
</tr>
<tr>
<td rowspan="2" colspan="2">회전익비행장치</td>
<td>초경량헬리콥터</td>
<td>신고필요</td>
</tr>
<tr>
<td>초경량자이로플레인</td>
<td>신고필요</td>
</tr>
<tr>
<td colspan="3">동력패러글라이더</td>
<td>신고필요</td>
</tr>
<tr>
<td colspan="3">낙하산류</td>
<td>신고 불필요</td>
</tr>
</tbody>
</table>
</div>
<div className='report-box'>
<div className='report-box-bg'>
<ul className="list-info">
<li><h5><Info/>신고불필요</h5>
<p className='list-info-text'>
<span className='text-point'>아래 호에 해당하는</span> , , <span className="text-point ">()</span>
</p>
<ul className='list-info-text'>
<li>1. 행글라이더, 패러글라이더 동력을 이용하지 아니하는 비행장치</li>
<li>2. 기구류(사람이 탑승하는 것은 제외)</li>
<li>3. 계류식(繫留式) 무인비행장치</li>
<li>4. 낙하산류</li>
<li>5. 무인동력비행장치 중에서 최대이륙중량이 2킬로그램 이하인 </li>
<li>6. 무인비행선 중에서 연료의 무게를 제외한 자체무게가 12kg이하이고, 길이가 7m 이하인 </li>
<li>7. 연구기관 등이 시험·조사·연구 또는 개발을 위하여 제작한 초경량비행장치</li>
<li>8. 제작자 등이 판매를 목적으로 제작하였으나 판매되지 아니한 것으로서 비행에 사용되지 아니하는 초경량비행장치</li>
<li>9. 군사목적으로 사용되는 초경량비행장치</li>
</ul>
</li>
</ul>
</div>
</div>
<div className='report-box'>
<div className='report-link'>
<a
className='btn btn-primary'
color='primary'
href='https://drone.onestop.go.kr/'
target='_blank'
>
드론원스톱 민원서비스 바로가기<ExternalLink />
</a>
<a
className='btn btn-outline-primary'
color='primary'
href='https://www.onestop.go.kr:8050/sysOnestop/system/member/login.fois?systemId=sysOnestop'
target='_blank'
>
APS 원스탑시스템 바로가기<ExternalLink />
</a>
</div>
</div>
</div>
</CustomMainLayout>;
};
export default Report;
Loading…
Cancel
Save