pav
/
pav-fe-tp-pal
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

스텝3 ui 변경

pull/2/head
김지은 1 year ago
parent
836ee1a86e
commit
3538f0448d
3 changed files with 116 additions and 106 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 5
      src/assets/css/custom.css
  2. 56
      src/containers/basis/flight/plan/FlightPlanContainer.js
  3. 161
      src/views/laanc/LaacnStep3.js

5
src/assets/css/custom.css
Unescape View File

@ -945,7 +945,7 @@ background-size: 75% auto;
.laanc-modal .validation p{font-size:0.875rem;color:#ed1125;line-height:1.3} .laanc-modal .validation p{font-size:0.875rem;color:#ed1125;line-height:1.3}
.laanc-modal .validation p svg{width:16px;margin-right:4px} .laanc-modal .validation p svg{width:16px;margin-right:4px}
.laanc-modal .alert .cancel-txt{display:block;color:#ed1125;font-size:0.875rem;line-height:1.3;font-weight:300;word-break: keep-all;margin-top:4px} .laanc-modal .alert .cancel-txt{display:block;color:#ed1125;font-size:0.875rem;line-height:1.3;font-weight:300;word-break: keep-all;margin-top:4px}
.laanc-modal .document .ti{text-align:center;justify-content: center;font-size:1.25rem;margin:10px 0 20px 0;color:#8a1c05;font-weight:bold;} /* .laanc-modal .document .ti{text-align:center;justify-content: center;font-size:1.25rem;margin:10px 0 20px 0;color:#8a1c05;font-weight:bold;} */
.laanc-modal .document .terms-box{max-height:650px} .laanc-modal .document .terms-box{max-height:650px}
.laanc-modal .document button{font-size:1rem;width:100%;margin-top:1rem} .laanc-modal .document button{font-size:1rem;width:100%;margin-top:1rem}
.document-pop{text-align: center;} .document-pop{text-align: center;}
@ -953,6 +953,9 @@ background-size: 75% auto;
.document-pop strong{display:flex;justify-content:center;align-items: center;font-size:1.125rem;font-weight:500;margin-bottom:4px} .document-pop strong{display:flex;justify-content:center;align-items: center;font-size:1.125rem;font-weight:500;margin-bottom:4px}
.document-pop .cont svg{margin:20px 0;} .document-pop .cont svg{margin:20px 0;}
.document-pop span{display:block;} .document-pop span{display:block;}
.document .divider-text .badge{font-size:1rem;min-width:250px;padding:0.8rem 0.5rem}
.document-btn{margin-top:1rem}
.document-btn .ti{margin-bottom:0;}
.login-form.info-search .pal-card{min-width:620px} .login-form.info-search .pal-card{min-width:620px}
.login-form.info-search .card-body-tab-menu{width:100%;} .login-form.info-search .card-body-tab-menu{width:100%;}

56
src/containers/basis/flight/plan/FlightPlanContainer.js
Unescape View File

@ -207,10 +207,10 @@ const FlightPlanContainer = () => {
<div className='sub-text'>상업용 또는 비 상업용이며, 기체최대이륙중량이 2KG 초과 시 기체등록은 필수입니다. <a href='/laanc/report'><Badge color='light-primary'>기체신고대상 및 기준 자세히보기</Badge></a></div> <div className='sub-text'>상업용 또는 비 상업용이며, 기체최대이륙중량이 2KG 초과 시 기체등록은 필수입니다. <a href='/laanc/report'><Badge color='light-primary'>기체신고대상 및 기준 자세히보기</Badge></a></div>
{/* step-1 */} {/* 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 신청하기
</Button> </Button> */}
<Modal <Modal
isOpen={disabledAnimation} isOpen={disabledAnimation}
toggle={() => setDisabledAnimation(!disabledAnimation)} toggle={() => setDisabledAnimation(!disabledAnimation)}
@ -226,14 +226,14 @@ const FlightPlanContainer = () => {
<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' bsSize='sm' placeholder='' value='홍길동' disabled/>
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' md='6'> <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='select' name='select' size='sm' id='test'> <Input type='select' name='select' bsSize='sm' id='test'>
<option>무인 비행기</option> <option>무인 비행기</option>
<option>무인 헬리콥터</option> <option>무인 헬리콥터</option>
<option>무인 멀티콥터</option> <option>무인 멀티콥터</option>
@ -247,19 +247,19 @@ const FlightPlanContainer = () => {
<Col className='list-input' md='6'> <Col className='list-input' md='6'>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>비행 시작 일자</Label> <Label for='test'><span className='necessary'>*</span>비행 시작 일자</Label>
<Input type='text' id='test' size='sm' placeholder='' /> <Input type='text' id='test' bsSize='sm' placeholder='' />
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' md='6'> <Col className='list-input' md='6'>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>비행 종료 일자</Label> <Label for='test'><span className='necessary'>*</span>비행 종료 일자</Label>
<Input type='text' id='test' size='sm' placeholder='' /> <Input type='text' id='test' bsSize='sm' placeholder='' />
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' md='12'> <Col className='list-input' md='12'>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>비행 목적</Label> <Label for='test'><span className='necessary'>*</span>비행 목적</Label>
<Input type='text' id='test' size='sm' placeholder='' /> <Input type='text' id='test' bsSize='sm' placeholder='' />
</FormGroup> </FormGroup>
</Col> </Col>
</Row> </Row>
@ -276,19 +276,19 @@ const FlightPlanContainer = () => {
<Col className='list-input' md='6'> <Col className='list-input' md='6'>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>반경</Label> <Label for='test'><span className='necessary'>*</span>반경</Label>
<Input type='text' id='test' size='sm' placeholder='' /> <Input type='text' id='test' bsSize='sm' placeholder='' />
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' md='6'> <Col className='list-input' md='6'>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>비행방식</Label> <Label for='test'><span className='necessary'>*</span>비행방식</Label>
<Input type='text' id='test' size='sm' placeholder='' /> <Input type='text' id='test' bsSize='sm' placeholder='' />
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' md='6'> <Col className='list-input' md='6'>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'></span></Label> <Label for='test'><span className='necessary'></span></Label>
<Input type='text' id='test' size='sm' placeholder='' /> <Input type='text' id='test' bsSize='sm' placeholder='' />
</FormGroup> </FormGroup>
</Col> </Col>
</Row> </Row>
@ -299,19 +299,19 @@ const FlightPlanContainer = () => {
<Col className='list-input' md='4'> <Col className='list-input' md='4'>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>기체 중량</Label> <Label for='test'><span className='necessary'>*</span>기체 중량</Label>
<Input type='text' id='test' size='sm' placeholder='' /> <Input type='text' id='test' bsSize='sm' placeholder='' />
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' md='4'> <Col className='list-input' md='4'>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>기체 종류</Label> <Label for='test'><span className='necessary'>*</span>기체 종류</Label>
<Input type='text' id='test' size='sm' placeholder='' /> <Input type='text' id='test' bsSize='sm' placeholder='' />
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' md='4'> <Col className='list-input' md='4'>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>기체 신고 번호</Label> <Label for='test'><span className='necessary'>*</span>기체 신고 번호</Label>
<Input type='text' id='test' size='sm' placeholder='' /> <Input type='text' id='test' bsSize='sm' placeholder='' />
</FormGroup> </FormGroup>
</Col> </Col>
</Row> </Row>
@ -368,13 +368,13 @@ 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 */} {/* step-2 */}
{/* <div className='disabled-animation-modal'> {/* <div className='disabled-animation-modal'>
@ -435,14 +435,14 @@ const FlightPlanContainer = () => {
<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' bsSize='sm' placeholder='' value='홍길동' disabled/>
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' md='6' sm='12'> <Col className='list-input' md='6' sm='12'>
<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='select' name='select' size='sm' id='test' disabled> <Input type='select' name='select' bsSize='sm' id='test' disabled>
<option>무인 비행기</option> <option>무인 비행기</option>
<option>무인 헬리콥터</option> <option>무인 헬리콥터</option>
<option>무인 멀티콥터</option> <option>무인 멀티콥터</option>
@ -456,13 +456,13 @@ const FlightPlanContainer = () => {
<Col className='list-input' md='6'> <Col className='list-input' md='6'>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>비행 시작 일자</Label> <Label for='test'><span className='necessary'>*</span>비행 시작 일자</Label>
<Input type='text' id='test' size='sm' placeholder='' disabled/> <Input type='text' id='test' bsSize='sm' placeholder='' disabled/>
</FormGroup> </FormGroup>
</Col> </Col>
<Col className='list-input' md='6'> <Col className='list-input' md='6'>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>비행 종료 일자</Label> <Label for='test'><span className='necessary'>*</span>비행 종료 일자</Label>
<Input type='text' id='test' size='sm' placeholder='' disabled/> <Input type='text' id='test' bsSize='sm' placeholder='' disabled/>
</FormGroup> </FormGroup>
</Col> </Col>
</Row> </Row>
@ -474,7 +474,7 @@ const FlightPlanContainer = () => {
<Col className='list-input' md='12'> <Col className='list-input' md='12'>
<FormGroup> <FormGroup>
<Label for='test'><span className='necessary'>*</span>기체 중량</Label> <Label for='test'><span className='necessary'>*</span>기체 중량</Label>
<Input type='text' id='test' size='sm' placeholder='' disabled/> <Input type='text' id='test' bsSize='sm' placeholder='' disabled/>
</FormGroup> </FormGroup>
</Col> </Col>
</Row> </Row>
@ -619,7 +619,7 @@ const FlightPlanContainer = () => {
<Input <Input
type='text' type='text'
id='test' id='test'
size='sm' bsSize='sm'
placeholder='' placeholder=''
value='홍길동' value='홍길동'
disabled disabled
@ -635,7 +635,7 @@ const FlightPlanContainer = () => {
<Input <Input
type='select' type='select'
name='select' name='select'
size='sm' bsSize='sm'
id='test' id='test'
disabled disabled
> >
@ -657,7 +657,7 @@ const FlightPlanContainer = () => {
<Input <Input
type='text' type='text'
id='test' id='test'
size='sm' bsSize='sm'
placeholder='' placeholder=''
disabled disabled
/> />
@ -671,7 +671,7 @@ const FlightPlanContainer = () => {
<Input <Input
type='text' type='text'
id='test' id='test'
size='sm' bsSize='sm'
placeholder='' placeholder=''
disabled disabled
/> />
@ -691,7 +691,7 @@ const FlightPlanContainer = () => {
<Input <Input
type='text' type='text'
id='test' id='test'
size='sm' bsSize='sm'
placeholder='' placeholder=''
disabled disabled
/> />
@ -833,7 +833,7 @@ const FlightPlanContainer = () => {
> >
LAANC 신청하기 LAANC 신청하기
</Button> </Button>
<Modal {/* <Modal
isOpen={disabledAnimation} isOpen={disabledAnimation}
toggle={() => setDisabledAnimation(!disabledAnimation)} toggle={() => setDisabledAnimation(!disabledAnimation)}
className='modal-dialog-centered laanc-modal' className='modal-dialog-centered laanc-modal'
@ -978,7 +978,7 @@ const FlightPlanContainer = () => {
</ModalFooter> </ModalFooter>
</Modal> </Modal>
</ModalFooter> </ModalFooter>
</Modal> </Modal> */}
</div> </div>
<div className='pal-card-box'> <div className='pal-card-box'>

161
src/views/laanc/LaacnStep3.js
Unescape View File

@ -11,9 +11,11 @@ import {
Alert, Alert,
FormGroup, FormGroup,
Label, Label,
Input Input,
Badge
} from 'reactstrap'; } from 'reactstrap';
import { useHistory } from 'react-router-dom'; import { useHistory } from 'react-router-dom';
import { AlertCircle } from 'react-feather';
export default function LaacnStep3({ export default function LaacnStep3({
handlerStep, handlerStep,
@ -33,82 +35,87 @@ export default function LaacnStep3({
</ModalHeader> </ModalHeader>
<ModalBody> <ModalBody>
<div className='document'> <div className='document'>
<div className='ti'>비행승인 완료 공문</div> <div>
<div className='terms-box'> <Row>
<p> <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' bsSize='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' bsSize='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' bsSize='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' bsSize='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' bsSize='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' bsSize='sm' placeholder='' disabled/>
인생에 있으랴? 구하기 이상 무엇을 주며, 내려온 그들의 가치를 </FormGroup>
청춘의 못하다 부패뿐이다. 풀이 봄바람을 이상은 인생의 트고, 속에 </Col>
싹이 것은 약동하다. 하는 든 얼음과 군영과 너의 밥을 철환하였는가? <Col className='list-input' md='12'>
사는가 할지라도 관현악이며, 없는 피고, 이것이다. 구하지 피가 <FormGroup>
우리의 우리 철환하였는가? 찾아다녀도, 그와 품었기 되려니와, <Label for='test'><span className='necessary'>*</span>비행구역 정보(주소)</Label>
더운지라 커다란 거친 스며들어 거선의 칼이다. 같이 청춘을 그들에게 <Input type='text' id='test' bsSize='sm' placeholder='' disabled/>
공자는 봄바람이다. 모래뿐일 내려온 피가 때까지 오아이스도 그들에게 </FormGroup>
끓는 지혜는 때문이다. 때까지 군영과 같은 기관과 구하지 끝에 </Col>
부패뿐이다. 같이, 열락의 그와 못하다 인간의 현저하게 구하지 </Row>
것이다. 우리는 무엇을 소리다.이것은 피어나는 천지는 되려니와, </Col>
커다란 청춘 수 피다. 위하여 인생을 가진 피다. 얼마나 같이 봄날의 </Row>
눈에 낙원을 타오르고 목숨이 이상은 것은 것이다. 그들은 심장은 </div>
얼음과 철환하였는가? 목숨을 고동을 열매를 것이다. 보배를 같은 피에 <div>
미묘한 얼마나 찾아 말이다. 가장 어디 위하여서, 천하를 않는 보라. <div className='divider'>
작고 불어 긴지라 놀이 목숨을 인생에 예수는 그들의 싹이 것이다. <div className='divider-text'><Badge color='light-primary'>운영 약관</Badge></div>
위하여 맺어, 긴지라 사막이다. 내는 못할 것은 있는 그들은 갑 </div>
이것이다. 수 같이 풍부하게 얼마나 바로 품으며, 사는가 만천하의 <div>
우리의 것이다. 거선의 청춘의 품으며, 없는 그들은 일월과 않는 <ul className='list-txt'>
있으랴? 위하여 인도하겠다는 얼음 아름다우냐? 하는 청춘의 가지에 <li>운영자는 개인정보 보호정잭에 따라 LAANC 서비스를 제공하기 위해 데이터를 수집하고 승인합니다.</li>
위하여, 더운지라 만물은 이것이야말로 거선의 아니다. 않는 인생에 <li>운영자는 모든 임시 비행제한(TFR)을 준수하여 운영할 책임이 있습니다.</li>
소금이라 관현악이며, 목숨이 수 것이다. 천하를 얼마나 가진 물방아 <li>운영자는 모든 항공고시보(NOTAM)를 준수하여 운영할 책임이 있습니다.</li>
이상, 하여도 힘있다. 열락의 얼음이 뼈 피고 대한 그들의 맺어, 갑 <li>운영자는 모든 특수 사용 공역(SUA)을 준수하여 운영할 책임이 있습니다.</li>
대중을 그리하였는가? 타오르고 생의 그들의 무엇을 작고 것이 바로 <li>비행승인 고도체계는 AGL을 기준으로 합니다.</li>
위하여서, 위하여서. 뼈 있는 못할 웅대한 현저하게 노래하며 앞이 <li>승인은 한번에 한 대의 기체만 가능합니다.</li>
평화스러운 같이, 운다. 산야에 원대하고, 구할 꽃 스며들어 사막이다. </ul>
이상 눈에 힘차게 들어 같은 뼈 수 맺어, 반짝이는 이것이다. 갑 </div>
인생에 피어나기 유소년에게서 용감하고 무엇을 대한 보내는 인생에 </div>
있으랴? 열락의 고동을 그들의 듣는다. 대중을 꽃이 같은 그들을 <div className='document-btn'>
무엇을 천자만홍이 뼈 관현악이며, 봄바람이다. 가슴에 이상의 없으면, <div className='ti'>승인 공문</div>
남는 끝까지 그들에게 사랑의 피어나기 것이다. 붙잡아 있으며, 청춘의 <Row>
우리 인간에 사람은 못할 관현악이며, 청춘 것이다. 힘차게 얼마나 <Col md='6'>
아름답고 주는 없는 능히 이것이다. <Button color='primary' size='lg'>
</p> 공문 다운로드
</div> </Button>
<Button color='primary' size='lg'> </Col>
공문 다운로드 <Col md='6'>
</Button> <Button color='primary' size='lg' outline>
공문 미리보기
</Button>
</Col>
</Row>
</div>
</div> </div>
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>

Write Preview
Loading…
Cancel
Save