From 216f3c2dda3e822a2f08904c5630e24234d4b31f Mon Sep 17 00:00:00 2001 From: JANGHYUNn Date: Thu, 1 Feb 2024 14:17:27 +0900 Subject: [PATCH] =?UTF-8?q?FSM=20=EB=B9=84=ED=96=89=EA=B3=84=ED=9A=8D?= =?UTF-8?q?=EC=84=9C=20=EC=9E=91=EC=84=B1=20modal=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../modal/control/ControlFsmModal.js | 337 +++++++++++++ src/views/control/setting/ControlSetting.js | 445 +++++++++--------- tsconfig.paths.json | 3 +- 3 files changed, 564 insertions(+), 221 deletions(-) create mode 100644 src/components/modal/control/ControlFsmModal.js diff --git a/src/components/modal/control/ControlFsmModal.js b/src/components/modal/control/ControlFsmModal.js new file mode 100644 index 00000000..5a9c4c9d --- /dev/null +++ b/src/components/modal/control/ControlFsmModal.js @@ -0,0 +1,337 @@ +import { + Button, + Row, + Col, + FormGroup, + Label, + Input, + Modal, + ModalHeader, + ModalBody, + CustomInput +} from '@ui'; + +export default function ControlFsm({ modal, handler }) { + return ( +
+ + FSM 비행계획서 + +
+
+
+
비행계획서 상세정보
+
+ + + +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + +
+ + + + + + + +
+ + + + +
+ + + + + +
+ + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + +
+ ); +} diff --git a/src/views/control/setting/ControlSetting.js b/src/views/control/setting/ControlSetting.js index ae8d2a9f..a1c808af 100644 --- a/src/views/control/setting/ControlSetting.js +++ b/src/views/control/setting/ControlSetting.js @@ -1,6 +1,7 @@ import { useEffect, useState } from 'react'; import { useDispatch, useSelector } from 'react-redux'; import { useHistory } from 'react-router-dom'; +import mapboxgl from 'mapbox-gl'; import { Button, ButtonGroup, CustomInput } from '../../../components/ui/index'; import * as Actions from '../../../modules/menu/actions/menuAction'; import { @@ -14,10 +15,10 @@ import gimPo from '../../../components/map/geojson/gimpoAirportAirArea.json'; import gimPoGrid from '../../../components/map/geojson/airportAirArea.json'; // 김포 선형 공역 import flatGimpo from '../../../components/map/geojson/flatGimpoAirportAirArea.json'; - -import mapboxgl from 'mapbox-gl'; +import ControlFsm from '../../../components/modal/control/ControlFsmModal'; const ControlSetting = props => { + const [isFsmModal, setIsFsmModal] = useState(false); const dispatch = useDispatch(); const history = useHistory(); @@ -152,55 +153,56 @@ const ControlSetting = props => { }; return ( -
-
-
-

지도유형

-
-
- - - - - -
-
-
-
-

허용고도 알림 정보

-
-
- - - - + <> +
+
+
+

지도유형

+
+
+ + + + + +
- {/*
+
+
+

허용고도 알림 정보

+
+
+ + + + +
+ {/*
@@ -223,182 +225,185 @@ const ControlSetting = props => {
*/} -
-
-
-

공역 표출 정보

-
-
-
-
-
- 비행금지구역 -
-
- handlerAreaClick(e, '0001')} - className='custom-control-red' - type='switch' - id='test01' - name='test01' - inline - defaultChecked={mapControl.area0001} - /> -
-
-
-
- 비행제한구역 -
-
- handlerAreaClick(e, '0002')} - className='custom-control-pink' - type='switch' - id='test02' - name='test02' - inline - defaultChecked={mapControl.area0002} - /> -
-
-
-
- 관제권(공항) -
-
- handlerAreaClick(e, '0003')} - className='custom-control-orange' - type='switch' - id='test03' - name='test03' - inline - defaultChecked={mapControl.area0003} - /> -
-
-
-
- 비행장(군사) -
-
- handlerAreaClick(e, '0004')} - className='custom-control-brown' - type='switch' - id='test04' - name='test04' - inline - defaultChecked={mapControl.area0004} - /> -
-
-
-
- 이착륙장 -
-
- handlerAreaClick(e, '0005')} - className='custom-control-purple' - type='switch' - id='test05' - name='test05' - inline - defaultChecked={mapControl.area0005} - /> -
-
-
-
- - 초경량비행장치공역 -
-
- handlerAreaClick(e, '0006')} - className='custom-control-skyblue' - type='switch' - id='test06' - name='test06' - inline - defaultChecked={mapControl.area0006} - /> -
-
-
+
+
+

공역 표출 정보

+
+
+
+
+
+
+ 비행금지구역 +
+
+ handlerAreaClick(e, '0001')} + className='custom-control-red' + type='switch' + id='test01' + name='test01' + inline + defaultChecked={mapControl.area0001} + /> +
+
+
+
+ 비행제한구역 +
+
+ handlerAreaClick(e, '0002')} + className='custom-control-pink' + type='switch' + id='test02' + name='test02' + inline + defaultChecked={mapControl.area0002} + /> +
+
+
+
+ 관제권(공항) +
+
+ handlerAreaClick(e, '0003')} + className='custom-control-orange' + type='switch' + id='test03' + name='test03' + inline + defaultChecked={mapControl.area0003} + /> +
+
+
+
+ 비행장(군사) +
+
+ handlerAreaClick(e, '0004')} + className='custom-control-brown' + type='switch' + id='test04' + name='test04' + inline + defaultChecked={mapControl.area0004} + /> +
+
+
+
+ 이착륙장 +
+
+ handlerAreaClick(e, '0005')} + className='custom-control-purple' + type='switch' + id='test05' + name='test05' + inline + defaultChecked={mapControl.area0005} + /> +
+
+
+
+ + 초경량비행장치공역 +
+
+ handlerAreaClick(e, '0006')} + className='custom-control-skyblue' + type='switch' + id='test06' + name='test06' + inline + defaultChecked={mapControl.area0006} + /> +
+
+
+
-
-
-
-

LAANC 신청하기

-
- -
-
-
-

드론 원스톱 민원 시스템

-
-
- - 비행장치 신고 - - - 사용사업체 등록 - - - 비행승인 신청 - - - 특별비행승인 신청 - - - 항공촬영 신청 - - + 승인요청 바로가기 + +
+
+
+

드론 원스톱 민원 시스템

+
+
-
+ {isFsmModal && ( + setIsFsmModal(false)} /> + )} + ); }; diff --git a/tsconfig.paths.json b/tsconfig.paths.json index a88dc4a0..8cb1a19d 100644 --- a/tsconfig.paths.json +++ b/tsconfig.paths.json @@ -11,7 +11,8 @@ "@styles/*": ["src/@core/scss/*"], "@configs/*": ["src/configs/*"], "@utils/*": ["src/utility/Utils/*"], - "@hooks/*": ["src/utility/hooks/*"] + "@hooks/*": ["src/utility/hooks/*"], + "@ui/*": ["src/components/ui/*"] } } }