|
|
|
@ -58,7 +58,7 @@ export const VertiportLeftMenu = ({ setOpenReportList }) => {
|
|
|
|
|
<div className='uam-layer'> |
|
|
|
|
<div className='layer-content'> |
|
|
|
|
<div className='layer-ti'> |
|
|
|
|
<h4>드론 상세정보</h4> |
|
|
|
|
<h4>UAM 비행 현황 정보</h4> |
|
|
|
|
<button |
|
|
|
|
className='btn-icon' |
|
|
|
|
color='primary' |
|
|
|
@ -68,13 +68,6 @@ export const VertiportLeftMenu = ({ setOpenReportList }) => {
|
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div className='layer-content-box'> |
|
|
|
|
<div className='drone-ti'> |
|
|
|
|
<img src={drone_yellow} width='40' /> |
|
|
|
|
{controlDetail?.arcrftModelNm |
|
|
|
|
? controlDetail?.arcrftModelNm |
|
|
|
|
: controlGpDetail?.objectId} |
|
|
|
|
</div> |
|
|
|
|
<div className='drone-img'> |
|
|
|
|
{controlGpDetail?.objectId.includes('UAM') ? ( |
|
|
|
|
<img src={uam_img} /> |
|
|
|
@ -82,31 +75,25 @@ export const VertiportLeftMenu = ({ setOpenReportList }) => {
|
|
|
|
|
<img src={drone_img} /> |
|
|
|
|
)} |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div className='layer-content'> |
|
|
|
|
<div className='layer-ti'> |
|
|
|
|
<h4>UAM 비행 상세 정보</h4> |
|
|
|
|
</div> |
|
|
|
|
<div className='layer-content-box'> |
|
|
|
|
<div className='layer-content-info'> |
|
|
|
|
<dl> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>제작번호</div> |
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
{nullMessage(controlDetail?.prdctNum)} |
|
|
|
|
</div> |
|
|
|
|
<div className='list-left-txt'>비행경로</div> |
|
|
|
|
<div className='list-right-txt'>잠실 → 김포</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>식별번호</div> |
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
{controlGpDetail?.objectId} |
|
|
|
|
</div> |
|
|
|
|
<div className='list-left-txt'>출발시간</div> |
|
|
|
|
<div className='list-right-txt'>13:00</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>중량</div> |
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
{GET_WGHT_TYPE_CD(controlDetail?.wghtTypeCd)} |
|
|
|
|
</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>종류</div> |
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
{GET_ARCTFT_TYPE_CD(controlDetail?.arcrftTypeCd)} |
|
|
|
|
</div> |
|
|
|
|
<div className='list-left-txt'>도착시간</div> |
|
|
|
|
<div className='list-right-txt'>13:30</div> |
|
|
|
|
</dt> |
|
|
|
|
</dl> |
|
|
|
|
</div> |
|
|
|
@ -114,66 +101,30 @@ export const VertiportLeftMenu = ({ setOpenReportList }) => {
|
|
|
|
|
</div> |
|
|
|
|
<div className='layer-content'> |
|
|
|
|
<div className='layer-ti'> |
|
|
|
|
<h4>비행정보</h4> |
|
|
|
|
<h4>UAM 기체 상세 정보</h4> |
|
|
|
|
</div> |
|
|
|
|
<div className='layer-content-box'> |
|
|
|
|
<div className='layer-content-info'> |
|
|
|
|
<dl> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>시작위치</div> |
|
|
|
|
<div className='list-right-txt'>인천 서구</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>시작시간</div> |
|
|
|
|
<div className='list-right-txt'>2021-09-01 10:00:00</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>속도</div> |
|
|
|
|
<div className='list-right-txt'>100 m/s</div> |
|
|
|
|
<div className='list-left-txt'>편명</div> |
|
|
|
|
<div className='list-right-txt'>PAL002</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>고도</div> |
|
|
|
|
<div className='list-right-txt'>150m</div> |
|
|
|
|
<div className='list-left-txt'>FATO</div> |
|
|
|
|
<div className='list-right-txt'>F2</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>좌표(위도/경도)</div> |
|
|
|
|
<div className='list-right-txt'>36.350411 / 127.384548</div> |
|
|
|
|
<div className='list-left-txt'>GATE</div> |
|
|
|
|
<div className='list-right-txt'>G4</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>헤딩 방위각</div> |
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
{nullMessage(controlGpDetail?.heading)} |
|
|
|
|
</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>위치정보 수신 시간</div> |
|
|
|
|
<div className='list-right-txt'> |
|
|
|
|
{controlGpDetail?.serverRcvDt |
|
|
|
|
? moment( |
|
|
|
|
controlGpDetail?.serverRcvDt, |
|
|
|
|
'YYYYMMDDHHmmss' |
|
|
|
|
).format('MM-DD HH:mm:ss') |
|
|
|
|
: '-'} |
|
|
|
|
</div> |
|
|
|
|
</dt> |
|
|
|
|
</dl> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div className='layer-content'> |
|
|
|
|
<div className='layer-ti'> |
|
|
|
|
<h4>운영자 정보</h4> |
|
|
|
|
</div> |
|
|
|
|
<div className='layer-content-box'> |
|
|
|
|
<div className='layer-content-info'> |
|
|
|
|
<dl> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>담당자 이름</div> |
|
|
|
|
<div className='list-right-txt'>홍길동</div> |
|
|
|
|
<div className='list-left-txt'>탑승객</div> |
|
|
|
|
<div className='list-right-txt'>2명</div> |
|
|
|
|
</dt> |
|
|
|
|
<dt> |
|
|
|
|
<div className='list-left-txt'>담당자 연락처</div> |
|
|
|
|
<div className='list-right-txt'>010-4444-4444</div> |
|
|
|
|
<div className='list-left-txt'>화물</div> |
|
|
|
|
<div className='list-right-txt'>150kg</div> |
|
|
|
|
</dt> |
|
|
|
|
</dl> |
|
|
|
|
</div> |
|
|
|
|