|
|
|
@ -4,11 +4,25 @@ import {
|
|
|
|
|
CardBody, |
|
|
|
|
Col, |
|
|
|
|
FormGroup, |
|
|
|
|
Input, |
|
|
|
|
Label, |
|
|
|
|
Row, |
|
|
|
|
Button |
|
|
|
|
Button, |
|
|
|
|
InputGroupAddon, |
|
|
|
|
InputGroup, |
|
|
|
|
Input, |
|
|
|
|
Table |
|
|
|
|
} from 'reactstrap'; |
|
|
|
|
import { |
|
|
|
|
Search, |
|
|
|
|
Compass, |
|
|
|
|
Sun, |
|
|
|
|
CloudLightning, |
|
|
|
|
Cloud, |
|
|
|
|
CloudRain, |
|
|
|
|
CloudDrizzle, |
|
|
|
|
CloudSnow, |
|
|
|
|
Navigation2 |
|
|
|
|
} from 'react-feather'; |
|
|
|
|
|
|
|
|
|
const FlightPlanAreaDetailForm = ({ |
|
|
|
|
handleSave, |
|
|
|
@ -247,6 +261,177 @@ const FlightPlanAreaDetailForm = ({
|
|
|
|
|
닫기 |
|
|
|
|
</Button.Ripple> |
|
|
|
|
</div> |
|
|
|
|
<div className='layer-content'> |
|
|
|
|
<div className='layer-weather-box'> |
|
|
|
|
<div className='layer-weather-info'> |
|
|
|
|
<div className='layer-weather-table'> |
|
|
|
|
<div className='layer-weather-address'> |
|
|
|
|
검색하신 지역의 날씨 정보입니다. |
|
|
|
|
<span> |
|
|
|
|
<Compass size={20} /> 인천광역시 부평구 안남로 272 |
|
|
|
|
</span> |
|
|
|
|
</div> |
|
|
|
|
{/* 탭메뉴or탭내용 활성화 active */} |
|
|
|
|
<div className='tab-menu'> |
|
|
|
|
<ul> |
|
|
|
|
<li className=''>오늘</li> |
|
|
|
|
<li className='active'>주간</li> |
|
|
|
|
</ul> |
|
|
|
|
</div> |
|
|
|
|
<div className='tab-content'> |
|
|
|
|
<Table responsive> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th>시각</th> |
|
|
|
|
<th>날씨</th> |
|
|
|
|
<th>기온</th> |
|
|
|
|
<th>풍향</th> |
|
|
|
|
<th>풍속</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<tr> |
|
|
|
|
<td>10시</td> |
|
|
|
|
<td> |
|
|
|
|
<Sun /> |
|
|
|
|
</td> |
|
|
|
|
<td>27℃</td> |
|
|
|
|
<td> |
|
|
|
|
<Navigation2 className='rotate-45' /> |
|
|
|
|
</td> |
|
|
|
|
<td>2m/s</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>12시</td> |
|
|
|
|
<td> |
|
|
|
|
<CloudLightning /> |
|
|
|
|
</td> |
|
|
|
|
<td>30℃</td> |
|
|
|
|
<td> |
|
|
|
|
<Navigation2 className='rotate-75' /> |
|
|
|
|
</td> |
|
|
|
|
<td>3m/s</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>14시</td> |
|
|
|
|
<td> |
|
|
|
|
<Cloud /> |
|
|
|
|
</td> |
|
|
|
|
<td>28℃</td> |
|
|
|
|
<td> |
|
|
|
|
<Navigation2 className='rotate-90' /> |
|
|
|
|
</td> |
|
|
|
|
<td>4m/s</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>16시</td> |
|
|
|
|
<td> |
|
|
|
|
<CloudRain /> |
|
|
|
|
</td> |
|
|
|
|
<td>27℃</td> |
|
|
|
|
<td> |
|
|
|
|
<Navigation2 className='rotate-135' /> |
|
|
|
|
</td> |
|
|
|
|
<td>7m/s</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>18시</td> |
|
|
|
|
<td> |
|
|
|
|
<CloudSnow /> |
|
|
|
|
</td> |
|
|
|
|
<td>25℃</td> |
|
|
|
|
<td> |
|
|
|
|
<Navigation2 className='rotate-180' /> |
|
|
|
|
</td> |
|
|
|
|
<td>2m/s</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>20시</td> |
|
|
|
|
<td> |
|
|
|
|
<CloudDrizzle /> |
|
|
|
|
</td> |
|
|
|
|
<td>26℃</td> |
|
|
|
|
<td> |
|
|
|
|
<Navigation2 className='rotate-225' /> |
|
|
|
|
</td> |
|
|
|
|
<td>2m/s</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</Table> |
|
|
|
|
</div> |
|
|
|
|
<div className='tab-content active'> |
|
|
|
|
<Table responsive> |
|
|
|
|
<thead> |
|
|
|
|
<tr> |
|
|
|
|
<th>날짜</th> |
|
|
|
|
<th>날씨</th> |
|
|
|
|
<th>기온</th> |
|
|
|
|
</tr> |
|
|
|
|
</thead> |
|
|
|
|
<tbody> |
|
|
|
|
<tr> |
|
|
|
|
<td>06.19.(토) 오전</td> |
|
|
|
|
<td> |
|
|
|
|
<Sun /> |
|
|
|
|
</td> |
|
|
|
|
<td>최저 27℃</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>06.19.(토) 오후</td> |
|
|
|
|
<td> |
|
|
|
|
<CloudLightning /> |
|
|
|
|
</td> |
|
|
|
|
<td>30℃</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>06.20.(일) 오전</td> |
|
|
|
|
<td> |
|
|
|
|
<CloudLightning /> |
|
|
|
|
</td> |
|
|
|
|
<td>30℃</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>06.20.(일) 오후</td> |
|
|
|
|
<td> |
|
|
|
|
<CloudLightning /> |
|
|
|
|
</td> |
|
|
|
|
<td>30℃</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>06.21.(월) 오전</td> |
|
|
|
|
<td> |
|
|
|
|
<CloudLightning /> |
|
|
|
|
</td> |
|
|
|
|
<td>30℃</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>06.21.(월) 오후</td> |
|
|
|
|
<td> |
|
|
|
|
<CloudLightning /> |
|
|
|
|
</td> |
|
|
|
|
<td>30℃</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>06.22.(화) 오전</td> |
|
|
|
|
<td> |
|
|
|
|
<CloudLightning /> |
|
|
|
|
</td> |
|
|
|
|
<td>30℃</td> |
|
|
|
|
</tr> |
|
|
|
|
<tr> |
|
|
|
|
<td>06.2.(화) 오후</td> |
|
|
|
|
<td> |
|
|
|
|
<CloudLightning /> |
|
|
|
|
</td> |
|
|
|
|
<td>30℃</td> |
|
|
|
|
</tr> |
|
|
|
|
</tbody> |
|
|
|
|
</Table> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</CardBody> |
|
|
|
|
</Card> |
|
|
|
|
</Col> |
|
|
|
|