From 77157e34df4ffec2af294d65871db0a1f1555dda Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=AF=BC=EC=8B=9D?=
 <43837214+Minsiki@users.noreply.github.com>
Date: Tue, 4 Feb 2025 15:49:22 +0900
Subject: [PATCH 1/4] =?UTF-8?q?-=20=F0=9F=9A=A8chore:=20Sync=20Sass?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/_modal.scss | 42 +++++++++++++++++++++++++++---------------
 1 file changed, 27 insertions(+), 15 deletions(-)

diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss
index 61f631cd..7c959e83 100644
--- a/src/styles/_modal.scss
+++ b/src/styles/_modal.scss
@@ -259,6 +259,12 @@ $alert-color: #101010;
         border-bottom: 1px solid #424242;
     }
 }
+.grid-check-form-block{
+    display: block;
+    > div{
+        margin-bottom: 10px;
+    }
+}
 .grid-option-overflow{
     max-height: 350px;
     overflow-y: auto;
@@ -305,6 +311,25 @@ $alert-color: #101010;
     }
     .grid-option-block-form{
         flex: 1;
+        .flex-ment{
+            position: relative;
+            padding-right: 70px;
+            flex: 1 1 auto;
+            span{
+                width: 70px;
+                &.absol{
+                    width: fit-content;
+                    position: absolute;
+                    top: 50%;
+                    right: 0;
+                    transform: translateY(-50%);
+                    
+                }
+            }
+            .input-grid{
+                flex: 1;
+            }
+        }
     }
 }
 .select-form{
@@ -312,6 +337,7 @@ $alert-color: #101010;
 }
 .grid-select{
     flex: 1;
+    height: 30px;
     &.no-flx{
         flex: unset;
     }
@@ -2013,7 +2039,7 @@ $alert-color: #101010;
     }
 }
 .roof-module-tab2-overflow{
-    max-height: 500px;
+    max-height: 650px;
     overflow-y: auto;
     padding-bottom: 15px;
     border-bottom: 1px solid #4D4D4D;
@@ -2088,17 +2114,3 @@ $alert-color: #101010;
         justify-content: flex-end;
     }
 }
-
-.reset-word-wrap{
-    display: flex;
-    align-items: center;
-    .grid-btn-wrap{
-        margin-left: auto;
-    }
-}
-.reset-word{
-    font-size: 12px;
-    color: #FFCACA;
-    font-weight: 400;
-    margin-top: 10px;
-}
\ No newline at end of file

From 0491c14fb45f766bf9dbc41f44ea3dd151dce7f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=AF=BC=EC=8B=9D?=
 <43837214+Minsiki@users.noreply.github.com>
Date: Tue, 4 Feb 2025 15:49:48 +0900
Subject: [PATCH 2/4] =?UTF-8?q?-=EB=8B=A8=EC=9C=84=ED=85=8C=EC=8A=A4?=
 =?UTF-8?q?=ED=8A=B8(Unit=20Test)=20#554=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../floor-plan/modal/basic/step/Module.jsx    |  2 -
 .../modal/basic/step/ModuleTabContents.jsx    |  2 +-
 .../roofAllocation/RoofAllocationSetting.jsx  | 70 +++++++++++--------
 .../modal/roofShape/type/option/Wall.jsx      |  1 -
 4 files changed, 40 insertions(+), 35 deletions(-)

diff --git a/src/components/floor-plan/modal/basic/step/Module.jsx b/src/components/floor-plan/modal/basic/step/Module.jsx
index eb4f0177..4823ab6e 100644
--- a/src/components/floor-plan/modal/basic/step/Module.jsx
+++ b/src/components/floor-plan/modal/basic/step/Module.jsx
@@ -156,7 +156,6 @@ export default function Module({ setTabNum }) {
 
           <div className="module-table-box none-flex">
             <div className="module-table-inner">
-              <div className="module-table-tit">{getMessage('modal.module.basic.setting.module.stuff.info')}</div>
               <div className="eaves-keraba-table">
                 <div className="eaves-keraba-item">
                   <div className="eaves-keraba-th">{getMessage('modal.module.basic.setting.module.surface.type')}</div>
@@ -271,7 +270,6 @@ export default function Module({ setTabNum }) {
             </div>
           </div>
           {/* 설정 오류시 노출 */}
-          <div className="reset-word">※ 施工方法が選択できません。 基準風速または基準積雪量を確認してください。</div>
         </div>
       </div>
     </>
diff --git a/src/components/floor-plan/modal/basic/step/ModuleTabContents.jsx b/src/components/floor-plan/modal/basic/step/ModuleTabContents.jsx
index 706fad9f..24845bbf 100644
--- a/src/components/floor-plan/modal/basic/step/ModuleTabContents.jsx
+++ b/src/components/floor-plan/modal/basic/step/ModuleTabContents.jsx
@@ -203,7 +203,7 @@ export default function ModuleTabContents({ tabIndex, addRoof, setAddedRoofs, ro
                 強化施工
               </button>
             </div>
-            <div className="grid-check-form">
+            <div className="grid-check-form-block">
               <div className="d-check-box pop">
                 <input
                   type="checkbox"
diff --git a/src/components/floor-plan/modal/roofAllocation/RoofAllocationSetting.jsx b/src/components/floor-plan/modal/roofAllocation/RoofAllocationSetting.jsx
index 0142a329..1d58a93d 100644
--- a/src/components/floor-plan/modal/roofAllocation/RoofAllocationSetting.jsx
+++ b/src/components/floor-plan/modal/roofAllocation/RoofAllocationSetting.jsx
@@ -99,7 +99,7 @@ export default function RoofAllocationSetting(props) {
                         <div className="grid-option-block-form">
                           <div className="block-box">
                             <div className="flex-ment">
-                              <div className="grid-select" style={{ width: '248px' }}>
+                              <div className="grid-select">
                                 <QSelectBox
                                   options={roofMaterials}
                                   value={roof}
@@ -109,14 +109,18 @@ export default function RoofAllocationSetting(props) {
                                   onChange={(e) => handleChangeRoofMaterial(e, index)}
                                 />
                               </div>
-                              {index === 0 && <span className="dec">{getMessage('modal.roof.alloc.default.roof.material')}</span>}
-                              {index !== 0 && <button className="delete" onClick={() => onDeleteRoofMaterial(index)}></button>}
+                              {index === 0 && <span className="absol dec">{getMessage('modal.roof.alloc.default.roof.material')}</span>}
+                              {index !== 0 && (
+                                <span className="absol">
+                                  <button className="delete" onClick={() => onDeleteRoofMaterial(index)}></button>
+                                </span>
+                              )}
                             </div>
                           </div>
                           <div className="block-box">
                             <div className="flex-ment">
                               <span>{getMessage('slope')}</span>
-                              <div className="input-grid" style={{ width: '214px' }}>
+                              <div className="input-grid">
                                 <input
                                   type="text"
                                   className="input-origin block"
@@ -126,49 +130,53 @@ export default function RoofAllocationSetting(props) {
                                   defaultValue={currentAngleType === 'slope' ? roof.pitch : roof.angle}
                                 />
                               </div>
-                              <span>{pitchText}</span>
+                              <span className="absol">{pitchText}</span>
                             </div>
                           </div>
                           {(roof.widAuth || roof.lenAuth) && (
-                            <div className="block-box">
+                            <>
                               {roof.widAuth && (
-                                <div className="flex-ment">
-                                  <span>W</span>
-                                  <div className="input-grid" style={{ width: '100px' }}>
-                                    <input
-                                      type="text"
-                                      className="input-origin block"
-                                      defaultValue={roof.width}
-                                      onChange={(e) => handleChangeInput(e, 'width', index)}
-                                      readOnly={roof.widAuth === 'R'}
-                                    />
+                                <div className="block-box">
+                                  <div className="flex-ment">
+                                    <span>W</span>
+                                    <div className="input-grid">
+                                      <input
+                                        type="text"
+                                        className="input-origin block"
+                                        defaultValue={roof.width}
+                                        onChange={(e) => handleChangeInput(e, 'width', index)}
+                                        readOnly={roof.widAuth === 'R'}
+                                      />
+                                    </div>
                                   </div>
                                 </div>
                               )}
                               {roof.lenAuth && (
-                                <div className="flex-ment">
-                                  <span>L</span>
-                                  <div className="input-grid" style={{ width: '100px' }}>
-                                    <input
-                                      type="text"
-                                      className="input-origin block"
-                                      defaultValue={roof.length}
-                                      onChange={(e) => handleChangeInput(e, 'length', index)}
-                                      readOnly={roof.lenAuth === 'R'}
-                                    />
+                                <div className="block-box">
+                                  <div className="flex-ment">
+                                    <span>L</span>
+                                    <div className="input-grid">
+                                      <input
+                                        type="text"
+                                        className="input-origin block"
+                                        defaultValue={roof.length}
+                                        onChange={(e) => handleChangeInput(e, 'length', index)}
+                                        readOnly={roof.lenAuth === 'R'}
+                                      />
+                                    </div>
                                   </div>
                                 </div>
                               )}
-                            </div>
+                            </>
                           )}
                           {(roof.raftAuth || roof.roofPchAuth) && (
-                            <div className="block-box">
+                            <>
                               {roof.raftAuth && (
                                 <div className="block-box">
                                   <div className="flex-ment">
                                     <span>{getMessage('modal.placement.initial.setting.rafter')}</span>
                                     {raftCodes.length > 0 && (
-                                      <div className="grid-select" style={{ width: '160px' }}>
+                                      <div className="grid-select">
                                         <QSelectBox
                                           options={raftCodes}
                                           value={roof}
@@ -186,7 +194,7 @@ export default function RoofAllocationSetting(props) {
                                 <div className="block-box">
                                   <div className="flex-ment">
                                     <span>{getMessage('hajebichi')}</span>
-                                    <div className="input-grid" style={{ width: '84px' }}>
+                                    <div className="input-grid">
                                       <input
                                         type="text"
                                         className="input-origin block"
@@ -198,7 +206,7 @@ export default function RoofAllocationSetting(props) {
                                   </div>
                                 </div>
                               )}
-                            </div>
+                            </>
                           )}
                           <div className="block-box">
                             <div className="icon-btn-wrap">
diff --git a/src/components/floor-plan/modal/roofShape/type/option/Wall.jsx b/src/components/floor-plan/modal/roofShape/type/option/Wall.jsx
index c7b04b2d..f78fe95d 100644
--- a/src/components/floor-plan/modal/roofShape/type/option/Wall.jsx
+++ b/src/components/floor-plan/modal/roofShape/type/option/Wall.jsx
@@ -6,7 +6,6 @@ export default function Wall({ sleeveOffset, setSleeveOffset, hasSleeve, setHasS
   const { getMessage } = useMessage()
   return (
     <>
-      {hasSleeve}
       <div className="eaves-keraba-table">
         <div className="eaves-keraba-item">
           <div className="eaves-keraba-th">

From bc06d35bcf8b9d7a0f9aabd4e2824972a15b02e9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=AF=BC=EC=8B=9D?=
 <43837214+Minsiki@users.noreply.github.com>
Date: Tue, 4 Feb 2025 15:51:38 +0900
Subject: [PATCH 3/4] =?UTF-8?q?-=EB=8B=A8=EC=9C=84=ED=85=8C=EC=8A=A4?=
 =?UTF-8?q?=ED=8A=B8(Unit=20Test)=20#557=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../step/PowerConditionalSelect.jsx           |  4 +-
 .../step/type/PassivityCircuitAllocation.jsx  | 74 ++++++++++++++-----
 2 files changed, 56 insertions(+), 22 deletions(-)

diff --git a/src/components/floor-plan/modal/circuitTrestle/step/PowerConditionalSelect.jsx b/src/components/floor-plan/modal/circuitTrestle/step/PowerConditionalSelect.jsx
index 407c5e34..5496a0d5 100644
--- a/src/components/floor-plan/modal/circuitTrestle/step/PowerConditionalSelect.jsx
+++ b/src/components/floor-plan/modal/circuitTrestle/step/PowerConditionalSelect.jsx
@@ -38,7 +38,7 @@ export default function PowerConditionalSelect(props) {
   const { swalFire } = useSwal()
   const modelHeader = [
     { name: getMessage('시리즈'), width: '15%', prop: 'pcsSerNm', type: 'color-box' },
-    { name: getMessage('명칭'), width: '15%', prop: 'itemNm', type: 'color-box' },
+    { name: getMessage('명칭'), width: '15%', prop: 'goodsNo', type: 'color-box' },
     {
       name: `${getMessage('modal.circuit.trestle.setting.power.conditional.select.rated.output')} (kW)`,
       width: '10%',
@@ -240,7 +240,7 @@ export default function PowerConditionalSelect(props) {
           <div className="circuit-data-form">
             {selectedModels?.map((model) => (
               <span className="normal-font">
-                {model.itemNm} <button className="del" onClick={() => onRemoveSelectedModel(model)}></button>
+                {model.goodsNo} <button className="del" onClick={() => onRemoveSelectedModel(model)}></button>
               </span>
             ))}
           </div>
diff --git a/src/components/floor-plan/modal/circuitTrestle/step/type/PassivityCircuitAllocation.jsx b/src/components/floor-plan/modal/circuitTrestle/step/type/PassivityCircuitAllocation.jsx
index ded6c61f..7cbca2da 100644
--- a/src/components/floor-plan/modal/circuitTrestle/step/type/PassivityCircuitAllocation.jsx
+++ b/src/components/floor-plan/modal/circuitTrestle/step/type/PassivityCircuitAllocation.jsx
@@ -14,6 +14,7 @@ export default function PassivityCircuitAllocation(props) {
     tabNum,
     setTabNum,
     selectedModels,
+    setSelectedModels,
     getOptYn: getApiProps,
     getUseModuleItemList: getSelectedModuleList,
     getSelectModelList: getSelectModelList,
@@ -201,6 +202,7 @@ export default function PassivityCircuitAllocation(props) {
       }
     }
 
+    let tempSelectedPcs = { ...selectedPcs }
     canvas.discardActiveObject()
     canvas
       .getObjects()
@@ -229,6 +231,8 @@ export default function PassivityCircuitAllocation(props) {
         obj.pcsItemId = selectedPcs.itemId
         obj.circuit = moduleCircuitText
         obj.circuitNumber = getCircuitNumber()
+        tempSelectedPcs.used = true
+        setSelectedPcs(tempSelectedPcs)
         canvas.add(moduleCircuitText)
       })
 
@@ -249,25 +253,47 @@ export default function PassivityCircuitAllocation(props) {
           }),
         }
       })
+
     console.log('uniqueCircuitNumbers', uniqueCircuitNumbers)
-    const pcsItemList = selectedModels.map((model, index) => {
-      return {
-        pcsMkrCd: model.pcsMkrCd,
-        pcsSerCd: model.pcsSerCd,
-        itemId: model.itemId,
-        itemNm: model.itemNm,
-        goodsNo: model.goodsNo,
-        serQtyList: [
-          {
-            serQty: targetModules.length,
-            paralQty: uniqueCircuitNumbers.length,
-            rmdYn: 'Y',
-            usePossYn: 'Y',
-            roofSurfaceList: roofSurfaceList,
-          },
-        ],
-      }
-    })
+    const usedPcses = selectedModels.filter((model) => model.isUsed)
+    const pcsItemList =
+      usedPcses.length === 0
+        ? [
+            {
+              pcsMkrCd: selectedPcs.pcsMkrCd,
+              pcsSerCd: selectedPcs.pcsSerCd,
+              itemId: selectedPcs.itemId,
+              itemNm: selectedPcs.itemNm,
+              goodsNo: selectedPcs.goodsNo,
+              serQtyList: [
+                {
+                  serQty: targetModules.length,
+                  paralQty: uniqueCircuitNumbers.length,
+                  rmdYn: 'Y',
+                  usePossYn: 'Y',
+                  roofSurfaceList: roofSurfaceList,
+                },
+              ],
+            },
+          ]
+        : selectedModels.map((model, index) => {
+            return {
+              pcsMkrCd: model.pcsMkrCd,
+              pcsSerCd: model.pcsSerCd,
+              itemId: model.itemId,
+              itemNm: model.itemNm,
+              goodsNo: model.goodsNo,
+              serQtyList: [
+                {
+                  serQty: targetModules.length,
+                  paralQty: uniqueCircuitNumbers.length,
+                  rmdYn: 'Y',
+                  usePossYn: 'Y',
+                  roofSurfaceList: roofSurfaceList,
+                },
+              ],
+            }
+          })
 
     const params = {
       ...getApiProps(),
@@ -276,6 +302,7 @@ export default function PassivityCircuitAllocation(props) {
     }
 
     getPcsManualConfChk(params).then((res) => {
+      console.log('targetModules', targetModules)
       if (res.resultCode === 'E') {
         swalFire({
           text: res.resultMsg,
@@ -295,10 +322,17 @@ export default function PassivityCircuitAllocation(props) {
             canvas.renderAll()
           },
         })
-
+        setSelectedPcs({ ...selectedPcs, used: false })
+        setTargetModules([])
         return
       }
 
+      setSelectedModels(
+        selectedModels.map((model) => {
+          return { ...model, isUsed: model.id === selectedPcs.id ? true : model.isUsed }
+        }),
+      )
+
       setTargetModules([])
       setCircuitNumber(+circuitNumber + 1)
       setTableData()
@@ -512,7 +546,7 @@ export default function PassivityCircuitAllocation(props) {
                       onChange={() => setSelectedPcs(model)}
                     />
                     <label htmlFor={`ra0${index + 1}`}>
-                      {model.itemNm} (
+                      {model.goodsNo} (
                       {getMessage(
                         'modal.circuit.trestle.setting.circuit.allocation.passivity.circuit.info',
                         managementState?.coldRegionFlg === '1' ? [model.serMinQty, model.serColdZoneMaxQty] : [model.serMinQty, model.serMaxQty],

From 71be077b2b4ca312851f7a2b872fe9dc4f9a40a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EB=AF=BC=EC=8B=9D?=
 <43837214+Minsiki@users.noreply.github.com>
Date: Tue, 4 Feb 2025 15:52:46 +0900
Subject: [PATCH 4/4] =?UTF-8?q?-=ED=9A=8C=EB=A1=9C=20=EB=AF=B8=ED=95=A0?=
 =?UTF-8?q?=EB=8B=B9=20=EB=AA=A8=EB=93=88=20=EC=82=AD=EC=A0=9C=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../circuitTrestle/CircuitTrestleSetting.jsx  | 41 ++++---------------
 1 file changed, 9 insertions(+), 32 deletions(-)

diff --git a/src/components/floor-plan/modal/circuitTrestle/CircuitTrestleSetting.jsx b/src/components/floor-plan/modal/circuitTrestle/CircuitTrestleSetting.jsx
index 109da999..40f8d7ea 100644
--- a/src/components/floor-plan/modal/circuitTrestle/CircuitTrestleSetting.jsx
+++ b/src/components/floor-plan/modal/circuitTrestle/CircuitTrestleSetting.jsx
@@ -95,6 +95,7 @@ export default function CircuitTrestleSetting({ id }) {
             return {
               ...model,
               id: uuidv4(),
+              isUsed: false,
             }
           })
           const pcsVoltageChkParams = {
@@ -252,36 +253,6 @@ export default function CircuitTrestleSetting({ id }) {
     return moduleList
   }
 
-  const onAutoAllocation = () => {
-    let moduleStdQty = 0
-    let moduleMaxQty = 0
-    const selectedModels = models.filter((m) => m.selected)
-
-    if (selectedModels.length === 0) {
-      onAutoRecommend()
-    } else {
-      moduleStdQty = selectedModels.reduce((acc, model) => {
-        return acc + parseInt(model.moduleStdQty)
-      }, 0)
-      moduleMaxQty = selectedModels.reduce((acc, model) => {
-        return acc + parseInt(model.moduleMaxQty)
-      }, 0)
-    }
-    // const target = pcsCheck.max ? moduleMaxQty : moduleStdQty
-    // const placementModules = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE)
-
-    // if (placementModules.length > target) {
-    //   swalFire({
-    //     title: '배치가능 매수를 초과합니다. 파워컨디셔너를 다시 선택해 주세요.',
-    //     type: 'alert',
-    //   })
-    //   return
-    // }
-
-    // setAllocationType(ALLOCATION_TYPE.AUTO)
-    // setTabNum(2)
-  }
-
   const onPassivityAllocation = () => {
     if (selectedModels.length === 0) {
       const params = {
@@ -364,10 +335,16 @@ export default function CircuitTrestleSetting({ id }) {
         obj.pcses = getStepUpListData()
       })
 
-    console.log(canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE_SETUP_SURFACE))
+    removeNotAllocationModules()
     apply()
   }
 
+  const removeNotAllocationModules = () => {
+    const notAllocationModules = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE && !obj.circuit)
+    canvas.remove(...notAllocationModules)
+    canvas.renderAll()
+  }
+
   const onClickPrev = () => {
     setAllocationType(ALLOCATION_TYPE.AUTO)
     swalFire({
@@ -478,7 +455,7 @@ export default function CircuitTrestleSetting({ id }) {
           {tabNum === 2 && <StepUp {...stepUpProps} onInitialize={handleStepUpInitialize} />}
           {tabNum === 1 && allocationType === ALLOCATION_TYPE.AUTO && (
             <div className="grid-btn-wrap">
-              <button className="btn-frame modal mr5" onClick={() => onAutoAllocation()}>
+              <button className="btn-frame modal mr5" onClick={() => onAutoRecommend()}>
                 {getMessage('modal.circuit.trestle.setting.circuit.allocation.auto')}
               </button>
               <button className="btn-frame modal act" onClick={() => onPassivityAllocation()}>