견적서 페이지 수정 및 팝업 추가
This commit is contained in:
parent
492982a58f
commit
319cd73da0
@ -1,5 +1,6 @@
|
||||
import SingleDatePicker from "../common/datepicker/SingleDatePicker";
|
||||
import Footer from "../layout/Footer";
|
||||
import FileDownOptionPop from "./estimatepop/FileDownOptionPop";
|
||||
import ProductFeaturesPop from "./estimatepop/ProductFeaturesPop";
|
||||
|
||||
export default function CanvasEstimate() {
|
||||
@ -408,7 +409,10 @@ export default function CanvasEstimate() {
|
||||
<Footer/>
|
||||
|
||||
{/* 제품 특이사항 */}
|
||||
<ProductFeaturesPop/>
|
||||
{/* <ProductFeaturesPop/> */}
|
||||
|
||||
{/* 문서 다운로드 옵션 */}
|
||||
<FileDownOptionPop/>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
101
src/components/canvas/estimatepop/FileDownOptionPop.jsx
Normal file
101
src/components/canvas/estimatepop/FileDownOptionPop.jsx
Normal file
@ -0,0 +1,101 @@
|
||||
export default function FileDownOptionPop(){
|
||||
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="explane">ダウンロードする文書のオプションを選択したら、 [文書のダウンロード]ボタンをクリックします。</div>
|
||||
<div className="common-table bt-able">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style={{width: '260px'}}/>
|
||||
<col />
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>ダウンロードファイル <span className="red">*</span></th>
|
||||
<td>
|
||||
<div className="form-flex-wrap">
|
||||
<div className="d-check-box light mr10">
|
||||
<input type="checkbox" id="ch16" />
|
||||
<label htmlFor="ch16">見積もりExcel</label>
|
||||
</div>
|
||||
<div className="d-check-box light mr10">
|
||||
<input type="checkbox" id="ch17" />
|
||||
<label htmlFor="ch17">定価用Excel</label>
|
||||
</div>
|
||||
<div className="d-check-box light mr10">
|
||||
<input type="checkbox" id="ch18" />
|
||||
<label htmlFor="ch18">見積もりPDF</label>
|
||||
</div>
|
||||
<div className="d-check-box light ">
|
||||
<input type="checkbox" id="ch19" />
|
||||
<label htmlFor="ch19">定価用PDF</label>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>見積提出先表示名 <span className="red">*</span></th>
|
||||
<td>
|
||||
<div className="form-flex-wrap">
|
||||
<div className="d-check-radio light mr10">
|
||||
<input type="radio" name="radio02" id="ra03" />
|
||||
<label htmlFor="ra03">販売店名</label>
|
||||
</div>
|
||||
<div className="d-check-radio light">
|
||||
<input type="radio" name="radio02" id="ra04" />
|
||||
<label htmlFor="ra04">案件名</label>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>架台重量表を含む <span className="red">*</span></th>
|
||||
<td>
|
||||
<div className="form-flex-wrap">
|
||||
<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">
|
||||
<input type="radio" name="radio03" id="ra06" />
|
||||
<label htmlFor="ra06">含まない</label>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>図面/シミュレーションファイルを含む</th>
|
||||
<td>
|
||||
<div className="form-flex-wrap">
|
||||
<div className="d-check-radio light mr10">
|
||||
<input type="radio" name="radio04" id="ra07" />
|
||||
<label htmlFor="ra07">付属 </label>
|
||||
</div>
|
||||
<div className="d-check-radio light">
|
||||
<input type="radio" name="radio04" id="ra08" />
|
||||
<label htmlFor="ra08">含まない</label>
|
||||
</div>
|
||||
</div>
|
||||
</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>
|
||||
)
|
||||
}
|
||||
@ -4,26 +4,24 @@ export default function ProductFeaturesPop(){
|
||||
<div className="modal-dialog">
|
||||
<div className="modal-content">
|
||||
<div className="modal-header">
|
||||
<h1 className="title">設計依頼のインポート </h1>
|
||||
<h1 className="title">製品特異性 </h1>
|
||||
<button className="modal-close">닫기</button>
|
||||
</div>
|
||||
<div className="modal-body">
|
||||
<div className="modal-body-inner border">
|
||||
<div className="calculation-estimate">
|
||||
<div className="calculation-estimate usemodal">
|
||||
<dl>
|
||||
<dt>ダイドハント (D Y 4)(DY5)</dt>
|
||||
<dd>・木製垂木の場合、幅38㎜×厚さ40㎜以上、間隔455㎜以下となります。 </dd>
|
||||
<dd>・本見積は概算見積です。詳細設計時、及び構造計算時に材料等の変更の可能性があります。 </dd>
|
||||
<dd>・金具が取付可能と仮定して積算しております。ご注文前に必ず現調シートをご提出頂けます様、お願い致します。 </dd>
|
||||
<dd>・設置基準を満たした屋根面と仮定して積算しております。屋根材固定強度等、施工マニュアルをご参照の上、ご確認ください。</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>ワンカチ </dt>
|
||||
<dd>・風速は46ｍ/sを超える地域は設置不可となります。 </dd>
|
||||
<dd>・屋根材質は鋼板製（JIS A6514規格品の内）として御見積もり作成しております。 </dd>
|
||||
<dd>・屋根材板厚は0.6㎜以上として御見積もり作成しております。</dd>
|
||||
<dd>ピッチ外 ・若し現場で太陽電池モジュール 固定範囲から 両端の金具 がはみ出た 場合は、</dd>
|
||||
<dd>弊社システム保証対象外になりますので充分 ご注意下さい 。"</dd>
|
||||
<dt>Q.SUPREME</dt>
|
||||
<dd>・納期は注文書受領後、約2週間となります。 </dd>
|
||||
<dd>・太陽電池モジュールは、本住宅PKG専用モデル（G9+シリーズ: 25年製品保証）となっております。 標準モデル（G9シリーズ:15年製品保証）とは異なりますのでご注意ください（JP-ACの登録も別型式となっております） </dd>
|
||||
<dd>・システム最小容量は、モジュール8枚(235Wの場合1.88kW）となります。</dd>
|
||||
<dd>・本住宅PKGは、パワーコンディショナ容量9.9kW以下、パワーコンディショナ2台までを条件とします。</dd>
|
||||
<dd>・ソーラーエッジ単相パワコン5.5kWは、定格出力制限証明書発行手続きを行うことで定格出力4.4kWに変更可能です。</dd>
|
||||
<dd>・システム金額はモジュール容量×kW単価にて計算いたします。</dd>
|
||||
<dd>・最適設計を超えた機種選定をされる場合、追加差額が発生いたします。</dd>
|
||||
<dd>・システム設計、積算につきましては、一部ソーラーエッジのデザイナーをご利用いただき、お取引先様にてご対応いただく必要がございます。 </dd>
|
||||
<dd>・kW単価にパワーオプティマイザ取り付け金具が含まれております。 </dd>
|
||||
<dd>・パワーオプティマイザ設置のため、架台に条件がございます。</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -811,7 +811,10 @@
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
color: #45576F;
|
||||
margin-bottom: 5px;
|
||||
margin-bottom: 8px;
|
||||
&:last-child{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
&::-webkit-scrollbar {
|
||||
|
||||
@ -73,6 +73,15 @@
|
||||
}
|
||||
}
|
||||
|
||||
.explane{
|
||||
font-size: 13px;
|
||||
font-weight: 400;
|
||||
color: #101010;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.red{
|
||||
color: #F00;
|
||||
}
|
||||
// modal-contents
|
||||
|
||||
// 비밀번호 변경
|
||||
@ -196,4 +205,15 @@
|
||||
color: #101010;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 제품 특이사항 팝업
|
||||
.calculation-estimate{
|
||||
&.usemodal{
|
||||
margin-bottom: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// 문서 다운로드 옵션
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user