94 lines
5.5 KiB
JavaScript
94 lines
5.5 KiB
JavaScript
|
|
export default function WindSelectPop(){
|
|
return(
|
|
<div className="modal-popup">
|
|
<div className="modal-dialog middle">
|
|
<div className="modal-content">
|
|
<div className="modal-header">
|
|
<h1 className="title">風速選択</h1>
|
|
<button className="modal-close">닫기</button>
|
|
</div>
|
|
<div className="modal-body">
|
|
<div className="modal-body-inner">
|
|
<div className="common-table">
|
|
<table>
|
|
<colgroup>
|
|
<col style={{width: '70px'}}/>
|
|
<col />
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th>県</th>
|
|
<td>
|
|
<div className="input-wrap">
|
|
<input type="text" className="input-light" defaultValue='東京都' readOnly/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div className="wind-table">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th style={{width: '50px'}}>選択</th>
|
|
<th style={{width: '110px'}}>風速</th>
|
|
<th>Remarks</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td className="al-c">
|
|
<div className="d-check-radio light no-text">
|
|
<input type="radio" name="radio05" id="ra17"/>
|
|
<label htmlFor="ra17"></label>
|
|
</div>
|
|
</td>
|
|
<td className="al-c">32m/s</td>
|
|
<td>八王子市 立川市 昭島市 日野市 東村山市 福生市 東大和市 武敲村山市 羽村市 苏 石野市 西多障部の 瑞糖</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-c">
|
|
<div className="d-check-radio light no-text">
|
|
<input type="radio" name="radio05" id="ra18"/>
|
|
<label htmlFor="ra18"></label>
|
|
</div>
|
|
</td>
|
|
<td className="al-c">32m/s</td>
|
|
<td>23区 武藏野市 三鹰市府中市網布市 町田市 小金井市 小平市 国分寺市 国立市 西東京市 狗江市清灏市 東久留米市 多摩市稲城</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-c">
|
|
<div className="d-check-radio light no-text">
|
|
<input type="radio" name="radio05" id="ra19"/>
|
|
<label htmlFor="ra19"></label>
|
|
</div>
|
|
</td>
|
|
<td className="al-c">32m/s</td>
|
|
<td>大島町 利島町 新島村 神津島村 三宅村 御被島</td>
|
|
</tr>
|
|
<tr>
|
|
<td className="al-c">
|
|
<div className="d-check-radio light no-text">
|
|
<input type="radio" name="radio05" id="ra20"/>
|
|
<label htmlFor="ra20"></label>
|
|
</div>
|
|
</td>
|
|
<td className="al-c">32m/s</td>
|
|
<td>八丈町 青 島村 小笠際</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div className="footer-btn-wrap">
|
|
<button className="btn-origin grey mr5 ">閉じる</button>
|
|
<button className="btn-origin navy ">選択</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
} |