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