240 lines
13 KiB
JavaScript
240 lines
13 KiB
JavaScript
export default function NewProductTable(){
|
|
return(
|
|
<div className="sub-table-box">
|
|
<div className="promise-gudie"><span className="important">*</span> 必須入力項目</div>
|
|
<div className="infomation-table">
|
|
<table>
|
|
<colgroup>
|
|
<col style={{width: '200px'}}/>
|
|
<col />
|
|
</colgroup>
|
|
<tbody>
|
|
<tr>
|
|
<th>設計依頼No.</th>
|
|
<td>
|
|
<div className="flx-box">
|
|
<div className="input-wrap mr5" style={{width : '200px'}}>
|
|
<input type="text" className="input-light" defaultValue='1000000002' readOnly/>
|
|
</div>
|
|
<button className="btn-origin grey">設計依頼のインポート</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>担当者 <span className="important">*</span></th>
|
|
<td>
|
|
<div className="input-wrap" style={{width : '500px'}}>
|
|
<input type="text" className="input-light" defaultValue='Kim Ji Young'/>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>物品区分/物件名 <span className="important">*</span></th>
|
|
<td>
|
|
<div className="flx-box">
|
|
<div className="d-check-radio light mr10">
|
|
<input type="radio" name="radio01" id="ra01" />
|
|
<label htmlFor="ra01">新築</label>
|
|
</div>
|
|
<div className="d-check-radio light mr10">
|
|
<input type="radio" name="radio01" id="ra02" />
|
|
<label htmlFor="ra02">基軸</label>
|
|
</div>
|
|
<div className="input-wrap mr5" style={{width : '545px'}}>
|
|
<input type="text" className="input-light" defaultValue='jy0619_0625'/>
|
|
</div>
|
|
<div className="select-wrap" style={{width : '120px'}}>
|
|
<select className="select-light" name="" id="" >
|
|
<option>案件</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>商品名 ふりがな</th>
|
|
<td>
|
|
<div className="input-wrap" style={{width : '789px'}}>
|
|
<input type="text" className="input-light" />
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>
|
|
<div className="flx-box">
|
|
<div className="title">
|
|
一次販売店名/ID <span className="important">*</span>
|
|
</div>
|
|
<div className="tooltips"></div>
|
|
</div>
|
|
</th>
|
|
<td>
|
|
<div className="flx-box">
|
|
<div className="select-wrap mr5" style={{width : '567px'}}>
|
|
<select className="select-light" name="" id="">
|
|
<option>選択</option>
|
|
</select>
|
|
</div>
|
|
<div className="input-wrap" style={{width : '216px'}}>
|
|
<input type="text" className="input-light" readOnly/>
|
|
</div>
|
|
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>
|
|
<div className="flx-box">
|
|
<div className="title">
|
|
二次販売店名/ID <span className="important">*</span>
|
|
</div>
|
|
<div className="tooltips"></div>
|
|
</div>
|
|
</th>
|
|
<td>
|
|
<div className="flx-box">
|
|
<div className="select-wrap mr5" style={{width : '567px'}}>
|
|
<select className="select-light" name="" id="" >
|
|
<option>選択</option>
|
|
</select>
|
|
</div>
|
|
<div className="input-wrap" style={{width : '216px'}}>
|
|
<input type="text" className="input-light" readOnly/>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>郵便番号 <span className="important">*</span></th>
|
|
<td>
|
|
<div className="flx-box">
|
|
<div className="input-wrap mr5" style={{width : '200px'}}>
|
|
<input type="text" className="input-light" readOnly/>
|
|
</div>
|
|
<button className="btn-origin grey">住所検索</button>
|
|
<div className="guide">※ 郵便番号7桁を入力した後、アドレス検索ボタンをクリックしてください</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>都道府県 / 住所 <span className="important">*</span></th>
|
|
<td>
|
|
<div className="flx-box">
|
|
<div className="input-wrap mr5" style={{width : '200px'}}>
|
|
<input type="text" className="input-light" readOnly/>
|
|
</div>
|
|
<div className="input-wrap mr5" style={{width : '580px'}}>
|
|
<input type="text" className="input-light" />
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>発電量シミュレーション地域 <span className="important">*</span></th>
|
|
<td>
|
|
<div className="select-wrap" style={{width : '200px'}} >
|
|
<select className="select-light" name="" id="" disabled>
|
|
<option>東京</option>
|
|
</select>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>基準風速 <span className="important">*</span></th>
|
|
<td>
|
|
<div className="flx-box">
|
|
<div className="select-wrap mr10" style={{width : '200px'}}>
|
|
<select className="select-light" name="" id="">
|
|
<option>40</option>
|
|
</select>
|
|
</div>
|
|
<span className="mr10">m/s以下</span>
|
|
<button className="btn-origin grey">風速選択</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>垂直説説 <span className="important">*</span></th>
|
|
<td>
|
|
<div className="flx-box">
|
|
<div className="select-wrap mr10" style={{width : '200px'}}>
|
|
<select className="select-light" name="" id="">
|
|
<option>40</option>
|
|
</select>
|
|
</div>
|
|
<span className="mr10">cm</span>
|
|
<div className="d-check-box light">
|
|
<input type="checkbox" id="ch01" />
|
|
<label htmlFor="ch01">寒冷地対策施行</label>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>面調図区分 <span className="important">*</span></th>
|
|
<td>
|
|
<div className="flx-box">
|
|
<div className="radio-wrap flx-box" style={{width: '239px'}}>
|
|
<div className="d-check-radio light mr10">
|
|
<input type="radio" name="radio02" id="ra03" />
|
|
<label htmlFor="ra03">III・IV</label>
|
|
</div>
|
|
<div className="d-check-radio light">
|
|
<input type="radio" name="radio02" id="ra04" />
|
|
<label htmlFor="ra04">基軸</label>
|
|
</div>
|
|
</div>
|
|
<div className="d-check-box light mr5">
|
|
<input type="checkbox" id="ch02" />
|
|
<label htmlFor="ch02">塩害地域用アイテムの使用</label>
|
|
</div>
|
|
<div className="tooltips"></div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>設置高さ <span className="important">*</span></th>
|
|
<td>
|
|
<div className="flx-box">
|
|
<div className="select-wrap mr10" style={{width : '200px'}}>
|
|
<select className="select-light" name="" id="">
|
|
<option>5</option>
|
|
</select>
|
|
</div>
|
|
<span>m</span>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>契約条件</th>
|
|
<td>
|
|
<div className="flx-box">
|
|
<div className="d-check-radio light mr10">
|
|
<input type="radio" name="radio03" id="ra05" />
|
|
<label htmlFor="ra05">余剰</label>
|
|
</div>
|
|
<div className="d-check-radio light mr10">
|
|
<input type="radio" name="radio03" id="ra06" />
|
|
<label htmlFor="ra06">全量</label>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<th>メモ</th>
|
|
<td>
|
|
<div className="input-wrap">
|
|
<input type="text" className="input-light" />
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div className="sub-right-footer">
|
|
<button className="btn-origin navy mr5">商品リスト</button>
|
|
<button className="btn-origin grey">一時保存</button>
|
|
</div>
|
|
</div>
|
|
)
|
|
} |