From a3a96c19be0b4cf4d59ffb10aebcd7738dea0108 Mon Sep 17 00:00:00 2001
From: geun <1416geun@naver.com>
Date: Thu, 11 Apr 2024 11:33:02 +0900
Subject: [PATCH] .

---
 src/assets/css/custom.css            |  15 +-
 src/views/vertiport/VertiportView.js | 387 +++++++++++++++++++++++++++
 2 files changed, 396 insertions(+), 6 deletions(-)

diff --git a/src/assets/css/custom.css b/src/assets/css/custom.css
index 428c009..d6e7dca 100644
--- a/src/assets/css/custom.css
+++ b/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;}
diff --git a/src/views/vertiport/VertiportView.js b/src/views/vertiport/VertiportView.js
index a982cde..7f31ad0 100644
--- a/src/views/vertiport/VertiportView.js
+++ b/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 && (
         <>