|
|
@ -12,6 +12,7 @@ import { |
|
|
|
GROUP_LIST |
|
|
|
GROUP_LIST |
|
|
|
} from '../../../../modules/basis/group/actions/basisGroupAction'; |
|
|
|
} from '../../../../modules/basis/group/actions/basisGroupAction'; |
|
|
|
import FlightPlanGroupGrid from '../../../../components/basis/flight/plan/FlightPlanGroupGrid'; |
|
|
|
import FlightPlanGroupGrid from '../../../../components/basis/flight/plan/FlightPlanGroupGrid'; |
|
|
|
|
|
|
|
import { AlertCircle, CheckCircle } from 'react-feather' |
|
|
|
|
|
|
|
|
|
|
|
const initSearchData = { |
|
|
|
const initSearchData = { |
|
|
|
schFltStDt: moment() |
|
|
|
schFltStDt: moment() |
|
|
@ -185,6 +186,8 @@ const FlightPlanContainer = () => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
|
|
|
|
|
|
|
|
<CustomMainLayout title={'LAANC 신청 목록'}> |
|
|
|
<CustomMainLayout title={'LAANC 신청 목록'}> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{/* step-1 */} |
|
|
|
<div className='disabled-animation-modal'> |
|
|
|
<div className='disabled-animation-modal'> |
|
|
|
<Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
<Button color='primary' className='laanc-pop-btn' onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
LAANC 신청하기 |
|
|
|
LAANC 신청하기 |
|
|
@ -200,14 +203,14 @@ const FlightPlanContainer = () => { |
|
|
|
<ModalBody> |
|
|
|
<ModalBody> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<Row> |
|
|
|
<Row> |
|
|
|
<Col className='list-input' md='6' sm='12'>
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<FormGroup> |
|
|
|
<FormGroup> |
|
|
|
<div className='ti'>조종사 정보</div> |
|
|
|
<div className='ti'>조종사 정보</div> |
|
|
|
<Label for='test'><span className='necessary'>*</span>성명</Label> |
|
|
|
<Label for='test'><span className='necessary'>*</span>성명</Label> |
|
|
|
<Input type='text' id='test' size='sm' placeholder='' value='홍길동' disabled/> |
|
|
|
<Input type='text' id='test' size='sm' placeholder='' value='홍길동' disabled/> |
|
|
|
</FormGroup> |
|
|
|
</FormGroup> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' md='6' sm='12'>
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<FormGroup> |
|
|
|
<FormGroup> |
|
|
|
<div className='ti'>비행 유형</div> |
|
|
|
<div className='ti'>비행 유형</div> |
|
|
|
<Label for='test'><span className='necessary'>*</span>종류</Label> |
|
|
|
<Label for='test'><span className='necessary'>*</span>종류</Label> |
|
|
@ -242,7 +245,7 @@ const FlightPlanContainer = () => { |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' md='12' sm='12'>
|
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
<div className='ti'>비행 구역 정보<Button size='sm'>적용</Button></div> |
|
|
|
<div className='ti'>비행 구역 정보<Button size='sm'>적용</Button></div> |
|
|
|
<Row> |
|
|
|
<Row> |
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
@ -271,7 +274,7 @@ const FlightPlanContainer = () => { |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
</Row> |
|
|
|
</Row> |
|
|
|
</Col> |
|
|
|
</Col> |
|
|
|
<Col className='list-input' md='12' sm='12'>
|
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
<div className='ti'>기체 정보</div> |
|
|
|
<div className='ti'>기체 정보</div> |
|
|
|
<Row> |
|
|
|
<Row> |
|
|
|
<Col className='list-input' md='4'>
|
|
|
|
<Col className='list-input' md='4'>
|
|
|
@ -338,13 +341,301 @@ const FlightPlanContainer = () => { |
|
|
|
<li><span></span></li> |
|
|
|
<li><span></span></li> |
|
|
|
<li><span></span></li> |
|
|
|
<li><span></span></li> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
{/* 유효성 검사 완료후 다음 진행할 수 있을때 버튼에 ouline 뺴주고 color='danger' 넣어주기 */} |
|
|
|
{/* 완료후 다음 진행할 수 있을때 버튼에 ouline 뺴주고 color='danger' 넣어주기 */} |
|
|
|
<Button outline onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
<Button outline onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
다음 |
|
|
|
다음 |
|
|
|
</Button> |
|
|
|
</Button> |
|
|
|
</ModalFooter> |
|
|
|
</ModalFooter> |
|
|
|
</Modal> |
|
|
|
</Modal> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{/* step-2 */} |
|
|
|
|
|
|
|
{/* <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 className='mb-1'> |
|
|
|
|
|
|
|
<div className='ti'>비행승인 사전결과 확인</div> |
|
|
|
|
|
|
|
<div className='laanc-map-sm'> |
|
|
|
|
|
|
|
지도영역 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='mt-1'> |
|
|
|
|
|
|
|
<Alert color='danger'> |
|
|
|
|
|
|
|
<div className='alert-body'> |
|
|
|
|
|
|
|
<AlertCircle size={15} />{' '} |
|
|
|
|
|
|
|
<span className='ms-1'> |
|
|
|
|
|
|
|
사전 결과 미 승인 대상입니다. |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</Alert> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='vertically-centered-modal'> |
|
|
|
|
|
|
|
<Modal isOpen={centeredModal} toggle={() => setCenteredModal(!centeredModal)} className='modal-dialog-centered modal-xl'> |
|
|
|
|
|
|
|
<ModalHeader toggle={() => setCenteredModal(!centeredModal)}>비행 구역 설정</ModalHeader> |
|
|
|
|
|
|
|
<ModalBody> |
|
|
|
|
|
|
|
지도영역 지도 height 정해주기 |
|
|
|
|
|
|
|
</ModalBody> |
|
|
|
|
|
|
|
<ModalFooter> |
|
|
|
|
|
|
|
<div className='laanc-map-btn'> |
|
|
|
|
|
|
|
<div className='laanc-point'> |
|
|
|
|
|
|
|
<Button color='primary'>버튼1</Button> |
|
|
|
|
|
|
|
<Button color='primary'>버튼2</Button> |
|
|
|
|
|
|
|
<Button color='primary'>버튼3</Button> |
|
|
|
|
|
|
|
<Button color='primary'>버튼4</Button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<Button color='primary' onClick={() => setCenteredModal(!centeredModal)}> |
|
|
|
|
|
|
|
닫기 |
|
|
|
|
|
|
|
</Button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</ModalFooter> |
|
|
|
|
|
|
|
</Modal> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<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' disabled> |
|
|
|
|
|
|
|
<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='6'>
|
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for='test'><span className='necessary'>*</span>비행 시작 일자</Label> |
|
|
|
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' disabled/> |
|
|
|
|
|
|
|
</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='' disabled/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
|
|
|
|
<div className='ti'>기체 정보</div> |
|
|
|
|
|
|
|
<Row> |
|
|
|
|
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for='test'><span className='necessary'>*</span>기체 중량</Label> |
|
|
|
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' disabled/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
|
|
|
|
<div className='ti'>미 승인 사유</div> |
|
|
|
|
|
|
|
<div className='cancel-box'> |
|
|
|
|
|
|
|
내용 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ModalBody> |
|
|
|
|
|
|
|
<ModalFooter> |
|
|
|
|
|
|
|
<Button outline color='danger' onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
|
|
|
|
이전 |
|
|
|
|
|
|
|
</Button> |
|
|
|
|
|
|
|
<ul className='step'> |
|
|
|
|
|
|
|
<li><span></span></li> |
|
|
|
|
|
|
|
<li><span className='on'></span></li> |
|
|
|
|
|
|
|
<li><span></span></li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
|
|
|
|
<Button outline onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
|
|
|
|
다음 |
|
|
|
|
|
|
|
</Button> |
|
|
|
|
|
|
|
</ModalFooter> |
|
|
|
|
|
|
|
</Modal> |
|
|
|
|
|
|
|
</div> */} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{/* step-2 2번째 */} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{/* <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> |
|
|
|
|
|
|
|
<div className='ti'>유효성 검사 정보</div> |
|
|
|
|
|
|
|
<Row> |
|
|
|
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
|
|
|
|
<Alert color='warning'> |
|
|
|
|
|
|
|
<div className='alert-body'> |
|
|
|
|
|
|
|
<AlertCircle size={15} />{' '} |
|
|
|
|
|
|
|
<span className='ms-1'> |
|
|
|
|
|
|
|
조종자 자격 정보 |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</Alert> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
|
|
|
|
<Alert color='success'> |
|
|
|
|
|
|
|
<div className='alert-body'> |
|
|
|
|
|
|
|
<CheckCircle size={15} />{' '} |
|
|
|
|
|
|
|
<span className='ms-1'> |
|
|
|
|
|
|
|
기체보험가입 정보 |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</Alert> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='mb-1'> |
|
|
|
|
|
|
|
<div className='ti'>비행승인 사전결과 확인</div> |
|
|
|
|
|
|
|
<div className='laanc-map-sm'> |
|
|
|
|
|
|
|
지도영역 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='mt-1'> |
|
|
|
|
|
|
|
<Alert color='success'> |
|
|
|
|
|
|
|
<div className='alert-body'> |
|
|
|
|
|
|
|
<AlertCircle size={15} />{' '} |
|
|
|
|
|
|
|
<span className='ms-1'> |
|
|
|
|
|
|
|
사전 결과 승인 대상입니다. |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</Alert> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='vertically-centered-modal'> |
|
|
|
|
|
|
|
<Modal isOpen={centeredModal} toggle={() => setCenteredModal(!centeredModal)} className='modal-dialog-centered modal-xl'> |
|
|
|
|
|
|
|
<ModalHeader toggle={() => setCenteredModal(!centeredModal)}>비행 구역 설정</ModalHeader> |
|
|
|
|
|
|
|
<ModalBody> |
|
|
|
|
|
|
|
지도영역 지도 height 정해주기 |
|
|
|
|
|
|
|
</ModalBody> |
|
|
|
|
|
|
|
<ModalFooter> |
|
|
|
|
|
|
|
<div className='laanc-map-btn'> |
|
|
|
|
|
|
|
<div className='laanc-point'> |
|
|
|
|
|
|
|
<Button color='primary'>버튼1</Button> |
|
|
|
|
|
|
|
<Button color='primary'>버튼2</Button> |
|
|
|
|
|
|
|
<Button color='primary'>버튼3</Button> |
|
|
|
|
|
|
|
<Button color='primary'>버튼4</Button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<Button color='primary' onClick={() => setCenteredModal(!centeredModal)}> |
|
|
|
|
|
|
|
닫기 |
|
|
|
|
|
|
|
</Button> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</ModalFooter> |
|
|
|
|
|
|
|
</Modal> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<Row> |
|
|
|
|
|
|
|
<Col className='list-input' md='6'>
|
|
|
|
|
|
|
|
<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'>
|
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<div className='ti'>승인 유형</div> |
|
|
|
|
|
|
|
<Label for='test'><span className='necessary'>*</span>종류</Label> |
|
|
|
|
|
|
|
<Input type='select' name='select' size='sm' id='test' disabled> |
|
|
|
|
|
|
|
<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='6'>
|
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for='test'><span className='necessary'>*</span>비행 시작 일자</Label> |
|
|
|
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' disabled/> |
|
|
|
|
|
|
|
</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='' disabled/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
|
|
|
|
<div className='ti'>기체 정보</div> |
|
|
|
|
|
|
|
<Row> |
|
|
|
|
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
|
|
|
|
<FormGroup> |
|
|
|
|
|
|
|
<Label for='test'><span className='necessary'>*</span>기체 중량</Label> |
|
|
|
|
|
|
|
<Input type='text' id='test' size='sm' placeholder='' disabled/> |
|
|
|
|
|
|
|
</FormGroup> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<Col className='list-input' md='12'>
|
|
|
|
|
|
|
|
<div className='ti'>조종자 준수사항 처벌 동의 약관</div> |
|
|
|
|
|
|
|
<div className='cancel-box'> |
|
|
|
|
|
|
|
내용 |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
체크박스 |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</ModalBody> |
|
|
|
|
|
|
|
<ModalFooter> |
|
|
|
|
|
|
|
<Button outline color='danger' onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
|
|
|
|
이전 |
|
|
|
|
|
|
|
</Button> |
|
|
|
|
|
|
|
<ul className='step'> |
|
|
|
|
|
|
|
<li><span></span></li> |
|
|
|
|
|
|
|
<li><span className='on'></span></li> |
|
|
|
|
|
|
|
<li><span></span></li> |
|
|
|
|
|
|
|
</ul> |
|
|
|
|
|
|
|
<Button outline onClick={() => setDisabledAnimation(!disabledAnimation)}> |
|
|
|
|
|
|
|
다음 |
|
|
|
|
|
|
|
</Button> |
|
|
|
|
|
|
|
</ModalFooter> |
|
|
|
|
|
|
|
</Modal> |
|
|
|
|
|
|
|
</div> */} |
|
|
|
|
|
|
|
|
|
|
|
<div className='pal-card-box'> |
|
|
|
<div className='pal-card-box'> |
|
|
|
<Row> |
|
|
|
<Row> |
|
|
|
<Col sm='12' lg='12'> |
|
|
|
<Col sm='12' lg='12'> |
|
|
|