|
|
@ -1,5 +1,5 @@ |
|
|
|
import { GridDatabase } from '@src/components/crud/grid/GridDatatable'; |
|
|
|
import { GridDatabase } from '@src/components/crud/grid/GridDatatable'; |
|
|
|
import { Row, Col, Card, Button } from 'reactstrap'; |
|
|
|
import { Row, Col, Card, Button, Spinner } from 'reactstrap'; |
|
|
|
import { useSelector } from 'react-redux'; |
|
|
|
import { useSelector } from 'react-redux'; |
|
|
|
import moment from 'moment'; |
|
|
|
import moment from 'moment'; |
|
|
|
|
|
|
|
|
|
|
@ -32,6 +32,7 @@ const data = [ |
|
|
|
|
|
|
|
|
|
|
|
function LaancGrid() { |
|
|
|
function LaancGrid() { |
|
|
|
const { scheduleList } = useSelector(state => state.flightState); |
|
|
|
const { scheduleList } = useSelector(state => state.flightState); |
|
|
|
|
|
|
|
const { laancSearchData } = useSelector(state => state.laancState); |
|
|
|
const { loading } = useSelector(state => state.loadingReducer); |
|
|
|
const { loading } = useSelector(state => state.loadingReducer); |
|
|
|
|
|
|
|
|
|
|
|
const fillZero = (width, str) => { |
|
|
|
const fillZero = (width, str) => { |
|
|
@ -43,59 +44,59 @@ function LaancGrid() { |
|
|
|
const columns = [ |
|
|
|
const columns = [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
name: '조종사 성명', |
|
|
|
name: '조종사 성명', |
|
|
|
selector: row => row.name, |
|
|
|
selector: row => row.memberName, |
|
|
|
minWidth: '150px', |
|
|
|
minWidth: '150px', |
|
|
|
sortable: true, |
|
|
|
sortable: true, |
|
|
|
cell: row => { |
|
|
|
cell: row => { |
|
|
|
return row.name; |
|
|
|
return row.memberName; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
{ |
|
|
|
{ |
|
|
|
name: '비행시작일시', |
|
|
|
name: '비행시작일시', |
|
|
|
selector: row => row.flightStart, |
|
|
|
selector: row => row.schFltStDt, |
|
|
|
minWidth: '150px', |
|
|
|
minWidth: '150px', |
|
|
|
sortable: true, |
|
|
|
sortable: true, |
|
|
|
cell: row => { |
|
|
|
cell: row => { |
|
|
|
return moment(row.flightStart).format('YYYY-MM-DD HH:mm'); |
|
|
|
return moment(row.schFltStDt).format('YYYY-MM-DD HH:mm'); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
{ |
|
|
|
{ |
|
|
|
name: '비행종료일시', |
|
|
|
name: '비행종료일시', |
|
|
|
selector: row => row.flightEnd, |
|
|
|
selector: row => row.schFltEndDt, |
|
|
|
minWidth: '150px', |
|
|
|
minWidth: '150px', |
|
|
|
sortable: true, |
|
|
|
sortable: true, |
|
|
|
cell: row => { |
|
|
|
cell: row => { |
|
|
|
return moment(row.flightEnd).format('YYYY-MM-DD HH:mm'); |
|
|
|
return moment(row.schFltEndDt).format('YYYY-MM-DD HH:mm'); |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
{ |
|
|
|
{ |
|
|
|
name: '승인유형', |
|
|
|
name: '승인유형', |
|
|
|
selector: row => row.apploveType, |
|
|
|
selector: row => row.aprvlYn, |
|
|
|
minWidth: '150px', |
|
|
|
minWidth: '90px', |
|
|
|
sortable: true, |
|
|
|
sortable: true, |
|
|
|
cell: row => { |
|
|
|
cell: row => { |
|
|
|
return row.apploveType; |
|
|
|
return row.aprvlYn; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
name: '기체중량', |
|
|
|
name: '기체중량', |
|
|
|
selector: row => row.weight, |
|
|
|
selector: row => row.arcrftWght, |
|
|
|
minWidth: '150px', |
|
|
|
minWidth: '260px', |
|
|
|
sortable: true, |
|
|
|
sortable: true, |
|
|
|
cell: row => { |
|
|
|
cell: row => { |
|
|
|
return row.weight; |
|
|
|
return row.arcrftWght; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
|
name: '고도', |
|
|
|
name: '고도', |
|
|
|
selector: row => row.altitude, |
|
|
|
selector: row => row.elev, |
|
|
|
minWidth: '150px', |
|
|
|
minWidth: '80px', |
|
|
|
sortable: true, |
|
|
|
sortable: true, |
|
|
|
cell: row => { |
|
|
|
cell: row => { |
|
|
|
return row.altitude; |
|
|
|
return row.elev; |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
{ |
|
|
|
{ |
|
|
@ -150,28 +151,33 @@ function LaancGrid() { |
|
|
|
> |
|
|
|
> |
|
|
|
<div style={{ display: 'flex', alignItems: 'center' }}> |
|
|
|
<div style={{ display: 'flex', alignItems: 'center' }}> |
|
|
|
<h4>LAANC 승인 신청 목록</h4> |
|
|
|
<h4>LAANC 승인 신청 목록</h4> |
|
|
|
<span className='search-case'>검색결과 총 {data.length}건</span> |
|
|
|
<span className='search-case'> |
|
|
|
|
|
|
|
검색결과 총 {laancSearchData?.numberOfElements}건 |
|
|
|
|
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className='invoice-list-wrapper'> |
|
|
|
<div className='invoice-list-wrapper'> |
|
|
|
<Card> |
|
|
|
<Card> |
|
|
|
<div className='invoice-list-dataTable'> |
|
|
|
<div className='invoice-list-dataTable'> |
|
|
|
{/* {loading ? ( |
|
|
|
{loading ? ( |
|
|
|
<div className='grid-loading'> |
|
|
|
<div className='grid-loading'> |
|
|
|
<div> |
|
|
|
<div> |
|
|
|
<Spinner color='primary' /> |
|
|
|
<Spinner color='primary' /> |
|
|
|
<span>Loading...</span> |
|
|
|
<span>Loading...</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
) : null} */} |
|
|
|
) : null} |
|
|
|
<GridDatabase |
|
|
|
{laancSearchData?.numberOfElements > 0 ? ( |
|
|
|
title={'비행이력'} |
|
|
|
<GridDatabase |
|
|
|
data={data} |
|
|
|
title={'비행이력'} |
|
|
|
count={data.length} |
|
|
|
data={laancSearchData?.content} |
|
|
|
columns={columns} |
|
|
|
// count={laancSearchData?.size}
|
|
|
|
pagination={false} |
|
|
|
columns={columns} |
|
|
|
/> |
|
|
|
// handlerPageChange={props.handlerPageChange}
|
|
|
|
|
|
|
|
pagination={false} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
) : null} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</Card> |
|
|
|
</Card> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|