90 lines
5.0 KiB
TypeScript
90 lines
5.0 KiB
TypeScript
import Image from "next/image";
|
||
|
||
export default function SaleSubmitPop() {
|
||
return(
|
||
<div className="modal-popup">
|
||
<div className="modal-dialog">
|
||
<div className="modal-content">
|
||
<div className="modal-header">
|
||
<div className="modal-header-inner">
|
||
<div className="modal-name-wrap">
|
||
<div className="modal-img">
|
||
<Image src="/assets/images/layout/modal_header_icon04.svg" width={19} height={22} alt="" />
|
||
</div>
|
||
<div className="modal-name">調査物件の提出</div>
|
||
</div>
|
||
<button className="modal-close"></button>
|
||
</div>
|
||
</div>
|
||
<div className="modal-body">
|
||
<div className="data-form-wrap">
|
||
<div className="data-input-form-bx">
|
||
<div className="data-input-form-tit">発送者 <i className="import">*</i></div>
|
||
<div className="data-input">
|
||
<input className="input-frame" type="text" defaultValue={'HG@interplug2.co.kr'} disabled/>
|
||
</div>
|
||
</div>
|
||
<div className="data-input-form-bx">
|
||
<div className="data-input-form-tit">提出地点選択 <i className="import">*</i></div>
|
||
<div className="data-input">
|
||
<select className="select-form" name="" id="" disabled>
|
||
<option value="">直接入力</option>
|
||
<option value="">直接入力</option>
|
||
<option value="">直接入力</option>
|
||
<option value="">直接入力</option>
|
||
<option value="">直接入力</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div className="data-input-form-bx">
|
||
<div className="data-input-form-tit">提出販売店 <i className="import">*</i></div>
|
||
<div className="data-input">
|
||
<input className="input-frame" type="text" defaultValue={'Interplug'} disabled/>
|
||
</div>
|
||
</div>
|
||
<div className="data-input-form-bx">
|
||
<div className="data-input-form-tit">受信者 <i className="import">*</i></div>
|
||
<div className="data-input">
|
||
<input className="input-frame" type="text" defaultValue={'GI@Interplug.co.kr, Kim@interplug.co.kr'} disabled/>
|
||
</div>
|
||
</div>
|
||
<div className="data-input-form-bx">
|
||
<div className="data-input-form-tit">参考 </div>
|
||
<div className="data-input">
|
||
<input className="input-frame" type="text" defaultValue={'KimG@Interplug.co.kr'} disabled/>
|
||
</div>
|
||
</div>
|
||
<div className="data-input-form-bx">
|
||
<div className="data-input-form-tit">タイトル <i className="import">*</i></div>
|
||
<div className="data-input">
|
||
<input className="input-frame" type="text" defaultValue={'[HANASYS現地調査] 調査物件が提出.'} disabled/>
|
||
</div>
|
||
</div>
|
||
<div className="data-input-form-bx">
|
||
<div className="data-input-form-tit">内容 <i className="import">*</i></div>
|
||
<div className="data-input">
|
||
<div className="submit-content">
|
||
<p style={{fontSize: "13px", fontWeight: "400", color: "#2e3a59", marginBottom: "15px"}}>HANASYS現地調査アプリを使用した現地調査結果が送信されました。</p>
|
||
<p style={{fontSize: "13px", fontWeight: "400", color: "#2e3a59", marginBottom: '3px'}}>-担当者名： <span style={{color: "#417DDC"}}>KimHG</span></p>
|
||
<p style={{fontSize: "13px", fontWeight: "400", color: "#2e3a59", marginBottom: '3px'}}>-販売店名：<span style={{color: "#417DDC"}}>Interplug （Iner01）</span></p>
|
||
<p style={{fontSize: "13px", fontWeight: "400", color: "#2e3a59", marginBottom: "15px"}}>-施工店名: <span style={{color: "#417DDC"}}>Interplug2</span></p>
|
||
<p><button style={{fontSize: "13px", fontWeight: "400", color: "#1259CB", marginBottom: "5px", textDecoration: "underline"}}>現地調査結果PDFダウンロード</button></p>
|
||
<p style={{fontSize: "13px", fontWeight: "400", color: "#2e3a59"}}>※リンクをクリックしてローカル調査結果PDFをダウンロードできます。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div className="btn-flex-wrap">
|
||
<div className="btn-bx">
|
||
<button className="btn-frame n-blue icon">じる<i className="btn-arr"></i></button>
|
||
</div>
|
||
<div className="btn-bx">
|
||
<button className="btn-frame red icon">転送<i className="btn-arr"></i></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
)
|
||
} |