From 996e429b224183d73c2e6b794d6c5a91eb72c8a5 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, 3 Apr 2025 14:50:38 +0900
Subject: [PATCH] =?UTF-8?q?=EA=B2=AC=EC=A0=81=EC=84=9C=20=ED=85=8C?=
 =?UTF-8?q?=EC=9D=B4=EB=B8=94=20select=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                       |  4 ++--
 src/app/management/newproduct/page.jsx        |  2 +-
 src/components/canvas/CanvasEstimate.jsx      | 23 +++++++++++++------
 .../common/reactselect/ReactSelect.jsx        |  2 +-
 src/styles/_table.scss                        | 10 ++++++++
 5 files changed, 30 insertions(+), 11 deletions(-)

diff --git a/src/app/canvas/page.jsx b/src/app/canvas/page.jsx
index ba2d22a..2a635ea 100644
--- a/src/app/canvas/page.jsx
+++ b/src/app/canvas/page.jsx
@@ -158,10 +158,10 @@ export default function CanvasPage() {
                     {/* <DrawingFlow/> */}
 
                     {/* 지붕모듈선택 */}
-                    <RoofModuleOption/>
+                    {/* <RoofModuleOption/> */}
 
                     {/* 육지붕모듈 선택 */}
-                    <HexagonalRoofOption/>
+                    {/* <HexagonalRoofOption/> */}
 
                     {/* 회로 및 가대설정 */}
                     {/* <CircuitStandSetting/> */}
diff --git a/src/app/management/newproduct/page.jsx b/src/app/management/newproduct/page.jsx
index 58d307a..90c285d 100644
--- a/src/app/management/newproduct/page.jsx
+++ b/src/app/management/newproduct/page.jsx
@@ -51,7 +51,7 @@ export default function NewProductPage(){
             {/* <DesignRequestPop/> */}
 
             {/* 로딩바 */}
-            <LoadingSpinner/>
+            {/* <LoadingSpinner/> */}
         </div>
     )
 }
\ No newline at end of file
diff --git a/src/components/canvas/CanvasEstimate.jsx b/src/components/canvas/CanvasEstimate.jsx
index d1e33a6..0cdbbd2 100644
--- a/src/components/canvas/CanvasEstimate.jsx
+++ b/src/components/canvas/CanvasEstimate.jsx
@@ -95,16 +95,25 @@ export default function CanvasEstimate() {
                                         </td>
                                     </tr>
                                     <tr>
+                                        {/* 2025-04-03 */}
                                         <th>注文分類  <span className="important">*</span></th>
                                         <td colSpan={3}>
-                                            <div className="radio-wrap">
-                                                <div className="d-check-radio light mr10">
-                                                    <input type="radio" name="radio01" id="ra01" />
-                                                    <label htmlFor="ra01">住宅PKG</label>
+                                            <div className="form-flex-wrap">
+                                                <div className="radio-wrap">
+                                                    <div className="d-check-radio light mr10">
+                                                        <input type="radio" name="radio01" id="ra01" />
+                                                        <label htmlFor="ra01">住宅PKG</label>
+                                                    </div>
+                                                    <div className="d-check-radio light">
+                                                        <input type="radio" name="radio01" id="ra02" />
+                                                        <label htmlFor="ra02">積上げ( YJOD )</label>
+                                                    </div>
                                                 </div>
-                                                <div className="d-check-radio light">
-                                                    <input type="radio" name="radio01" id="ra02" />
-                                                    <label htmlFor="ra02">積上げ( YJOD )</label>
+                                                <div className="form-flex-select ml10">
+                                                    <label htmlFor="">住宅PKG</label>
+                                                    <div className="form-select">
+                                                        <ReactSelect/>
+                                                    </div>
                                                 </div>
                                             </div>
                                         </td>
diff --git a/src/components/common/reactselect/ReactSelect.jsx b/src/components/common/reactselect/ReactSelect.jsx
index 84a9a04..ee4e499 100644
--- a/src/components/common/reactselect/ReactSelect.jsx
+++ b/src/components/common/reactselect/ReactSelect.jsx
@@ -68,7 +68,7 @@ const CustomOption = (props) => {
             isClearable={true} 
             menuPlacement={'auto'}
             components={{Option: CustomOption}}
-            isDisabled={true}
+            
         />
     )
 }
\ No newline at end of file
diff --git a/src/styles/_table.scss b/src/styles/_table.scss
index 5fe69af..31b96bd 100644
--- a/src/styles/_table.scss
+++ b/src/styles/_table.scss
@@ -47,6 +47,16 @@ table{
                 }
                 .form-flex-wrap{
                     @include flexbox;
+                    .form-flex-select{
+                        @include flexbox;
+                        label{
+                            flex: none;
+                            margin-right: 5px;
+                        }
+                        .form-select{
+                            min-width: 300px;
+                        }
+                    }
                 }
                 .date-picker-wrap{
                     width: 100%;