pav
/
pav-fe-kac
12
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

FSM 비행계획서 작성 modal 추가

master
김장현 8 months ago
parent
d2efb34300
commit
216f3c2dda
3 changed files with 564 additions and 221 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 337
      src/components/modal/control/ControlFsmModal.js
  2. 13
      src/views/control/setting/ControlSetting.js
  3. 3
      tsconfig.paths.json

337
src/components/modal/control/ControlFsmModal.js
Unescape View File

@ -0,0 +1,337 @@
import {
Button,
Row,
Col,
FormGroup,
Label,
Input,
Modal,
ModalHeader,
ModalBody,
CustomInput
} from '@ui';
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>
);
}

13
src/views/control/setting/ControlSetting.js
Unescape View File

@ -1,6 +1,7 @@
import { useEffect, useState } from 'react';
import { useDispatch, useSelector } from 'react-redux';
import { useHistory } from 'react-router-dom';
import mapboxgl from 'mapbox-gl';
import { Button, ButtonGroup, CustomInput } from '../../../components/ui/index';
import * as Actions from '../../../modules/menu/actions/menuAction';
import {
@ -14,10 +15,10 @@ import gimPo from '../../../components/map/geojson/gimpoAirportAirArea.json';
import gimPoGrid from '../../../components/map/geojson/airportAirArea.json';
// 김포 선형 공역
import flatGimpo from '../../../components/map/geojson/flatGimpoAirportAirArea.json';
import mapboxgl from 'mapbox-gl';
import ControlFsm from '../../../components/modal/control/ControlFsmModal';
const ControlSetting = props => {
const [isFsmModal, setIsFsmModal] = useState(false);
const dispatch = useDispatch();
const history = useHistory();
@ -152,6 +153,7 @@ const ControlSetting = props => {
};
return (
<>
<div className=''>
<div className='layer-content'>
<div className='layer-ti'>
@ -391,14 +393,17 @@ const ControlSetting = props => {
className='btn btn-outline-primary'
outline
color='primary'
// href='https://drone.onestop.go.kr/'
// target='_blank'
onClick={() => setIsFsmModal(true)}
>
FSM 비행계획서 작성 바로가기
</Button>
</div>
</div>
</div>
{isFsmModal && (
<ControlFsm modal={true} handler={() => setIsFsmModal(false)} />
)}
</>
);
};

3
tsconfig.paths.json
Unescape View File

@ -11,7 +11,8 @@
"@styles/*": ["src/@core/scss/*"],
"@configs/*": ["src/configs/*"],
"@utils/*": ["src/utility/Utils/*"],
"@hooks/*": ["src/utility/hooks/*"]
"@hooks/*": ["src/utility/hooks/*"],
"@ui/*": ["src/components/ui/*"]
}
}
}

Write Preview
Loading…
Cancel
Save