김지은 5 months ago
parent
commit
a3a96c19be
  1. 15
      src/assets/css/custom.css
  2. 387
      src/views/vertiport/VertiportView.js

15
src/assets/css/custom.css

@ -1191,23 +1191,26 @@ caption {overflow: hidden; line-height: 0;text-indent: -2000px;}
.vertiport-tab .tab-content{display:block;}
.uam-layer{background:#fff;top:0;left:0;position:absolute;z-index:999;overflow:auto;padding:14px;max-width:350px;height:100vh;}
.fato{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:100%;background:#ddd}
.gate-wrap{}
.gate-box{width:280px;display:flex;align-items:center;justify-content:center;position: relative;}
.gate{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:100%;background:pink;}
.gate-map .gate-box:last-child .map-line::after{display:none}
.table-st{width:100%}
.table-st thead tr th{font-weight:500;text-align:center;border:1px solid #ddd;padding:10px 6px;background:#f4f4f4}
.table-st tbody tr td{border:1px solid #ddd;padding:6px}
.vertiport-table *{font-size:0.825rem}
.vertiport-table .table-st tbody tr td{text-align:center;}
.vertiport-tab{margin-top:0.5rem}
.vertiport-hanger{margin-top:2rem}
.hanger-ti{width:200px}
.ti-h3{font-size: 1.1875rem;font-weight: 500;margin-bottom:14px;}
.bg-line{border-left:1px solid #ddd;}
.tab-btn .btn-group{display:flex;width:100%}
.tab-btn button{flex:1;}
.tab-btn button{background:#fff;color:#333}
.tab-btn .btn.active{background:#8a1c05!important;color:#fff!important}
.vertiport-tab{margin-top:0.5rem}
.table-st{width:100%}
.table-st thead tr th{font-weight:500;text-align:center;border:1px solid #ddd;padding:10px 6px;background:#f4f4f4}
.table-st tbody tr td{border:1px solid #ddd;padding:6px}
.bg-line{border-left:1px solid #ddd;}
.dark-layout .tab-btn .btn.active{background:#7367f0!important}
.dark-layout .tab-btn .btn{color:#d0d2d6!important;}

387
src/views/vertiport/VertiportView.js

@ -68,6 +68,393 @@ export default function VertiportView() {
</div>
</div>
<div className='vertiport-hanger'>
<div className='vertiport-table'>
<h3 className='ti-h3'>Hanger 운영현황</h3>
<table className='table-st'>
<thead>
<tr>
<th className='hanger-ti'>Hanger 현황</th>
<th>13:00</th>
<th>13:01</th>
<th>13:02</th>
<th>13:03</th>
<th>13:04</th>
<th>13:05</th>
<th>13:06</th>
<th>13:07</th>
<th>13:08</th>
<th>13:09</th>
<th>13:10</th>
<th>13:11</th>
<th>13:12</th>
<th>13:13</th>
<th>13:14</th>
<th>13:15</th>
<th>13:16</th>
<th>13:17</th>
<th>13:18</th>
<th>13:19</th>
<th>13:20</th>
<th>13:21</th>
<th>13:22</th>
<th>13:23</th>
<th>13:24</th>
<th>13:25</th>
<th>13:26</th>
<th>13:27</th>
<th>13:28</th>
<th>13:29</th>
<th>13:30</th>
<th>13:31</th>
<th>13:32</th>
<th>13:33</th>
<th>13:34</th>
<th>13:35</th>
<th>13:36</th>
<th>13:37</th>
<th>13:38</th>
<th>13:39</th>
<th>13:40</th>
<th>13:41</th>
<th>13:42</th>
<th>13:43</th>
</tr>
</thead>
<tbody>
<tr>
<td>HG1</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>HG2</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>HG3</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>HG4</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>HG5</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>HG6</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>HG7</td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
</CustomMainLayout>
{oepnReportList && (
<>

Loading…
Cancel
Save