pav
/
pav-home
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

비행계획서 날씨(폼추가)

ctrlDraw
이학준 2 years ago
parent
204af06df5
commit
97d60e75a4
1 changed files with 187 additions and 2 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 189
      src/components/basis/flight/plan/FlightPlanAreaDetailForm.js

189
src/components/basis/flight/plan/FlightPlanAreaDetailForm.js
Unescape View File

@ -4,11 +4,25 @@ import {
CardBody, CardBody,
Col, Col,
FormGroup, FormGroup,
Input,
Label, Label,
Row, Row,
Button Button,
InputGroupAddon,
InputGroup,
Input,
Table
} from 'reactstrap'; } from 'reactstrap';
import {
Search,
Compass,
Sun,
CloudLightning,
Cloud,
CloudRain,
CloudDrizzle,
CloudSnow,
Navigation2
} from 'react-feather';
const FlightPlanAreaDetailForm = ({ const FlightPlanAreaDetailForm = ({
handleSave, handleSave,
@ -247,6 +261,177 @@ const FlightPlanAreaDetailForm = ({
닫기 닫기
</Button.Ripple> </Button.Ripple>
</div> </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> </CardBody>
</Card> </Card>
</Col> </Col>

Write Preview
Loading…
Cancel
Save