배치면 초기설정 팝업 지붕 각도 설정 수정

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

src/components/canvas/modal/placementsetting/PlacementSettingPop.jsx

@@ -55,15 +55,31 @@ export default function PlacementSettingPop(){
                                 <tr>
                                     <th>屋根角度設定</th>
                                     <td>
-                                        <div className="pop-form-radio">
+                                        <div className="pop-form-radio place">
+                                            <div className="outline-form">
+                                                <span>
                                                     <div className="d-check-radio pop">
-                                                <input type="radio" name="radio02" id="ra04" />
+                                                        <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="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>
                                 </tr>

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>

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;