실측치 설정 팝업 추가

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/>}

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>
+    )
+}

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>