김장현
2 years ago
2 changed files with 60 additions and 64 deletions
@ -1,64 +1,60 @@ |
|||||||
import moment from 'moment'; |
import moment from 'moment'; |
||||||
import { useEffect } from 'react'; |
import { useEffect } from 'react'; |
||||||
|
|
||||||
|
|
||||||
export const AnalysimuationInfo = props => { |
export const AnalysimuationInfo = props => { |
||||||
useEffect(()=>{ |
return ( |
||||||
//console.log(props.data);
|
|
||||||
},[props.data]) |
|
||||||
return( |
|
||||||
<div className='layer-content drone-list'> |
<div className='layer-content drone-list'> |
||||||
{props.count === 0 ? ( |
{props.count === 0 ? ( |
||||||
<div className='no-dataTable'>표시할 데이터가 없습니다.</div> |
<div className='no-dataTable'>표시할 데이터가 없습니다.</div> |
||||||
) : ( |
) : ( |
||||||
props.data?.map(item => { |
props.data?.map(item => { |
||||||
// console.log(
|
// console.log(
|
||||||
// item.idntfNum,
|
// item.idntfNum,
|
||||||
// ':::',
|
// ':::',
|
||||||
// item.idntfNum.indexOf(props.filterId)
|
// item.idntfNum.indexOf(props.filterId)
|
||||||
// );
|
// );
|
||||||
// console.log(item.idntfNum.indexOf(props.filterId));
|
// console.log(item.idntfNum.indexOf(props.filterId));
|
||||||
if (item.idntfNum && item.idntfNum.indexOf(props.searchText) != -1) { |
|
||||||
return ( |
if (item.idntfNum) { |
||||||
<div |
return ( |
||||||
className='layer-content-list' |
<div |
||||||
onClick={() => props.handlerDetail(item.cntrlId)} |
className='layer-content-list' |
||||||
key={Math.random()} |
onClick={() => props.handlerDetail(item.cntrlId)} |
||||||
> |
key={Math.random()} |
||||||
<dl> |
> |
||||||
<dt> |
<dl> |
||||||
<div className='list-left-txt'>식별번호</div> |
<dt> |
||||||
<div className='list-right-txt'>{item.idntfNum}</div> |
<div className='list-left-txt'>식별번호</div> |
||||||
</dt> |
<div className='list-right-txt'>{item.idntfNum}</div> |
||||||
<dt> |
</dt> |
||||||
<div className='list-left-txt'>일자</div> |
<dt> |
||||||
<div className='list-right-txt'> |
<div className='list-left-txt'>일자</div> |
||||||
{moment(item.cntrlStDt).format('YYYY년MM월DD일')} |
<div className='list-right-txt'> |
||||||
</div> |
{moment(item.cntrlStDt).format('YYYY년MM월DD일')} |
||||||
</dt> |
</div> |
||||||
<dt> |
</dt> |
||||||
<div className='list-left-txt'>시작 위치</div> |
<dt> |
||||||
<div className='list-right-txt'>{item.stArea}</div> |
<div className='list-left-txt'>시작 위치</div> |
||||||
</dt> |
<div className='list-right-txt'>{item.stArea}</div> |
||||||
<dt> |
</dt> |
||||||
<div className='list-left-txt'>시작/종료 시간</div> |
<dt> |
||||||
<div className='list-right-txt'> |
<div className='list-left-txt'>시작/종료 시간</div> |
||||||
{moment(item.cntrlStDt).format('HH:mm')} |
<div className='list-right-txt'> |
||||||
{' '}/{' '} |
{moment(item.cntrlStDt).format('HH:mm')} |
||||||
{moment(item.cntrlEndDt).format('HH:mm')} |
{' '}/{' '} |
||||||
</div> |
{moment(item.cntrlEndDt).format('HH:mm')} |
||||||
</dt> |
</div> |
||||||
{/* <dt> |
</dt> |
||||||
|
{/* <dt> |
||||||
<div className='list-left-txt'>총 비행거리/시간</div> |
<div className='list-left-txt'>총 비행거리/시간</div> |
||||||
<div className='list-right-txt'>ddd</div> |
<div className='list-right-txt'>ddd</div> |
||||||
</dt> */} |
</dt> */} |
||||||
</dl> |
</dl> |
||||||
</div> |
</div> |
||||||
); |
); |
||||||
} |
} |
||||||
}) |
}) |
||||||
)} |
)} |
||||||
</div> |
</div> |
||||||
) |
); |
||||||
} |
}; |
||||||
|
|
||||||
|
Loading…
Reference in new issue