From 254b4fc78e4af238e14ed26ba7ee9b1917446b50 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: Thu, 7 Nov 2024 11:02:29 +0900
Subject: [PATCH] =?UTF-8?q?=EC=8B=A4=EC=B8=A1=EC=B9=98=20=EC=84=A4?=
 =?UTF-8?q?=EC=A0=95=20=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/app/canvas/page.jsx                       |  6 +-
 .../MeasuredValueOption.jsx                   | 56 +++++++++++++++++++
 src/components/publishpage/PublishPage.jsx    |  6 +-
 3 files changed, 66 insertions(+), 2 deletions(-)
 create mode 100644 src/components/canvas/modal/measuredvalueoption/MeasuredValueOption.jsx

diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index 86699d9..f43c26e 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -64,6 +64,7 @@ import RoofSelect from '@/components/canvas/modal/roofselect/RoofSelect'
 import SizeChange from '@/components/canvas/modal/sizechange/SizeChang'
 import Footer from '@/components/layout/Footer'
 import ImageSize from '@/components/canvas/modal/imagesize/ImageSize'
+import MeasuredValueOption from '@/components/canvas/modal/measuredvalueoption/MeasuredValueOption'
 
 export default function CanvasPage() {
     const modalOption = useRecoilValue(modalState);
@@ -153,7 +154,7 @@ export default function CanvasPage() {
                     {/* <EachPropertyChange/> */}
 
                     {/* 면 흐름 설정 */}
-                    <DrawingFlow/>
+                    {/* <DrawingFlow/> */}
 
                     {/* 지붕모듈선택 */}
                     {/* <RoofModuleOption/> */}
@@ -199,6 +200,9 @@ export default function CanvasPage() {
 
                     {/* 이미지 크기 조절 */}
                     {/* <ImageSize/> */}
+
+                    {/* 실측치 설정 */}
+                    <MeasuredValueOption/>
                 </div>
             </div>
             {menuValue === 5 && <Footer/>}
diff --git a/src/components/canvas/modal/measuredvalueoption/MeasuredValueOption.jsx b/src/components/canvas/modal/measuredvalueoption/MeasuredValueOption.jsx
new file mode 100644
index 0000000..2e6ad39
--- /dev/null
+++ b/src/components/canvas/modal/measuredvalueoption/MeasuredValueOption.jsx
@@ -0,0 +1,56 @@
+import WithDraggable from "@/components/common/draggable/withDraggable";
+
+export default function MeasuredValueOption(){
+    return(
+        <WithDraggable isShow={true}>
+            <div className={`modal-pop-wrap ssm`}>
+                <div className="modal-head">
+                    <h1 className="title">実測値設定</h1>
+                    <button className="modal-close">닫기</button>
+                </div>
+                <div className="modal-body">
+                    <div className="guide">
+                        <span>※隅棟・谷・棟の実際の寸法を入力してください。</span>
+                    </div>
+                    <div className="properties-setting-wrap outer">
+                        <div className="setting-tit">設定</div>
+                        <div className="outline-wrap">
+                            <div className="eaves-keraba-table">
+                                <div className="eaves-keraba-item">
+                                    <div className="eaves-keraba-th">
+                                        廊下の寸法の長さ
+                                    </div>
+                                    <div className="eaves-keraba-td">
+                                        <div className="outline-form">
+                                            <div className="input-grid mr5">
+                                                <input type="text" className="input-origin block" defaultValue={3703}/>
+                                            </div>
+                                            <span className="thin">mm</span>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div className="eaves-keraba-item">
+                                    <div className="eaves-keraba-th">
+                                        実寸長
+                                    </div>
+                                    <div className="eaves-keraba-td">
+                                        <div className="outline-form">
+                                            <div className="input-grid mr5">
+                                                <input type="text" className="input-origin block" defaultValue={3320}/>
+                                            </div>
+                                            <span className="thin">mm</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div className="grid-btn-wrap">
+                        <button className="btn-frame modal mr5">設定完了</button>
+                        <button className="btn-frame modal act">適用</button>
+                    </div>
+                </div>
+            </div>
+        </WithDraggable>
+    )
+}
\ No newline at end of file
diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx
index 53e8dbb..553a90d 100644
--- a/src/components/publishpage/PublishPage.jsx
+++ b/src/components/publishpage/PublishPage.jsx
@@ -168,10 +168,14 @@ export default function PublishPage() {
                     <li>*배치면 초기설정 pop 이미지 불러오기 영역 수정</li>
                     <li>*견적서 견적 특이사항 영역 닫힘 열림 추가</li>
                   </ul>
-                  <ul>
+                  <ul className='mb10'>
                     <li>2024-11-05</li>
                     <li>*면 흐름 설정 pop 수정</li>
                   </ul>
+                  <ul>
+                    <li>2024-11-07</li>
+                    <li>*실측치 설정 pop 추가</li>
+                  </ul>
                 </td>
                 <td className="t-center">2024-10-28</td>
               </tr>