qcast3/qcast-pub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

견적 복사 팝업 추가

Browse Source
This commit is contained in:
김창수 2024-11-19 14:11:24 +09:00
parent fe8d4fca3f
commit 71aba875ad
4 changed files with 92 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/canvas/CanvasEstimate.jsx
View File

@ -6,6 +6,7 @@ import ProductFeaturesPop from "./estimatepop/ProductFeaturesPop";
import ReactSelect from "../common/reactselect/ReactSelect";
import { useState } from "react";
import EstimateCopyPop from "./estimatepop/EstimateCopyPop";
export default function CanvasEstimate() {
const [hidden, setHidden] = useState(false);
@ -632,6 +633,9 @@ export default function CanvasEstimate() {
{/* 문서 다운로드 옵션 */}
{/* <FileDownOptionPop/> */}
{/* 견적복사 */}
<EstimateCopyPop/>
</div>
)
}

51
src/components/canvas/estimatepop/EstimateCopyPop.jsx Normal file
View File

@ -0,0 +1,51 @@
import ReactSelect from "@/components/common/reactselect/ReactSelect";
export default function EstimateCopyPop(){
return(
<div className="modal-popup">
<div className="modal-dialog">
<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="estimate-copy-info-wrap">
<div className="estimate-copy-info-item">
<div className="estimate-copy-info-tit">一次販売店名/ID <span className="red">*</span></div>
<div className="estimate-copy-info-box">
<div className="estimate-copy-sel">
<ReactSelect/>
</div>
<div className="estimate-copy-id">201TES01</div>
</div>
</div>
<div className="estimate-copy-info-item">
<div className="estimate-copy-info-tit">二次販売店名/ID <span className="red">*</span></div>
<div className="estimate-copy-info-box">
<div className="estimate-copy-sel">
<ReactSelect/>
</div>
<div className="estimate-copy-id">販売店ID</div>
</div>
</div>
<div className="estimate-copy-info-item">
<div className="estimate-copy-info-tit">担当者 <span className="red">*</span></div>
<div className="input-wrap">
<input type="text" className="input-light" defaultValue={'元の担当者名を表示'}/>
</div>
</div>
</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>
)
}

6
src/components/publishpage/PublishPage.jsx
View File

@ -176,12 +176,16 @@ export default function PublishPage() {
<li>2024-11-07</li>
<li>*실측치 설정 pop 추가</li>
</ul>
<ul>
<ul className='mb10'>
<li>2024-11-12</li>
<li>*캔버스 메뉴 이미지 불러오기 버튼 추가</li>
<li>*이미지 불러오기 팝업 추가</li>
<li>*배치면 초기설정 이미지 불러오기 삭제</li>
</ul>
<ul>
<li>2024-11-19</li>
<li>*견적 복사 팝업 추가</li>
</ul>
</td>
<td className="t-center">2024-10-28</td>
</tr>

32
src/styles/_submodal.scss
View File

@ -336,4 +336,36 @@
background-color: transparent;
}
}
}
// 견적 복사
.estimate-copy-info-item{
margin-bottom: 20px;
&:last-child{
margin-bottom: 0;
}
.estimate-copy-info-tit{
font-size: 13px;
color: #101010;
font-weight: 500;
margin-bottom: 10px;
}
.estimate-copy-info-box{
display: flex;
gap: 5px;
.estimate-copy-sel{
flex: 1 1 auto;
}
.estimate-copy-id{
flex: none;
display: flex;
align-items: center;
justify-content: center;
width: 150px;
background-color: #FAFAFA;
border: 1px solid #EEEEEE;
font-size: 13px;
color: #999;
}
}
}