From 16a84fc5ac9ae0533977981514aacb59ad800035 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, 13 Feb 2025 14:17:35 +0900
Subject: [PATCH] =?UTF-8?q?=EB=B0=B0=EC=B9=98=EB=A9=B4=20=EC=B4=88?=
 =?UTF-8?q?=EA=B8=B0=EC=84=A4=EC=A0=95=20=ED=8C=9D=EC=97=85=20=EC=A7=80?=
 =?UTF-8?q?=EB=B6=95=20=EA=B0=81=EB=8F=84=20=EC=84=A4=EC=A0=95=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/canvas/page.jsx                       |  4 +--
 .../placementsetting/PlacementSettingPop.jsx  | 30 ++++++++++++++-----
 src/components/publishpage/PublishPage.jsx    |  6 +++-
 src/styles/_modal.scss                        | 11 +++++++
 4 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index beb34ed..e4d5089 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -89,7 +89,7 @@ export default function CanvasPage() {
                     {/* <Penal04/> */}
 
                     {/* 배치면 초기 설정 */}
-                    {/* <PlacementSettingPop/> */}
+                    <PlacementSettingPop/>
 
                     {/* 캔버스 기본 셋팅 */}
                     {/* {modalOption.option && <SettingModal01/>} */}
@@ -158,7 +158,7 @@ export default function CanvasPage() {
                     {/* <DrawingFlow/> */}
 
                     {/* 지붕모듈선택 */}
-                    <RoofModuleOption/>
+                    {/* <RoofModuleOption/> */}
 
                     {/* 육지붕모듈 선택 */}
                     {/* <HexagonalRoofOption/> */}
diff --git a/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx b/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
index 83a38b7..f9e6e74 100644
--- a/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
+++ b/src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx
@@ -55,14 +55,30 @@ export default function PlacementSettingPop(){
                                 <tr>
                                     <th>屋根角度設定</th>
                                     <td>
-                                        <div className="pop-form-radio">
-                                            <div className="d-check-radio pop">
-                                                <input type="radio" name="radio02" id="ra04" />
-                                                <label htmlFor="ra04">傾斜</label>
+                                        <div className="pop-form-radio place">
+                                            <div className="outline-form">
+                                                <span>
+                                                    <div className="d-check-radio pop">
+                                                        <input type="radio" name="radio02" id="ra04" defaultChecked={true}/>
+                                                        <label htmlFor="ra04">傾斜</label>
+                                                    </div>
+                                                </span>
+                                                <div className="input-grid mr5" >
+                                                    <input type="number" className="input-origin block" defaultValue={4}/>
+                                                </div>
+                                                <span className="thin">寸</span>
                                             </div>
-                                            <div className="d-check-radio pop">
-                                                <input type="radio" name="radio02" id="ra05" />
-                                                <label htmlFor="ra05">角度</label>
+                                            <div className="outline-form">
+                                                <span>
+                                                    <div className="d-check-radio pop">
+                                                        <input type="radio" name="radio02" id="ra05" />
+                                                        <label htmlFor="ra05">角度</label>
+                                                    </div>
+                                                </span>
+                                                <div className="input-grid mr5" >
+                                                    <input type="number" className="input-origin block" defaultValue={21.8} disabled/>
+                                                </div>
+                                                <span className="thin">度</span>
                                             </div>
                                         </div>
                                     </td>
diff --git a/src/components/publishpage/PublishPage.jsx b/src/components/publishpage/PublishPage.jsx
index c202d59..ae1f56e 100644
--- a/src/components/publishpage/PublishPage.jsx
+++ b/src/components/publishpage/PublishPage.jsx
@@ -255,11 +255,15 @@ export default function PublishPage() {
                     <li>*패널 배치 집계 수정</li>
                     <li>*Qselect 컴포넌트 수정 및 배치면 초기설정 selelct disabled 추가</li>
                   </ul>
-                  <ul>
+                  <ul className='mb10'>
                     <li>2025-02-04</li>
                     <li>*지붕면 할당 팝업 클래스 및 css수정</li>
                     <li>*기본모듈선택 팝업 요청 수정</li>
                   </ul>
+                  <ul>
+                    <li>2025-02-13</li>
+                    <li>*배치면 초기설정 지붕 각도 설정 수정</li>
+                  </ul>
                 </td>
                 <td className="t-center">2024-10-28</td>
               </tr>
diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index bbdf38f..95db2ea 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -523,6 +523,17 @@ $alert-color: #101010;
     display: flex;
     align-items: center;
     gap: 10px;
+    &.place{
+        gap: 15px;
+        .outline-form{
+            span{
+                width: fit-content;
+            }
+            .input-grid{
+                width: 80px;
+            }
+        }
+    }
 }
 .placement-option{
     display: flex;