김지은 8 months ago
parent
commit
81e8815178
  1. 7
      src/assets/css/custom.css
  2. 337
      src/components/modal/control/ControlFsmModal.js
  3. 16
      src/views/control/setting/ControlSetting.js

7
src/assets/css/custom.css

@ -956,6 +956,8 @@ background-size: 75% auto;
.laanc-btn{width:100%;font-size:1rem}
.onstop-link a{width:100%;color: #8a1c05}
.onstop-link a + a{margin-top:10px}
.onstop-link a + button{margin-top:10px}
.onstop-link button{width:100%;}
.laanc-pop-btn{font-size:1rem;min-width:280px;margin-bottom:1rem}
.laanc-modal{margin:0;position:fixed;right:0;top:0;height:100vh;overflow-y: scroll;box-shadow: -4px 1px 10px #ddd;min-width:500px}
.laanc-modal .modal-content{height:100vh;}
@ -1157,3 +1159,8 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.statistics .card .card-title{font-size:1.125rem}
.statistics .select-date-wrap{padding-left:1rem;padding-right:1rem}
.statistics .select-date + .select-date{margin-left:0.5rem}
.fsm-box{padding:1rem}
.fsm-ti{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd;padding-bottom:0.5rem;margin-bottom:1rem}
.fsm-ti h5{font-weight:500}
.fsm-ti .btn-wrap button + button{margin-left:0.5rem}
.fsm-box .list-input label{font-size:0.875rem}

337
src/components/modal/control/ControlFsmModal.js

@ -0,0 +1,337 @@
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>
);
}

16
src/views/control/setting/ControlSetting.js

@ -1,3 +1,4 @@
import { useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { useHistory } from 'react-router-dom';
import { Button, ButtonGroup, CustomInput } from 'reactstrap';
@ -6,8 +7,10 @@ import {
areaClickAction,
mapTypeChangeAction
} from '../../../modules/control/map/actions/controlMapActions';
import ControlFsmModal from '../../../components/modal/control/ControlFsmModal';
const ControlSetting = props => {
const [isFsmModal, setIsFsmModal] = useState(false);
const dispatch = useDispatch();
const history = useHistory();
@ -43,6 +46,7 @@ const ControlSetting = props => {
};
return (
<>
<div className=''>
<div className='layer-content'>
<div className='layer-ti'>
@ -278,9 +282,21 @@ const ControlSetting = props => {
>
항공촬영 신청
</a>
<Button
className='btn btn-outline-primary'
outline
color='primary'
onClick={() => setIsFsmModal(true)}
>
FSM 비행계획서 작성 바로가기
</Button>
</div>
</div>
{isFsmModal && (
<ControlFsmModal modal={true} handler={() => setIsFsmModal(false)} />
)}
</div>
</>
);
};

Loading…
Cancel
Save