diff --git a/src/components/laanc/LaancDetail.js b/src/components/laanc/LaancDetail.js new file mode 100644 index 0000000..8ea43d0 --- /dev/null +++ b/src/components/laanc/LaancDetail.js @@ -0,0 +1,269 @@ +import React, { useEffect, useState } from 'react'; +import { useDispatch, useSelector } from 'react-redux'; +import { + Row, + Col, + Button, + ModalHeader, + ModalBody, + ModalFooter, + Alert, + FormGroup, + Label, + Input +} from 'reactstrap'; +import FlightArea from './FlightArea'; +import * as TermsActions from '../../modules/account/register/actions/accountAction'; + +export default function LaancDetail({ data, handlerLaancClose }) { + const dispatch = useDispatch(); + + const obj = { + fltType: { + COMMERCIAL: '사업', + NON_COMMERCIAL: '비사업' + }, + arcrftWdth: { + 7: '최대이륙중량 250g 이하', + 8: '250g초과 ~ 2kg 이하', + 9: '2kg초과~7kg이하', + 10: '7kg초과~25kg이하', + 11: '25kg초과' + } + }; + const { user } = useSelector(state => state.authState); + const { termsList } = useSelector(state => state.accountState); + useEffect(() => { + dispatch( + TermsActions.termsList.request({ + langDivCd: 'KOR', + siteCd: 'SANDBOX', + termsCtgryCd: 'AGREE_LAANC' + }) + ); + }, []); + + // 소수점 6자리에서 반올림 하는 함수 + const truncateToSixDecimalPlaces = number => { + const decimalPlaces = 6; + const multiplier = Math.pow(10, decimalPlaces); + return Math.round(number * multiplier) / multiplier; + }; + + return ( + <> + LAANC 승인 요청 + +
+
비행 구역
+
+
+ +
+
+
+
+
비행 승인 상세정보
+ + + +
조종자 정보
+ + +
+ + + +
비행 유형
+ + +
+ + +
비행 계획 정보
+ + + + + + + + + + + + + + + + + +
기체 정보
+ + + + + + + + + + + + + + + + +
비행 구역 정보
+ + + + + {data.areaList[0].coordList.map((coord, index) => { + return index % 2 === 0 ? ( + + ) : null; + })} + + + + + + {data.areaList[0].coordList.map((coord, index) => { + return index % 2 != 0 ? ( + + ) : null; + })} + + + + +
+ + + + + + + + + {termsList ? ( + <> +
{termsList[0]?.termsTitleNm}
+
+ + ) : null} + +
+
+
+ + + + + ); +} diff --git a/src/components/laanc/LaancGrid.js b/src/components/laanc/LaancGrid.js index d9a03c9..dfbd15a 100644 --- a/src/components/laanc/LaancGrid.js +++ b/src/components/laanc/LaancGrid.js @@ -13,6 +13,7 @@ import { } from '../../modules/basis/flight/actions/basisFlightAction'; import { drawTypeChangeAction } from '../../modules/control/map/actions/controlMapActions'; import { HOST } from '../../configs/constants'; +import LaancDetail from './LaancDetail'; pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`; export default function LaancGrid() { @@ -21,7 +22,6 @@ export default function LaancGrid() { const [isAnimation, setIsAnimation] = useState(false); const { laancSearchData } = useSelector(state => state.laancState); - const { areaCoordList } = useSelector(state => state.flightState); const { loading } = useSelector(state => state.loadingReducer); const { laancDetail } = useSelector(state => state.laancState); @@ -33,10 +33,6 @@ export default function LaancGrid() { } }, [laancDetail]); - useEffect(() => { - if (areaCoordList && laancDetail) { - } - }, [areaCoordList]); //상세보기 const handleDetail = planSno => { dispatch(LaancAction.LAANC_DETAIL.request(planSno)); @@ -47,6 +43,7 @@ export default function LaancGrid() { dispatch(AREA_DETAIL_INIT()); setIsAnimation(false); }; + const columns = [ { name: '비행계획서 일련 번호', @@ -229,9 +226,8 @@ export default function LaancGrid() { fade={false} backdrop={false} > - - {' '} 검토 결과 미 승인 대상입니다. @@ -145,7 +143,7 @@ export default function LaancStep2({ 취소 - +
유효성 검사 정보
@@ -355,11 +353,7 @@ export default function LaancStep2({ id='arcrftWghtCd' name='arcrftWghtCd' size='sm' - value={ - type === 'detail' - ? data.arcrftWght - : obj.arcrftWdth[data.arcrftList[0].arcrftWghtCd] - } + value={obj.arcrftWdth[data.arcrftList[0].arcrftWghtCd]} placeholder='' disabled /> @@ -431,8 +425,7 @@ export default function LaancStep2({ className='terms-check' id='exampleCustomCheckbox' label='조종자 준수사항 미 준수 시 처벌에 동의합니다.' - checked={type === 'detail' ? true : isterms} - disabled={type === 'detail' ? true : false} + checked={isterms} onChange={() => setIsterms(!isterms)} /> ) : null} @@ -442,31 +435,29 @@ export default function LaancStep2({
- {type === 'detail' ? null : ( - - -
    -
  • - -
  • -
  • - -
  • -
  • - -
  • -
- -
- )} + + +
    +
  • + +
  • +
  • + +
  • +
  • + +
  • +
+ +
); }