|
|
|
@ -11,11 +11,14 @@ export default function FlightApprovalsTable(props) {
|
|
|
|
|
|
|
|
|
|
const [results, setSearchResults] = useState([]); |
|
|
|
|
|
|
|
|
|
const { laancAprvList } = useSelector(state => state.laancState); |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
if (props.data) { |
|
|
|
|
setSearchResults(props.data); |
|
|
|
|
} |
|
|
|
|
}, []); |
|
|
|
|
console.log('>>', laancAprvList); |
|
|
|
|
|
|
|
|
|
useEffect(() => { |
|
|
|
|
if (props.filter) { |
|
|
|
@ -76,20 +79,20 @@ export default function FlightApprovalsTable(props) {
|
|
|
|
|
classNames: ['flight-approval-row'] |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
|
when: row => row.planSno === props.selected, |
|
|
|
|
classNames: ['flight-approval-row-click'] |
|
|
|
|
when: row => row.planSno === props.selected |
|
|
|
|
// classNames: ['flight-approval-row-click']
|
|
|
|
|
} |
|
|
|
|
]; |
|
|
|
|
|
|
|
|
|
const columns = [ |
|
|
|
|
{ |
|
|
|
|
name: '신청번호', |
|
|
|
|
selector: row => row.planSno, |
|
|
|
|
selector: row => row.applyNo, |
|
|
|
|
center: true, |
|
|
|
|
|
|
|
|
|
minWidth: '10px', |
|
|
|
|
cell: row => { |
|
|
|
|
return row.planSno; |
|
|
|
|
return row.applyNo; |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
{ |
|
|
|
@ -103,7 +106,6 @@ export default function FlightApprovalsTable(props) {
|
|
|
|
|
return dayjs(row.cntrlStDt).format('YYYY-MM-DD'); |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
|
|
|
|
|
{ |
|
|
|
|
name: '자세히 보기', |
|
|
|
|
// selector: row => row.altitude,
|
|
|
|
@ -176,6 +178,96 @@ export default function FlightApprovalsTable(props) {
|
|
|
|
|
</dt> |
|
|
|
|
</dl> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
// className={`layer-content-list ${
|
|
|
|
|
// item.cntrlId === props.cntrlId ? 'on' : ''
|
|
|
|
|
// }`}
|
|
|
|
|
className='layer-content-list' |
|
|
|
|
// onClick={() => {
|
|
|
|
|
// props.handlerDetail(item.cntrlId);
|
|
|
|
|
// }}
|
|
|
|
|
key={Math.random()} |
|
|
|
|
> |
|
|
|
|
<dl> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>중심좌표(위/경도)</div> |
|
|
|
|
<div className='list-right-txt'>36.45467/126.73687</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>반경(m)</div> |
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
100 {/* {dayjs(item.cntrlStDt).format('YYYY년 MM월 DD일')} */} |
|
|
|
|
</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>고도(m)</div> |
|
|
|
|
<div className='list-right-txt'>180</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>검토결과</div> |
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
승인 |
|
|
|
|
{/* {dayjs(item.cntrlStDt).format('HH:mm')} |
|
|
|
|
|
|
|
|
|
{dayjs(item.cntrlEndDt).format('HH:mm')} */} |
|
|
|
|
</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>사유보기</div> |
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
사유보기 |
|
|
|
|
{/* {dayjs(item.cntrlStDt).format('HH:mm')} |
|
|
|
|
|
|
|
|
|
{dayjs(item.cntrlEndDt).format('HH:mm')} */} |
|
|
|
|
</div> |
|
|
|
|
</dt> |
|
|
|
|
</dl> |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
// className={`layer-content-list ${
|
|
|
|
|
// item.cntrlId === props.cntrlId ? 'on' : ''
|
|
|
|
|
// }`}
|
|
|
|
|
className='layer-content-list' |
|
|
|
|
// onClick={() => {
|
|
|
|
|
// props.handlerDetail(item.cntrlId);
|
|
|
|
|
// }}
|
|
|
|
|
key={Math.random()} |
|
|
|
|
> |
|
|
|
|
<dl> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>중심좌표(위/경도)</div> |
|
|
|
|
<div className='list-right-txt'>39.45467/126.73687</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>반경(m)</div> |
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
140 {/* {dayjs(item.cntrlStDt).format('YYYY년 MM월 DD일')} */} |
|
|
|
|
</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>고도(m)</div> |
|
|
|
|
<div className='list-right-txt'>120</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>검토결과</div> |
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
승인 |
|
|
|
|
{/* {dayjs(item.cntrlStDt).format('HH:mm')} |
|
|
|
|
|
|
|
|
|
{dayjs(item.cntrlEndDt).format('HH:mm')} */} |
|
|
|
|
</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>사유보기</div> |
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
사유보기{' '} |
|
|
|
|
{/* {dayjs(item.cntrlStDt).format('HH:mm')} |
|
|
|
|
|
|
|
|
|
{dayjs(item.cntrlEndDt).format('HH:mm')} */} |
|
|
|
|
</div> |
|
|
|
|
</dt> |
|
|
|
|
</dl> |
|
|
|
|
</div> |
|
|
|
|
</> |
|
|
|
|
); |
|
|
|
|
}; |
|
|
|
@ -212,10 +304,10 @@ export default function FlightApprovalsTable(props) {
|
|
|
|
|
className='invoice-list-dataTable flight-approval' |
|
|
|
|
style={{ width: '100%' }} |
|
|
|
|
> |
|
|
|
|
{results?.length > 0 ? ( |
|
|
|
|
{laancAprvList?.length > 0 ? ( |
|
|
|
|
<GridDatabase |
|
|
|
|
title={'비행이력'} |
|
|
|
|
data={results} |
|
|
|
|
data={laancAprvList} |
|
|
|
|
// count={laancSearchData?.size}
|
|
|
|
|
columns={columns} |
|
|
|
|
// handlerPageChange={props.handlerPageChange}
|
|
|
|
|