|
|
@ -2,7 +2,165 @@ import '../../assets/css/custom.css'; |
|
|
|
import '@styles/react/libs/flatpickr/flatpickr.scss'; |
|
|
|
import '@styles/react/libs/flatpickr/flatpickr.scss'; |
|
|
|
import '@styles/react/libs/tables/react-dataTable-component.scss'; |
|
|
|
import '@styles/react/libs/tables/react-dataTable-component.scss'; |
|
|
|
import { CustomMainLayout } from '../../components/layout/CustomMainLayout'; |
|
|
|
import { CustomMainLayout } from '../../components/layout/CustomMainLayout'; |
|
|
|
|
|
|
|
import { |
|
|
|
|
|
|
|
Button, |
|
|
|
|
|
|
|
Col, |
|
|
|
|
|
|
|
Row, |
|
|
|
|
|
|
|
Card, |
|
|
|
|
|
|
|
CardBody, |
|
|
|
|
|
|
|
FormGroup, |
|
|
|
|
|
|
|
Input, |
|
|
|
|
|
|
|
CustomInput, |
|
|
|
|
|
|
|
Label |
|
|
|
|
|
|
|
} from 'reactstrap'; |
|
|
|
|
|
|
|
import { Search } from 'react-feather'; |
|
|
|
|
|
|
|
import { FcAlarmClock, FcWorkflow, FcBarChart } from 'react-icons/fc'; |
|
|
|
|
|
|
|
|
|
|
|
export default function Flight() { |
|
|
|
export default function Flight() { |
|
|
|
return <CustomMainLayout></CustomMainLayout>; |
|
|
|
const titleName = '비행 통계'; |
|
|
|
|
|
|
|
return ( |
|
|
|
|
|
|
|
<CustomMainLayout title={titleName}> |
|
|
|
|
|
|
|
<div className='pal-card-box'> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<Row> |
|
|
|
|
|
|
|
<Col md='4'> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<table className='statistics-table'> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<th rowspan='2'> |
|
|
|
|
|
|
|
<span> |
|
|
|
|
|
|
|
<FcAlarmClock /> |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
<span>총 비행시간</span> |
|
|
|
|
|
|
|
<span>PA0001</span> |
|
|
|
|
|
|
|
</th> |
|
|
|
|
|
|
|
<td colspan='3'> |
|
|
|
|
|
|
|
<span className='date'>년</span> |
|
|
|
|
|
|
|
<span className='date-data'>8일 10시간 35분 12초</span> |
|
|
|
|
|
|
|
</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td> |
|
|
|
|
|
|
|
<span className='date'>월</span> |
|
|
|
|
|
|
|
<span className='date-data'>1일 35분 12초</span> |
|
|
|
|
|
|
|
</td> |
|
|
|
|
|
|
|
<td> |
|
|
|
|
|
|
|
<span className='date'>일</span> |
|
|
|
|
|
|
|
<span className='date-data'>35분 12초</span> |
|
|
|
|
|
|
|
</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
</table> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col md='4'> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<table className='statistics-table'> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<th rowspan='2'> |
|
|
|
|
|
|
|
<span> |
|
|
|
|
|
|
|
<FcWorkflow /> |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
<span>총 비행거리</span> |
|
|
|
|
|
|
|
<span>PA0002</span> |
|
|
|
|
|
|
|
</th> |
|
|
|
|
|
|
|
<td colspan='3'> |
|
|
|
|
|
|
|
<span className='date'>년</span> |
|
|
|
|
|
|
|
<span className='date-data'>10,845m</span> |
|
|
|
|
|
|
|
</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td> |
|
|
|
|
|
|
|
<span className='date'>월</span> |
|
|
|
|
|
|
|
<span className='date-data'>1,201m</span> |
|
|
|
|
|
|
|
</td> |
|
|
|
|
|
|
|
<td> |
|
|
|
|
|
|
|
<span className='date'>일</span> |
|
|
|
|
|
|
|
<span className='date-data'>53m</span> |
|
|
|
|
|
|
|
</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
</table> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
<Col md='4'> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<table className='statistics-table'> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<th rowspan='2'> |
|
|
|
|
|
|
|
<span> |
|
|
|
|
|
|
|
<FcBarChart /> |
|
|
|
|
|
|
|
</span> |
|
|
|
|
|
|
|
<span>총 비행횟수</span> |
|
|
|
|
|
|
|
<span>PA0002</span> |
|
|
|
|
|
|
|
</th> |
|
|
|
|
|
|
|
<td colspan='3'> |
|
|
|
|
|
|
|
<span className='date'>년</span> |
|
|
|
|
|
|
|
<span className='date-data'>1,024,845건</span> |
|
|
|
|
|
|
|
</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
<tr> |
|
|
|
|
|
|
|
<td> |
|
|
|
|
|
|
|
<span className='date'>월</span> |
|
|
|
|
|
|
|
<span className='date-data'>111,201건</span> |
|
|
|
|
|
|
|
</td> |
|
|
|
|
|
|
|
<td> |
|
|
|
|
|
|
|
<span className='date'>일</span> |
|
|
|
|
|
|
|
<span className='date-data'>153건</span> |
|
|
|
|
|
|
|
</td> |
|
|
|
|
|
|
|
</tr> |
|
|
|
|
|
|
|
</table> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<Row> |
|
|
|
|
|
|
|
<Col> |
|
|
|
|
|
|
|
<div className='mt-2 cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'> |
|
|
|
|
|
|
|
<div> |
|
|
|
|
|
|
|
<h4>검색조건</h4> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='d-flex align-items-center'> |
|
|
|
|
|
|
|
<Button.Ripple color='primary' size='sm'> |
|
|
|
|
|
|
|
<Search size={16} /> |
|
|
|
|
|
|
|
검색 |
|
|
|
|
|
|
|
</Button.Ripple> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<Card> |
|
|
|
|
|
|
|
<CardBody className='pal-card-body'> |
|
|
|
|
|
|
|
<div className='search-cont'> |
|
|
|
|
|
|
|
<dl> |
|
|
|
|
|
|
|
<dt> |
|
|
|
|
|
|
|
<div className='search-box'> |
|
|
|
|
|
|
|
<div className='search-list-ti'>검색조건</div> |
|
|
|
|
|
|
|
<div className='search-list'> |
|
|
|
|
|
|
|
<div className='search-list-cont'> |
|
|
|
|
|
|
|
<Row> |
|
|
|
|
|
|
|
<Col className='list-input' md='4' sm='12'> |
|
|
|
|
|
|
|
<CustomInput |
|
|
|
|
|
|
|
inline |
|
|
|
|
|
|
|
type='select' |
|
|
|
|
|
|
|
id='' |
|
|
|
|
|
|
|
bsSize='sm' |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<option>비행시간</option> |
|
|
|
|
|
|
|
<option>비행거리</option> |
|
|
|
|
|
|
|
<option>비행횟수</option> |
|
|
|
|
|
|
|
</CustomInput> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</dt> |
|
|
|
|
|
|
|
</dl> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</CardBody> |
|
|
|
|
|
|
|
</Card> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</CustomMainLayout> |
|
|
|
|
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|