Browse Source

laanc modal type 변경 및 임시 Url 연결

pull/2/head
sanguu516(박상현) 11 months ago
parent
commit
fe7b8bf3e1
  1. 14
      src/components/laanc/LaancModal.js
  2. 22
      src/views/laanc/LaancStep1.js

14
src/components/laanc/LaancModal.js

@ -1,6 +1,10 @@
import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'; import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
export const LaancModal = props => { export const LaancModal = props => {
const handleButtonClick = () => {
window.open('https://drone.onestop.go.kr/', 'Ex');
};
return ( return (
<div className='vertically-centered-modal'> <div className='vertically-centered-modal'>
<Modal <Modal
@ -28,15 +32,7 @@ export const LaancModal = props => {
> >
취소 취소
</Button> </Button>
<Button <Button onClick={handleButtonClick}>{props.modal.type}</Button>
onClick={() =>
props.setModal({ ...props.modal, isOpen: !props.modal.isOpen })
}
>
{props.modal.type === 'fltMethod'
? '처리부서안내 바로가기'
: '드론원스톱 바로가기'}
</Button>
</ModalFooter> </ModalFooter>
</Modal> </Modal>
</div> </div>

22
src/views/laanc/LaancStep1.js

@ -1,20 +1,10 @@
import React, { useEffect, useState, useRef } from 'react'; import React, { useEffect, useState, useRef } from 'react';
import { useHistory, useLocation } from 'react-router-dom'; import { useHistory, useLocation } from 'react-router-dom';
import { Search } from 'react-feather';
import { BiBuildings, BiGridAlt } from 'react-icons/bi';
import { CgTrees } from 'react-icons/cg';
import { VscRadioTower } from 'react-icons/vsc';
import { useDispatch, useSelector, shallowEqual } from 'react-redux'; import { useDispatch, useSelector, shallowEqual } from 'react-redux';
import Flatpickr from 'react-flatpickr'; import Flatpickr from 'react-flatpickr';
import * as LaancAction from '../../modules/laanc/actions/laancActions'; import * as LaancAction from '../../modules/laanc/actions/laancActions';
import '@styles/react/libs/flatpickr/flatpickr.scss'; import '@styles/react/libs/flatpickr/flatpickr.scss';
import { import { AlertCircle, Info } from 'react-feather';
AlertCircle,
CheckCircle,
XCircle,
AlertTriangle,
Info
} from 'react-feather';
import { ErrorModal } from '../../components/modal/ErrorModal'; import { ErrorModal } from '../../components/modal/ErrorModal';
import { InfoModal } from '../../components/modal/InfoModal'; import { InfoModal } from '../../components/modal/InfoModal';
import { LaancModal } from '../../components/laanc/LaancModal'; import { LaancModal } from '../../components/laanc/LaancModal';
@ -36,9 +26,7 @@ import {
Label, Label,
Input Input
} from 'reactstrap'; } from 'reactstrap';
import FlightArea from './FlightArea'; import FlightArea from './FlightArea';
import laanc from '../../navigation/laanc';
export default function LaancStep1({ export default function LaancStep1({
handleChange, handleChange,
@ -213,12 +201,13 @@ export default function LaancStep1({
아래 링크를 통해 담당자와 협의 부탁드립니다. 아래 링크를 통해 담당자와 협의 부탁드립니다.
</> </>
), ),
type: 'fltMethod' type: '처리부서안내 바로가기'
}); });
} }
} }
}; };
console.log('>>', data);
// 비행 구역 미 설정 핸들러 // 비행 구역 미 설정 핸들러
const closeFlatpickr = () => { const closeFlatpickr = () => {
schFltStDtRef.current.flatpickr.close(); schFltStDtRef.current.flatpickr.close();
@ -385,7 +374,7 @@ export default function LaancStep1({
드론원스톱을 통해서 신청해 주시기 바랍니다. 드론원스톱을 통해서 신청해 주시기 바랍니다.
</> </>
), ),
type: 'date' type: '드론원스톱 바로가기'
}); });
handleChange({ handleChange({
name: 'schFltStDt', name: 'schFltStDt',
@ -592,6 +581,9 @@ export default function LaancStep1({
innerRef={bufferZoneRef} // Input 요소에 ref를 연결 innerRef={bufferZoneRef} // Input 요소에 ref를 연결
onClick={() => handleInputClick('bufferZone')} onClick={() => handleInputClick('bufferZone')}
placeholder='100m' placeholder='100m'
disabled={
data.areaList[0].areaType === 'POLYGON' ? true : false
}
/> />
</FormGroup> </FormGroup>
</Col> </Col>

Loading…
Cancel
Save