From 71aba875ad567397df6a779a7cc95e55f6dbfffc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=B0=BD=EC=88=98?= <chang9811@interplug.co.kr>
Date: Tue, 19 Nov 2024 14:11:24 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B2=AC=EC=A0=81=20=EB=B3=B5=EC=82=AC=20?=
 =?UTF-8?q?=ED=8C=9D=EC=97=85=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/canvas/CanvasEstimate.jsx      |  4 ++
 .../canvas/estimatepop/EstimateCopyPop.jsx    | 51 +++++++++++++++++++
 src/components/publishpage/PublishPage.jsx    |  6 ++-
 src/styles/_submodal.scss                     | 32 ++++++++++++
 4 files changed, 92 insertions(+), 1 deletion(-)
 create mode 100644 src/components/canvas/estimatepop/EstimateCopyPop.jsx

diff --git a/src/components/canvas/CanvasEstimate.jsx b/src/components/canvas/CanvasEstimate.jsx
index 88f3a1e..b926df3 100644
--- a/src/components/canvas/CanvasEstimate.jsx
+++ b/src/components/canvas/CanvasEstimate.jsx
@@ -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>
     )
 }
\ No newline at end of file
diff --git a/src/components/canvas/estimatepop/EstimateCopyPop.jsx b/src/components/canvas/estimatepop/EstimateCopyPop.jsx
new file mode 100644
index 0000000..16b533c
--- /dev/null
+++ b/src/components/canvas/estimatepop/EstimateCopyPop.jsx
@@ -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>
+    )
+}
\ No newline at end of file
diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx
index a90f099..d58466a 100644
--- a/src/components/publishpage/PublishPage.jsx
+++ b/src/components/publishpage/PublishPage.jsx
@@ -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>
diff --git a/src/styles/_submodal.scss b/src/styles/_submodal.scss
index de01ee3..de53d58 100644
--- a/src/styles/_submodal.scss
+++ b/src/styles/_submodal.scss
@@ -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;
+        }
+    }
 }
\ No newline at end of file