hhjk00
11 months ago
17 changed files with 1089 additions and 1508 deletions
@ -0,0 +1,13 @@
|
||||
export default [ |
||||
{ |
||||
id: 'reservation_001', |
||||
title: '도심항공교통(UAM) 예약', |
||||
navLink: '#' |
||||
}, |
||||
{ |
||||
id: 'reservation_001_01', |
||||
type: 'item', |
||||
title: '도심항공교통(UAM) 예약', |
||||
navLink: '/reservation' |
||||
} |
||||
]; |
@ -0,0 +1,10 @@
|
||||
import { lazy } from 'react'; |
||||
|
||||
const RouteReservation = [ |
||||
{ |
||||
path: '/reservation', |
||||
component: lazy(() => import('../../views/reservation/ReservationView')) |
||||
} |
||||
]; |
||||
|
||||
export default RouteReservation; |
@ -0,0 +1,423 @@
|
||||
import { useState } from 'react'; |
||||
import { Button, Row, Col, FormGroup, Label, Input, Modal, ModalHeader, ModalBody, CustomInput } from 'reactstrap'; |
||||
|
||||
export default function ControlFsm({ modal, handler }) { |
||||
return ( |
||||
<div |
||||
className='vertically-centered-modal' |
||||
> |
||||
<Modal |
||||
isOpen={modal} |
||||
toggle={handler} |
||||
className='modal-dialog-centered modal-lg' |
||||
> |
||||
<ModalHeader |
||||
toggle={handler} |
||||
> |
||||
FSM 비행계획서 |
||||
</ModalHeader> |
||||
<ModalBody className='pal-modal-body'> |
||||
<div className='fsm-wrap'> |
||||
<div className='fsm-box'> |
||||
<div className='fsm-ti'> |
||||
<h5>비행계획서 상세정보</h5> |
||||
<div className='btn-wrap'> |
||||
<Button>CHG</Button> |
||||
<Button>CNL</Button> |
||||
<Button color='success'>비행계획서 제출</Button> |
||||
</div> |
||||
</div> |
||||
<Row> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>서류구분</Label> |
||||
<Input |
||||
type='select' |
||||
name='select' |
||||
bsSize='sm' |
||||
id='' |
||||
> |
||||
<option>비행계획서 작성</option> |
||||
</Input> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>항공기 등록기호</Label> |
||||
<Input |
||||
type='text' |
||||
id='' |
||||
bsSize='sm' |
||||
placeholder='' |
||||
value='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>비행계획일자</Label> |
||||
<Input |
||||
type='text' |
||||
id='' |
||||
bsSize='sm' |
||||
placeholder='' |
||||
value='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
</Row> |
||||
<Row> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Priority</Label> |
||||
<Input |
||||
type='select' |
||||
name='select' |
||||
bsSize='sm' |
||||
id='' |
||||
> |
||||
<option>FF</option> |
||||
</Input> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Filing Time</Label> |
||||
<Input |
||||
type='text' |
||||
id='' |
||||
bsSize='sm' |
||||
placeholder='' |
||||
value='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>의뢰부서</Label> |
||||
<Input |
||||
type='text' |
||||
id='' |
||||
bsSize='sm' |
||||
placeholder='' |
||||
value='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
</Row> |
||||
<hr/> |
||||
<Row> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Message Type</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Flight Identity(Callsign)</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Flight Rules</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Flight Type</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Number</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Aicrraft Type</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Wake Turb. Cat.</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Equipment</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Departure</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Time</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Cruising Speed</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Flight Level</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='12'> |
||||
<FormGroup> |
||||
<Label for=''>Route</Label> |
||||
<Input |
||||
type='textarea' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Arrival</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Total EET</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>1st ALTN</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>2st ALTN</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='12'> |
||||
<FormGroup> |
||||
<Label for=''>Other information</Label> |
||||
<Input |
||||
type='textarea' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>E</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>P</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>R/</Label> |
||||
<div className='checkbox-inline'> |
||||
<CustomInput inline type='checkbox' id='exampleCustomCheckbox' label='U' defaultChecked /> |
||||
<CustomInput inline type='checkbox' id='exampleCustomCheckbox2' label='V' /> |
||||
<CustomInput inline type='checkbox' id='exampleCustomCheckbox3' label='E' /> |
||||
</div> |
||||
</FormGroup> |
||||
</Col> |
||||
</Row> |
||||
<Row> |
||||
<Col className='list-input' md='6' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>S/</Label> |
||||
<div className='checkbox-inline'> |
||||
<CustomInput inline type='checkbox' id='4' label='P' defaultChecked /> |
||||
<CustomInput inline type='checkbox' id='5' label='D' /> |
||||
<CustomInput inline type='checkbox' id='6' label='M' /> |
||||
<CustomInput inline type='checkbox' id='7' label='J' /> |
||||
</div> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='6' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>J/</Label> |
||||
<div className='checkbox-inline'> |
||||
<CustomInput inline type='checkbox' id='8' label='L' defaultChecked /> |
||||
<CustomInput inline type='checkbox' id='9' label='F' /> |
||||
<CustomInput inline type='checkbox' id='10' label='U' /> |
||||
<CustomInput inline type='checkbox' id='11' label='V' /> |
||||
</div> |
||||
</FormGroup> |
||||
</Col> |
||||
</Row> |
||||
<Row> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>D/Number</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Capacity</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Cover</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>Colour</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>A/</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>N/</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
<Col className='list-input' md='3' sm='12'> |
||||
<FormGroup> |
||||
<Label for=''>C/</Label> |
||||
<Input |
||||
type='text' |
||||
bsSize='sm' |
||||
id='' |
||||
/> |
||||
</FormGroup> |
||||
</Col> |
||||
</Row> |
||||
</div> |
||||
</div> |
||||
</ModalBody> |
||||
</Modal> |
||||
</div> |
||||
); |
||||
} |
@ -1,185 +1,43 @@
|
||||
import NumberInput from '@components/number-input' |
||||
import { Button, Label } from 'reactstrap' |
||||
|
||||
export default function Step4({ setIsChoise }) { |
||||
return ( |
||||
<div |
||||
style={{ |
||||
border: '1px solid #990033', |
||||
padding: '25px 25px 5px 25px', |
||||
width: '70%' |
||||
}} |
||||
> |
||||
<div |
||||
style={{ |
||||
display: 'flex', |
||||
justifyContent: 'space-between', |
||||
alignItems: 'center', |
||||
borderBottom: '1px solid #990033', |
||||
fontSize: '1.2rem' |
||||
}} |
||||
> |
||||
<h5 style={{ fontWeight: 'bold' }}>탑승객 수 선택</h5> |
||||
<div |
||||
style={{ |
||||
fontWeight: 'bold', |
||||
cursor: 'pointer', |
||||
fontSize: '1.5rem' |
||||
}} |
||||
> |
||||
X |
||||
<div className='step-wrap'> |
||||
<div className='step-box'> |
||||
<div className='step-box-ti'> |
||||
<h5>탑승객 수 선택</h5> |
||||
</div> |
||||
</div> |
||||
<div style={{ padding: '20px 15px' }}> |
||||
<div |
||||
style={{ |
||||
display: 'flex', |
||||
justifyContent: 'flex-start', |
||||
alignItems: 'center', |
||||
marginBottom: '30px' |
||||
}} |
||||
> |
||||
<div style={{ fontWeight: 'bold', width: '300px' }}> |
||||
성인<span> (만 13세 이상)</span>{' '} |
||||
</div> |
||||
<div |
||||
style={{ |
||||
display: 'flex', |
||||
width: '400px', |
||||
backgroundColor: '#f2f2f2', |
||||
padding: '15px', |
||||
justifyContent: 'space-between', |
||||
alignItems: 'center' |
||||
}} |
||||
> |
||||
<button |
||||
style={{ |
||||
border: '1px solid #000', |
||||
padding: '0 10px', |
||||
fontSize: '1rem', |
||||
backgroundColor: '#fff' |
||||
}} |
||||
> |
||||
- |
||||
</button> |
||||
<span style={{ fontWeight: 'bold' }}>성인 1</span> |
||||
<button |
||||
style={{ |
||||
border: '1px solid #000', |
||||
padding: '0 10px', |
||||
fontSize: '1rem', |
||||
backgroundColor: '#fff' |
||||
}} |
||||
> |
||||
+ |
||||
</button> |
||||
</div> |
||||
</div> |
||||
<div |
||||
style={{ |
||||
display: 'flex', |
||||
justifyContent: 'flex-start', |
||||
alignItems: 'center', |
||||
marginBottom: '30px' |
||||
}} |
||||
> |
||||
<div style={{ fontWeight: 'bold', width: '300px' }}> |
||||
소아<span> (만 2세 ~ 13세 미만)</span>{' '} |
||||
</div> |
||||
<div |
||||
style={{ |
||||
display: 'flex', |
||||
width: '400px', |
||||
backgroundColor: '#f2f2f2', |
||||
padding: '15px', |
||||
justifyContent: 'space-between', |
||||
alignItems: 'center' |
||||
}} |
||||
> |
||||
<button |
||||
style={{ |
||||
border: '1px solid #000', |
||||
padding: '0 10px', |
||||
fontSize: '1rem', |
||||
backgroundColor: '#fff' |
||||
}} |
||||
> |
||||
- |
||||
</button> |
||||
<span style={{ fontWeight: 'bold' }}>소아 0</span> |
||||
<button |
||||
style={{ |
||||
border: '1px solid #000', |
||||
padding: '0 10px', |
||||
fontSize: '1rem', |
||||
backgroundColor: '#fff' |
||||
}} |
||||
> |
||||
+ |
||||
</button> |
||||
</div> |
||||
</div> |
||||
<div |
||||
style={{ |
||||
display: 'flex', |
||||
justifyContent: 'flex-start', |
||||
alignItems: 'center', |
||||
marginBottom: '30px' |
||||
}} |
||||
> |
||||
<div style={{ fontWeight: 'bold', width: '300px' }}> |
||||
유아<span> (만 2세 미만)</span>{' '} |
||||
</div> |
||||
<div |
||||
style={{ |
||||
display: 'flex', |
||||
width: '400px', |
||||
backgroundColor: '#f2f2f2', |
||||
padding: '15px', |
||||
justifyContent: 'space-between', |
||||
alignItems: 'center' |
||||
}} |
||||
> |
||||
<button |
||||
style={{ |
||||
border: '1px solid #000', |
||||
padding: '0 10px', |
||||
fontSize: '1rem', |
||||
backgroundColor: '#fff' |
||||
}} |
||||
> |
||||
- |
||||
</button> |
||||
<span style={{ fontWeight: 'bold' }}>유아 0</span> |
||||
<button |
||||
style={{ |
||||
border: '1px solid #000', |
||||
padding: '0 10px', |
||||
fontSize: '1rem', |
||||
backgroundColor: '#fff' |
||||
}} |
||||
> |
||||
+ |
||||
</button> |
||||
</div> |
||||
</div> |
||||
<div |
||||
style={{ display: 'flex', justifyContent: 'end', alignItems: 'end' }} |
||||
> |
||||
<button |
||||
style={{ |
||||
border: '1px solid #7F7F7F', |
||||
padding: '0 10px', |
||||
fontSize: '1rem', |
||||
backgroundColor: '#7F7F7F', |
||||
color: '#fff', |
||||
padding: '10px 50px', |
||||
fontWeight: 'bold', |
||||
fontSize: '0.8rem' |
||||
}} |
||||
onClick={() => setIsChoise(true)} |
||||
> |
||||
선택 완료 |
||||
</button> |
||||
<div className='passengers'> |
||||
<ul> |
||||
<li> |
||||
<div> |
||||
<h6>성인 (만 13세 이상)</h6> |
||||
<div> |
||||
<NumberInput size='sm' id='min-max-number-input1' min={0} max={9} /> |
||||
</div> |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<div> |
||||
<h6>소아 (만 2세 ~ 13세 미만)</h6> |
||||
<div> |
||||
<NumberInput size='sm' id='min-max-number-input2' min={0} max={9} /> |
||||
</div> |
||||
</div> |
||||
</li> |
||||
<li> |
||||
<div> |
||||
<h6>유아 (만 2세 미만)</h6> |
||||
<div> |
||||
<NumberInput size='sm' id='min-max-number-input3' min={0} max={9} /> |
||||
</div> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
</div> |
||||
<div className='finish-btn'><Button color='success' onClick={() => setIsChoise(true)}>선택 완료</Button></div> |
||||
</div> |
||||
); |
||||
} |
||||
|
Loading…
Reference in new issue