|
|
@ -4,68 +4,81 @@ import { GridDatabase } from '../../../crud/grid/GridDatatable'; |
|
|
|
import { Redirect } from 'react-router-dom'; |
|
|
|
import { Redirect } from 'react-router-dom'; |
|
|
|
import { Link, useHistory } from 'react-router-dom'; |
|
|
|
import { Link, useHistory } from 'react-router-dom'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const FlightPlanGrid = ({ movePage, planListData }) => { |
|
|
|
const FlightPlanGrid = ({ movePage, planListData }) => { |
|
|
|
|
|
|
|
const columns = [ |
|
|
|
|
|
|
|
{ id: 'planSno', name: '번호', cell: (row, i) => <div>{i + 1}</div> }, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 'fltPurpose', |
|
|
|
|
|
|
|
name: '비행목적', |
|
|
|
|
|
|
|
cell: row => <div>{row.fltPurpose}</div> |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 'fltMethod', |
|
|
|
|
|
|
|
name: '비행방식', |
|
|
|
|
|
|
|
cell: row => { |
|
|
|
|
|
|
|
const displayName = |
|
|
|
|
|
|
|
(row.areaList && |
|
|
|
|
|
|
|
row.areaList.length > 0 && |
|
|
|
|
|
|
|
row.areaList[0].fltMethod) || |
|
|
|
|
|
|
|
'-'; |
|
|
|
|
|
|
|
return <div>{displayName}</div>; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 'schFltStDt', |
|
|
|
|
|
|
|
name: '출발일', |
|
|
|
|
|
|
|
cell: row => <div>{row.schFltStDt}</div> |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
{ id: 'aprvlYn', name: '승인여부', cell: row => <div>{row.aprvlYn}</div> }, |
|
|
|
|
|
|
|
{ |
|
|
|
|
|
|
|
id: 'moveDetail', |
|
|
|
|
|
|
|
name: '상세보기', |
|
|
|
|
|
|
|
cell: row => { |
|
|
|
|
|
|
|
return ( |
|
|
|
|
|
|
|
<Link to={`/basis/flight/plan/detail/${row.planSno}`} size='sm'> |
|
|
|
|
|
|
|
상세보기 |
|
|
|
|
|
|
|
</Link> |
|
|
|
|
|
|
|
); |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
]; |
|
|
|
|
|
|
|
|
|
|
|
const columns = [ |
|
|
|
return ( |
|
|
|
{ id: 'planSno', name: '번호', cell: (row, i) => (<div>{i + 1}</div>) }, |
|
|
|
<div className='mt-2'> |
|
|
|
{ id: 'fltPurpose', name: '비행목적', cell: row => (<div>{row.fltPurpose}</div>) }, |
|
|
|
<Row> |
|
|
|
{ |
|
|
|
<Col> |
|
|
|
id: 'fltMethod', name: '비행방식', cell: row => { |
|
|
|
<div className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'> |
|
|
|
const displayName = row.areaList && row.areaList.length > 0 && row.areaList[0].fltMethod || '-'; |
|
|
|
<div> |
|
|
|
return <div>{displayName}</div> |
|
|
|
<h4>비행계획서 신청 목록</h4> |
|
|
|
} |
|
|
|
<span className='search-case'> |
|
|
|
}, |
|
|
|
검색결과 총 {!!planListData ? planListData.length : 0}건 |
|
|
|
{ id: 'schFltStDt', name: '출발일', cell: row => (<div>{row.schFltStDt}</div>) }, |
|
|
|
</span> |
|
|
|
{ id: 'aprvlYn', name: '승인여부', cell: row => (<div>{row.aprvlYn}</div>) }, |
|
|
|
</div> |
|
|
|
{ |
|
|
|
<div className='d-flex align-items-center'> |
|
|
|
id: 'moveDetail', name: '상세보기', cell: row => { |
|
|
|
<Button.Ripple color='primary' size='sm' onClick={movePage}> |
|
|
|
return <Link |
|
|
|
{/* 계획서 생성 */} |
|
|
|
to={`/basis/flight/plan/detail/${row.planSno}`} |
|
|
|
비행계획서 신청 |
|
|
|
size='sm'>상세</Link>; |
|
|
|
</Button.Ripple> |
|
|
|
} |
|
|
|
</div> |
|
|
|
} |
|
|
|
</div> |
|
|
|
]; |
|
|
|
<div className='invoice-list-wrapper'> |
|
|
|
|
|
|
|
<Card> |
|
|
|
return ( |
|
|
|
<div className='invoice-list-dataTable'> |
|
|
|
<div className='mt-2'> |
|
|
|
<GridDatabase |
|
|
|
<Row> |
|
|
|
title={'비행이력'} |
|
|
|
<Col> |
|
|
|
data={planListData} |
|
|
|
<div |
|
|
|
columns={columns} |
|
|
|
className='cont-ti d-flex justify-content-between align-items-sm-center align-items-start flex-sm-row'> |
|
|
|
count={!!planListData ? planListData.length : 0} |
|
|
|
<div> |
|
|
|
// pagination={props.pagination}
|
|
|
|
<h4>비행계획서 신청 목록</h4> |
|
|
|
/> |
|
|
|
<span className='search-case'>검색결과 총 {!!planListData ? planListData.length : 0}건</span> |
|
|
|
{/* 검색된 데이터가 없습니다. */} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div className='d-flex align-items-center'> |
|
|
|
</Card> |
|
|
|
<Button.Ripple |
|
|
|
</div> |
|
|
|
color='primary' |
|
|
|
</Col> |
|
|
|
size='sm' |
|
|
|
</Row> |
|
|
|
onClick={movePage} |
|
|
|
</div> |
|
|
|
> |
|
|
|
); |
|
|
|
{/* 계획서 생성 */} |
|
|
|
}; |
|
|
|
비행계획서 신청 |
|
|
|
|
|
|
|
</Button.Ripple> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div className='invoice-list-wrapper'> |
|
|
|
|
|
|
|
<Card> |
|
|
|
|
|
|
|
<div className='invoice-list-dataTable'> |
|
|
|
|
|
|
|
<GridDatabase |
|
|
|
|
|
|
|
title={'비행이력'} |
|
|
|
|
|
|
|
data={planListData} |
|
|
|
|
|
|
|
columns={columns} |
|
|
|
|
|
|
|
count={!!planListData ? planListData.length : 0} |
|
|
|
|
|
|
|
// pagination={props.pagination}
|
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
{/* 검색된 데이터가 없습니다. */} |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</Card> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</Col> |
|
|
|
|
|
|
|
</Row> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
export default FlightPlanGrid; |
|
|
|
export default FlightPlanGrid; |
|
|
|