71 lines
3.1 KiB
TypeScript
71 lines
3.1 KiB
TypeScript
export default function SaleRoofForm(){
|
|
return(
|
|
<div className="sale-frame">
|
|
<div className="sale-roof-title">電気関係</div>
|
|
<div className="data-form-wrap">
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">電気契約容量</div>
|
|
<div className="data-input mb5">
|
|
<input type="text" className="input-frame" defaultValue={'10'}/>
|
|
</div>
|
|
<div className="data-input">
|
|
<select className="select-form" name="" id="">
|
|
<option value="">kVA</option>
|
|
<option value="">kVA</option>
|
|
<option value="">kVA</option>
|
|
<option value="">kVA</option>
|
|
<option value="">kVA</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">電気小売会社</div>
|
|
<input type="text" className="input-frame" defaultValue={'HWJ Electric'}/>
|
|
</div>
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit">電気袋設備<span>※複数選択可能</span></div>
|
|
<div className="data-check-wrap">
|
|
<div className="check-form-box">
|
|
<input type="checkbox" id="ch01"/>
|
|
<label htmlFor="ch01">エコキュート</label>
|
|
</div>
|
|
<div className="check-form-box">
|
|
<input type="checkbox" id="ch02"/>
|
|
<label htmlFor="ch02">エネパーム</label>
|
|
</div>
|
|
<div className="check-form-box">
|
|
<input type="checkbox" id="ch03"/>
|
|
<label htmlFor="ch03">蓄電池システム</label>
|
|
</div>
|
|
<div className="check-form-box">
|
|
<input type="checkbox" id="ch04"/>
|
|
<label htmlFor="ch04">太陽光発電</label>
|
|
</div>
|
|
<div className="check-form-box">
|
|
<input type="checkbox" id="ch05"/>
|
|
<label htmlFor="ch05">その他 (直接入力)</label>
|
|
</div>
|
|
</div>
|
|
<div className="data-input">
|
|
<input type="text" className="input-frame" disabled defaultValue={''}/>
|
|
</div>
|
|
</div>
|
|
<div className="data-input-form-bx">
|
|
<div className="data-input-form-tit red-f">設置希望システム</div>
|
|
<div className="data-input mb5">
|
|
<select className="select-form" name="" id="">
|
|
<option value="">太陽光発電</option>
|
|
<option value="">太陽光発電</option>
|
|
<option value="">太陽光発電</option>
|
|
<option value="">太陽光発電</option>
|
|
<option value="">太陽光発電</option>
|
|
</select>
|
|
</div>
|
|
<div className="data-input">
|
|
<input type="text" className="input-frame" defaultValue={''} disabled/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
} |