|
|
|
@ -59,137 +59,143 @@ export const VertiportRightMenu = ({ setOpenSetting, openSetting }) => {
|
|
|
|
|
<div className='vertiport-tab'> |
|
|
|
|
<TabContent className='py-50' activeTab={active}> |
|
|
|
|
<TabPane tabId='1'> |
|
|
|
|
<div className='vertiport-table'> |
|
|
|
|
<h5>출발 스케쥴 목록</h5> |
|
|
|
|
<table className='table-st'> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th>편명</th> |
|
|
|
|
<th>출발시간</th> |
|
|
|
|
<th>목적지</th> |
|
|
|
|
<th>게이트</th> |
|
|
|
|
<th>버티포트</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL001</td> |
|
|
|
|
<td>09:00</td> |
|
|
|
|
<td>잠실</td> |
|
|
|
|
<td>G1</td> |
|
|
|
|
<td>F1</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL002</td> |
|
|
|
|
<td>09:10</td> |
|
|
|
|
<td>코엑스</td> |
|
|
|
|
<td>G2</td> |
|
|
|
|
<td>F2</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL003</td> |
|
|
|
|
<td>09:20</td> |
|
|
|
|
<td>아라뱃길</td> |
|
|
|
|
<td>G3</td> |
|
|
|
|
<td>F1</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL004</td> |
|
|
|
|
<td>09:30</td> |
|
|
|
|
<td>잠실</td> |
|
|
|
|
<td>G4</td> |
|
|
|
|
<td>F2</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</table> |
|
|
|
|
<div className='layer-content'> |
|
|
|
|
<div class="layer-ti"><h4>출발 스케쥴 목록</h4></div> |
|
|
|
|
<div className='vertiport-table'> |
|
|
|
|
<table className='table-st'> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th>편명</th> |
|
|
|
|
<th>출발시간</th> |
|
|
|
|
<th>목적지</th> |
|
|
|
|
<th>게이트</th> |
|
|
|
|
<th>버티포트</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL001</td> |
|
|
|
|
<td>09:00</td> |
|
|
|
|
<td>잠실</td> |
|
|
|
|
<td>G1</td> |
|
|
|
|
<td>F1</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL002</td> |
|
|
|
|
<td>09:10</td> |
|
|
|
|
<td>코엑스</td> |
|
|
|
|
<td>G2</td> |
|
|
|
|
<td>F2</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL003</td> |
|
|
|
|
<td>09:20</td> |
|
|
|
|
<td>아라뱃길</td> |
|
|
|
|
<td>G3</td> |
|
|
|
|
<td>F1</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL004</td> |
|
|
|
|
<td>09:30</td> |
|
|
|
|
<td>잠실</td> |
|
|
|
|
<td>G4</td> |
|
|
|
|
<td>F2</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div className='vertiport-table'> |
|
|
|
|
<h5>도착 스케쥴 목록</h5> |
|
|
|
|
<table className='table-st'> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th>편명</th> |
|
|
|
|
<th>도착시간</th> |
|
|
|
|
<th>출발지</th> |
|
|
|
|
<th>게이트</th> |
|
|
|
|
<th>버티포트</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL005</td> |
|
|
|
|
<td>09:05</td> |
|
|
|
|
<td>코엑스</td> |
|
|
|
|
<td>G5</td> |
|
|
|
|
<td>F1</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL006</td> |
|
|
|
|
<td>09:15</td> |
|
|
|
|
<td>아라뱃길</td> |
|
|
|
|
<td>G12</td> |
|
|
|
|
<td>F2</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL007</td> |
|
|
|
|
<td>09:20</td> |
|
|
|
|
<td>잠실</td> |
|
|
|
|
<td>G9</td> |
|
|
|
|
<td>F1</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL008</td> |
|
|
|
|
<td>09:35</td> |
|
|
|
|
<td>코엑스</td> |
|
|
|
|
<td>G8</td> |
|
|
|
|
<td>F2</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</table> |
|
|
|
|
<div className='layer-content'> |
|
|
|
|
<div class="layer-ti"><h4>도착 스케쥴 목록</h4></div> |
|
|
|
|
<div className='vertiport-table'> |
|
|
|
|
<table className='table-st'> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th>편명</th> |
|
|
|
|
<th>도착시간</th> |
|
|
|
|
<th>출발지</th> |
|
|
|
|
<th>게이트</th> |
|
|
|
|
<th>버티포트</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL005</td> |
|
|
|
|
<td>09:05</td> |
|
|
|
|
<td>코엑스</td> |
|
|
|
|
<td>G5</td> |
|
|
|
|
<td>F1</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL006</td> |
|
|
|
|
<td>09:15</td> |
|
|
|
|
<td>아라뱃길</td> |
|
|
|
|
<td>G12</td> |
|
|
|
|
<td>F2</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL007</td> |
|
|
|
|
<td>09:20</td> |
|
|
|
|
<td>잠실</td> |
|
|
|
|
<td>G9</td> |
|
|
|
|
<td>F1</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>PAL008</td> |
|
|
|
|
<td>09:35</td> |
|
|
|
|
<td>코엑스</td> |
|
|
|
|
<td>G8</td> |
|
|
|
|
<td>F2</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div className='vertiport-table'> |
|
|
|
|
<h5>착륙 대기 목록</h5> |
|
|
|
|
<table className='table-st'> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th>순번</th> |
|
|
|
|
<th>편명</th> |
|
|
|
|
<th>도착시간</th> |
|
|
|
|
<th>대기시간</th> |
|
|
|
|
<th>배터리 잔량</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<tr> |
|
|
|
|
<td>1</td> |
|
|
|
|
<td>PAL011</td> |
|
|
|
|
<td>09:20</td> |
|
|
|
|
<td>5분</td> |
|
|
|
|
<td>40%</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>2</td> |
|
|
|
|
<td>PAL012</td> |
|
|
|
|
<td>09:40</td> |
|
|
|
|
<td>5분</td> |
|
|
|
|
<td>50%</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>3</td> |
|
|
|
|
<td>PAL013</td> |
|
|
|
|
<td>09:50</td> |
|
|
|
|
<td>5분</td> |
|
|
|
|
<td>50%</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>4</td> |
|
|
|
|
<td>PAL014</td> |
|
|
|
|
<td>09:55</td> |
|
|
|
|
<td>5분</td> |
|
|
|
|
<td>40%</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</table> |
|
|
|
|
<div className='layer-content'> |
|
|
|
|
<div class="layer-ti"><h4>착륙 대기 목록</h4></div> |
|
|
|
|
<div className='vertiport-table'> |
|
|
|
|
<table className='table-st'> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th>순번</th> |
|
|
|
|
<th>편명</th> |
|
|
|
|
<th>도착시간</th> |
|
|
|
|
<th>대기시간</th> |
|
|
|
|
<th>배터리 잔량</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<tr> |
|
|
|
|
<td>1</td> |
|
|
|
|
<td>PAL011</td> |
|
|
|
|
<td>09:20</td> |
|
|
|
|
<td>5분</td> |
|
|
|
|
<td>40%</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>2</td> |
|
|
|
|
<td>PAL012</td> |
|
|
|
|
<td>09:40</td> |
|
|
|
|
<td>5분</td> |
|
|
|
|
<td>50%</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>3</td> |
|
|
|
|
<td>PAL013</td> |
|
|
|
|
<td>09:50</td> |
|
|
|
|
<td>5분</td> |
|
|
|
|
<td>50%</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>4</td> |
|
|
|
|
<td>PAL014</td> |
|
|
|
|
<td>09:55</td> |
|
|
|
|
<td>5분</td> |
|
|
|
|
<td>40%</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</TabPane> |
|
|
|
|
<TabPane tabId='2'> |
|
|
|
|