From fe957102d964e0ddaa47ba20d63a19f53834a8dd Mon Sep 17 00:00:00 2001
From: yjnoh <yjnoh@interplug.co.kr>
Date: Mon, 28 Apr 2025 13:20:35 +0900
Subject: [PATCH 01/10] =?UTF-8?q?=EB=AA=A8=EB=93=88=20=EC=9E=90=EB=8F=99?=
 =?UTF-8?q?=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=84=A4=EC=B9=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../floor-plan/modal/basic/BasicSetting.jsx   |   5 +-
 src/hooks/common/useMasterController.js       |   2 +-
 src/hooks/module/useModuleBasicSetting.js     | 450 +++++++++++++++---
 src/locales/ja.json                           |   3 +-
 src/locales/ko.json                           |   3 +-
 5 files changed, 397 insertions(+), 66 deletions(-)

diff --git a/src/components/floor-plan/modal/basic/BasicSetting.jsx b/src/components/floor-plan/modal/basic/BasicSetting.jsx
index 9a09aa1e..a930c148 100644
--- a/src/components/floor-plan/modal/basic/BasicSetting.jsx
+++ b/src/components/floor-plan/modal/basic/BasicSetting.jsx
@@ -334,9 +334,12 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
                   <button className={`btn-frame modal mr5 ${isManualModuleSetup ? 'act' : ''}`} onClick={handleManualModuleSetup}>
                     {getMessage('modal.module.basic.setting.passivity.placement')}
                   </button>
-                  <button className="btn-frame modal act" onClick={() => autoModuleSetup()}>
+                  <button className="btn-frame modal act mr5" onClick={() => autoModuleSetup('auto')}>
                     {getMessage('modal.module.basic.setting.auto.placement')}
                   </button>
+                  <button className="btn-frame modal act" onClick={() => autoModuleSetup('layout', layoutSetup)}>
+                    {getMessage('modal.module.basic.setting.auto.row.batch')}
+                  </button>
                 </>
               )}
             </>
diff --git a/src/hooks/common/useMasterController.js b/src/hooks/common/useMasterController.js
index 60aab800..21220726 100644
--- a/src/hooks/common/useMasterController.js
+++ b/src/hooks/common/useMasterController.js
@@ -18,7 +18,7 @@ export function useMasterController() {
    */
   const getRoofMaterialList = async () => {
     return await get({ url: '/api/v1/master/getRoofMaterialList' }).then((res) => {
-      console.log('🚀🚀 ~ getRoofMaterialList ~ res:', res)
+      // console.log('🚀🚀 ~ getRoofMaterialList ~ res:', res)
       return res
     })
   }
diff --git a/src/hooks/module/useModuleBasicSetting.js b/src/hooks/module/useModuleBasicSetting.js
index 1871e34a..86279910 100644
--- a/src/hooks/module/useModuleBasicSetting.js
+++ b/src/hooks/module/useModuleBasicSetting.js
@@ -95,7 +95,7 @@ export function useModuleBasicSetting(tabNum) {
           setTrestleDetailList(roofConstructionArray)
 
           //북면 설치 가능 판매점
-          if (moduleSelectionData.common.saleStoreNorthFlg === '1') {
+          if (moduleSelectionData.common.saleStoreNorthFlg == '1') {
             setSaleStoreNorthFlg(true)
           }
         }
@@ -111,6 +111,10 @@ export function useModuleBasicSetting(tabNum) {
     }
   }
 
+  useEffect(() => {
+    console.log('saleStoreNorthFlg', saleStoreNorthFlg)
+  }, [saleStoreNorthFlg])
+
   //가대 상세 데이터 들어오면 실행
   useEffect(() => {
     if (trestleDetailList.length > 0) {
@@ -236,8 +240,26 @@ export function useModuleBasicSetting(tabNum) {
         }
       })
 
+      let isNorth = false
+
       const isExistSurface = canvas.getObjects().find((obj) => obj.name === POLYGON_TYPE.MODULE_SETUP_SURFACE && obj.parentId === roof.id)
+
       if (isExistSurface) {
+        if (canvasSetting.roofSizeSet != '3') {
+          //북면이 있지만
+          if (roof.directionText && roof.directionText.indexOf('北') > -1) {
+            //북쪽일때 해당 서북서, 동북동은 제외한다고 한다
+            if (!(roof.directionText.indexOf('西北西') > -1 || roof.directionText.indexOf('東北東') > -1)) {
+              isNorth = true
+            }
+          }
+
+          isExistSurface.set({
+            isNorth: isNorth, //북면여부
+            isSaleStoreNorthFlg: moduleSelectionData.common.saleStoreNorthFlg == '1' ? true : false, //북면설치가능점 여부
+          })
+        }
+
         addTargetMouseEventListener('mousedown', isExistSurface, function () {
           toggleSelection(isExistSurface)
         })
@@ -270,7 +292,6 @@ export function useModuleBasicSetting(tabNum) {
         //모듈설치영역?? 생성
 
         const surfaceId = uuidv4()
-        let isNorth = false
 
         if (canvasSetting.roofSizeSet != '3') {
           //북면이 있지만
@@ -307,6 +328,7 @@ export function useModuleBasicSetting(tabNum) {
           trestleDetail: trestleDetail,
           isNorth: isNorth,
           perPixelTargetFind: true,
+          isSaleStoreNorthFlg: moduleSelectionData.common.saleStoreNorthFlg == '1' ? true : false, //북면설치가능점 여부
           // angle: -compasDeg,
         })
 
@@ -352,8 +374,11 @@ export function useModuleBasicSetting(tabNum) {
       const isExist = selectedModuleInstSurfaceArray.some((obj) => obj.parentId === setupSurface.parentId)
       //최초 선택일때
       if (!isExist) {
-        //설치면이 북면이고 북면설치 허용점이 아니면
-        if (setupSurface.isNorth && !saleStoreNorthFlg) {
+        //모듈에 북면 설치 가능 모듈이 있는지 확인함
+        const isNorthModuleYn = moduleSelectionData?.module.itemList.some((module) => module.northModuleYn === 'Y')
+
+        //설치면이 북면이고 북면설치 허용점이 아니면 북면 모듈이 한개도 없으면
+        if (setupSurface.isNorth && !setupSurface.isSaleStoreNorthFlg && !isNorthModuleYn) {
           swalFire({ text: getMessage('module.not.batch.north'), icon: 'warning' })
           return
         }
@@ -538,9 +563,15 @@ export function useModuleBasicSetting(tabNum) {
                 parentId: moduleSetupSurfaces[i].parentId,
               })
 
+              const northModuleYn = checkedModule.some((module) => module.northModuleYn === 'Y')
               //북면이고 북면설치상점이 아니면 그냥 return
-              if (trestlePolygon.isNorth && !saleStoreNorthFlg) {
-                return
+              if (trestlePolygon.isNorth && !trestlePolygon.isSaleStoreNorthFlg) {
+                if (!northModuleYn) {
+                  //북면이고 설치 가능 상점이 아닌데 북면 설치 모듈이 있으면
+                  return
+                } else {
+                  canvas?.add(tempModule) //움직여가면서 추가됨
+                }
               } else {
                 canvas?.add(tempModule) //움직여가면서 추가됨
               }
@@ -765,7 +796,7 @@ export function useModuleBasicSetting(tabNum) {
             const mixAsgYn = trestlePolygon.modules[0].moduleInfo.mixAsgYn
             //현재 체크된 모듈기준으로 혼합가능인지 확인 Y === Y, N === N 일때만 설치 가능
             if (checkedModule[0].mixAsgYn !== mixAsgYn) {
-              swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error') })
+              swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error'), icon: 'warning' })
               return
             }
           }
@@ -798,7 +829,7 @@ export function useModuleBasicSetting(tabNum) {
                 const intersection = turf.intersect(turf.featureCollection([dormerTurfPolygon, tempTurfModule])) //겹치는지 확인
                 //겹치면 안됨
                 if (intersection) {
-                  swalFire({ text: getMessage('module.place.overobject') })
+                  swalFire({ text: getMessage('module.place.overobject'), icon: 'warning' })
                   isIntersection = false
                 }
               })
@@ -876,7 +907,7 @@ export function useModuleBasicSetting(tabNum) {
       }
 
       if (checkedModule.length === 0) {
-        swalFire({ text: getMessage('module.place.select.module') })
+        swalFire({ text: getMessage('module.place.select.module'), icon: 'warning' })
         setIsManualModuleLayoutSetup(false)
         setManualSetupMode(`manualLayoutSetup_false`)
         return
@@ -890,7 +921,7 @@ export function useModuleBasicSetting(tabNum) {
       )
 
       if (hasZeroLength) {
-        swalFire({ text: getMessage('module.layout.setup.has.zero.value') })
+        swalFire({ text: getMessage('module.layout.setup.has.zero.value'), icon: 'warning' })
         setIsManualModuleLayoutSetup(false)
         setManualSetupMode(`manualLayoutSetup_false`)
         return
@@ -902,7 +933,7 @@ export function useModuleBasicSetting(tabNum) {
 
       //Y인 모듈과 N인 모듈이 둘다 존재하면 설치 불가
       if (mixAsgY.length > 0 && mixAsgN.length > 0) {
-        swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error') })
+        swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error'), icon: 'warning' })
         return
       }
 
@@ -1068,9 +1099,15 @@ export function useModuleBasicSetting(tabNum) {
                 parentId: moduleSetupSurfaces[i].parentId,
               })
 
+              const northModuleYn = checkedModule.some((module) => module.northModuleYn === 'Y')
               //북면이고 북면설치상점이 아니면 그냥 return
-              if (trestlePolygon.isNorth && !saleStoreNorthFlg) {
-                return
+              if (trestlePolygon.isNorth && !trestlePolygon.isSaleStoreNorthFlg) {
+                if (!northModuleYn) {
+                  //북면이고 설치 가능 상점이 아닌데 북면 설치 모듈이 있으면
+                  return
+                } else {
+                  canvas?.add(tempModule) //움직여가면서 추가됨
+                }
               } else {
                 canvas?.add(tempModule) //움직여가면서 추가됨
               }
@@ -1732,23 +1769,51 @@ export function useModuleBasicSetting(tabNum) {
   }
 
   //자동 모듈 설치(그리드 방식)
-  const autoModuleSetup = (placementRef) => {
+  const autoModuleSetup = (type, layoutSetupRef) => {
     initEvent() //마우스 이벤트 초기화
 
+    //실패한 지붕재 배열
+    let failAutoSetupRoof = []
+
+    let checkedLayoutData
+
+    /**
+     * 자동 레이아웃일때 0이 있거나 혼합이 있는지 확인하는 로직
+     */
+    if (type === 'layout') {
+      checkedLayoutData = layoutSetupRef.filter((module) => module.checked)
+      const hasZeroLength = checkedLayoutData.some((module) => module.row === 0 || module.col === 0)
+
+      if (hasZeroLength) {
+        swalFire({ text: getMessage('module.layout.setup.has.zero.value'), icon: 'warning' })
+        return
+      }
+
+      //혼합 가능 모듈과 혼합 불가능 모듈을 선택했을때 카운트를 해서 확인
+      const mixAsgY = checkedModule.filter((obj) => obj.mixAsgYn === 'Y')
+      const mixAsgN = checkedModule.filter((obj) => obj.mixAsgYn === 'N')
+
+      //Y인 모듈과 N인 모듈이 둘다 존재하면 설치 불가
+      if (mixAsgY.length > 0 && mixAsgN.length > 0) {
+        swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error'), icon: 'warning' })
+        return
+      }
+    }
+
     if (checkedModule.length === 0) {
-      swalFire({ text: getMessage('module.place.select.module') })
+      swalFire({ text: getMessage('module.place.select.module'), icon: 'warning' })
       return
     }
 
-    //혼합 가능 모듈과 혼합 불가능 모듈을 선택했을때 카운트를 해서 확인
-    const mixAsgY = checkedModule.filter((obj) => obj.mixAsgYn === 'Y')
-    const mixAsgN = checkedModule.filter((obj) => obj.mixAsgYn === 'N')
+    // //혼합 가능 모듈과 혼합 불가능 모듈을 선택했을때 카운트를 해서 확인
+    // const mixAsgY = checkedModule.filter((obj) => obj.mixAsgYn === 'Y')
+    // const mixAsgN = checkedModule.filter((obj) => obj.mixAsgYn === 'N')
 
-    //Y인 모듈과 N인 모듈이 둘다 존재하면 설치 불가
-    if (mixAsgY.length > 0 && mixAsgN.length > 0) {
-      swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error') })
-      return
-    }
+    // //Y인 모듈과 N인 모듈이 둘다 존재하면 설치 불가
+    // if (mixAsgY.length > 0 && mixAsgN.length > 0) {
+    //   swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error') })
+    //   return
+    // }
 
     const isChidori = moduleSetupOption.isChidori
     const setupLocation = moduleSetupOption.setupLocation
@@ -1820,14 +1885,50 @@ export function useModuleBasicSetting(tabNum) {
       return turf.booleanContains(turfModuleSetupSurface, squarePolygon) || turf.booleanWithin(squarePolygon, turfModuleSetupSurface)
     }
 
+    /**
+     * 자동 레이아웃 설치 일시 row col 초과 여부 확인
+     * @param {*} trestleDetailData
+     * @returns
+     */
+    const checkAutoLayoutModuleSetup = (moduleSetupSurface, trestleDetailData) => {
+      const isMultipleModules = checkedModule.length > 1 //모듈이 여러개면
+      const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
+      const maxRow = isMultipleModules
+        ? trestleDetailData.moduleMaxRows
+        : trestleDetailData.module.find((item) => item.moduleTpCd === checkedModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
+
+      //단수 합단수
+      const sumRowCount = isMultipleModules
+        ? layoutSetupRef.filter((item) => item.checked).reduce((acc, cur) => acc + cur.row, 0)
+        : layoutSetupRef.find((item) => item.moduleId === checkedModule[0].itemId).row //멀티모듈이면 전체 합, 체크된 한개의 열
+
+      //
+      const sumColCount = layoutSetupRef.filter((item) => item.col).some((item) => item.col > maxCol)
+
+      if (sumRowCount > maxRow || sumColCount) {
+        failAutoSetupRoof.push(moduleSetupSurface)
+        return false
+      }
+
+      // 혼합일때 모듈 개별의 row를 체크함
+      const isPassedObject =
+        isMultipleModules && layoutSetupRef.find((item, index) => item.checked && item.row > trestleDetailData.module[index].mixModuleMaxRows)
+
+      if (isPassedObject) {
+        failAutoSetupRoof.push(moduleSetupSurface)
+        return false
+      }
+      return true
+    }
+
     //흐름 방향이 남쪽(아래)
     const downFlowSetupModule = (
-      surfaceMaxLines,
+      surfaceMaxLines, //deprecated
       maxLengthLine,
       moduleSetupArray,
       moduleSetupSurface,
       containsBatchObjects,
-      isCenter = false,
+      isCenter = false, //deprecated
       intvHor,
       intvVer,
     ) => {
@@ -1840,8 +1941,35 @@ export function useModuleBasicSetting(tabNum) {
       let installedModuleHeightCount = 0 //마지막으로 설치된 모듈의 카운트
       let isChidoriLine = false
       let flowLines
+      let installedModuleMixYn
+      const isNorthSurface = moduleSetupSurface.isNorth
+      const isIncludeNorthModule = checkedModule.some((module) => module.northModuleYn === 'Y') //체크된 모듈 중에 북면 모듈이 있는지 확인하는 로직
+
+      let layoutRow = 0
+      let layoutCol = 0
+
+      if (type === 'layout') {
+        const isPassed = checkAutoLayoutModuleSetup(moduleSetupSurface, trestleDetailData)
+        if (!isPassed) {
+          return
+        }
+      }
+
+      for (let moduleIndex = 0; moduleIndex < checkedModule.length; moduleIndex++) {
+        const module = checkedModule[moduleIndex]
+
+        if (type === 'layout' && checkedLayoutData) {
+          const layout = checkedLayoutData.find((item) => module.itemId === item.moduleId)
+          layoutRow = layout.row
+          layoutCol = layout.col
+        }
+        //혼합여부에 따라 설치 여부 결정
+        if (installedModuleMixYn && installedModuleMixYn !== module.mixAsgYn) {
+          continue
+        }
+        //북면일때
+        const isNorthModuleYn = module.northModuleYn === 'Y'
 
-      checkedModule.forEach((module, moduleIndex) => {
         const tmpModuleData = trestleDetailData.module.filter((moduleObj) => module.moduleTpCd === moduleObj.moduleTpCd)[0]
         //혼합모듈일때는 mixModuleMaxRows 값이 0 이상임
         // let moduleMaxRows = tmpModuleData.mixModuleMaxRows === 0 ? tmpModuleData.moduleMaxRows : tmpModuleData.mixModuleMaxRows
@@ -1857,18 +1985,38 @@ export function useModuleBasicSetting(tabNum) {
           }
         }
 
+        if (moduleSetupSurface.isSaleStoreNorthFlg) {
+          //북면일때
+          if (isIncludeNorthModule) {
+            if (!isNorthModuleYn && isNorthSurface) {
+              continue
+            } //흐름 방향이 북쪽(위)
+          }
+        } else {
+          if (isNorthSurface) {
+            if (!isNorthModuleYn) {
+              continue
+            }
+          }
+        }
+
         //육지붕이 아닐때만 넣는다 육지붕일땐 클릭 이벤트에 별도로 넣어놓음
         const moduleArray = []
 
         let calcAreaWidth = Math.abs(flowLines.right.x1 - flowLines.left.x1) //오른쪽 x에서 왼쪽 x를 뺀 가운데를 찾는 로직
         let calcModuleWidthCount = calcAreaWidth / (width + intvHor + 1) //뺀 공간에서 모듈을 몇개를 넣을수 있는지 확인하는 로직
 
-        let calcMaxModuleWidthCount = calcModuleWidthCount > moduleMaxCols ? moduleMaxCols : calcModuleWidthCount //최대 모듈 단수가 있기 때문에 최대 단수보다 카운트가 크면 최대 단수로 씀씀
-        let totalModuleWidthCount = Math.floor(calcMaxModuleWidthCount) //치조배치일경우는 한개 더 넣는다
-
         let calcAreaHeight = flowLines.bottom.y1 - flowLines.top.y1
         let calcModuleHeightCount = calcAreaHeight / (height + intvVer + 1)
 
+        if (type === 'layout') {
+          calcModuleWidthCount = layoutCol > calcModuleWidthCount ? calcModuleWidthCount : layoutCol
+          calcModuleHeightCount = layoutRow
+        }
+
+        let calcMaxModuleWidthCount = calcModuleWidthCount > moduleMaxCols ? moduleMaxCols : calcModuleWidthCount //최대 모듈 단수가 있기 때문에 최대 단수보다 카운트가 크면 최대 단수로 씀씀
+        let totalModuleWidthCount = Math.floor(calcMaxModuleWidthCount) //치조배치일경우는 한개 더 넣는다
+
         let calcStartPoint = flowLines.right.type === 'flat' ? (calcAreaWidth - totalModuleWidthCount * width) / 2 : 0 //반씩 나눠서 중앙에 맞춤 bottom 기준으로 양변이 직선일때만 가운데 정렬
         let startPointX = flowLines.left.x1 + calcStartPoint //시작점을 만든다
 
@@ -1882,7 +2030,7 @@ export function useModuleBasicSetting(tabNum) {
         let chidoriLength = 0
 
         //첫번재 모듈 설치 후 두번째 모듈을 몇개까지 설치 할 수 있는지 계산
-        if (moduleIndex > 0) {
+        if (installedModuleHeightCount > 0) {
           // moduleMaxRows = totalModuleMaxRows - installedModuleHeightCount //두번째 모듈일때
           isChidoriLine = installedModuleHeightCount % 2 != 0 ? true : false //첫번째에서 짝수에서 끝났으면 홀수는 치도리가 아님 짝수는 치도리
         }
@@ -1892,12 +2040,12 @@ export function useModuleBasicSetting(tabNum) {
           let moduleY = flowLines.bottom.y1 - height * i - 1 //살짝 여유를 준다
 
           //두번째 모듈 -> 혼합일 경우의 설치될 모듈 높이를 계산
-          if (moduleIndex > 0) {
-            moduleY = installedLastHeightCoord - intvVer
+          if (installedModuleHeightCount > 0) {
+            moduleY = installedLastHeightCoord
           }
 
           //첫번째는 붙여서 두번째는 마진을 주고 설치
-          heightMargin = i === 0 ? 0 : intvVer * i
+          heightMargin = installedModuleHeightCount === 0 ? 0 : intvVer
 
           for (let j = 0; j < totalModuleWidthCount; j++) {
             let moduleX = startPointX + width * j + 1 //5정도 마진을 준다
@@ -1947,18 +2095,19 @@ export function useModuleBasicSetting(tabNum) {
               installedLastHeightCoord = moduleY - height - heightMargin
             } else {
               //디버깅용
-              // tempModule.set({ fill: 'transparent', stroke: 'red', strokeWidth: 1 })
-              // canvas?.add(tempModule)
-              // canvas.renderAll()
+              tempModule.set({ fill: 'transparent', stroke: 'red', strokeWidth: 1 })
+              canvas?.add(tempModule)
+              canvas.renderAll()
             }
           }
           if (isInstall) {
             ++installedModuleHeightCount
+            installedModuleMixYn = module.mixAsgYn
           }
         }
 
         setupModule.push(moduleArray)
-      })
+      }
     }
 
     const topFlowSetupModule = (
@@ -1980,8 +2129,36 @@ export function useModuleBasicSetting(tabNum) {
       let installedModuleHeightCount = 0 //마지막으로 설치된 모듈의 카운트
       let isChidoriLine = false
       let flowLines
+      let installedModuleMixYn
+      const isNorthSurface = moduleSetupSurface.isNorth
+      const isIncludeNorthModule = checkedModule.some((module) => module.northModuleYn === 'Y') //체크된 모듈 중에 북면 모듈이 있는지 확인하는 로직
+
+      let layoutRow = 0
+      let layoutCol = 0
+
+      if (type === 'layout') {
+        const isPassed = checkAutoLayoutModuleSetup(moduleSetupSurface, trestleDetailData)
+        if (!isPassed) {
+          return
+        }
+      }
+
+      for (let moduleIndex = 0; moduleIndex < checkedModule.length; moduleIndex++) {
+        const module = checkedModule[moduleIndex]
+
+        if (type === 'layout' && checkedLayoutData) {
+          const layout = checkedLayoutData.find((item) => module.itemId === item.moduleId)
+          layoutRow = layout.row
+          layoutCol = layout.col
+        }
+
+        //혼합여부에 따라 설치 여부 결정
+        if (installedModuleMixYn && installedModuleMixYn !== module.mixAsgYn) {
+          continue
+        }
+
+        const isNorthModuleYn = module.northModuleYn === 'Y'
 
-      checkedModule.forEach((module, moduleIndex) => {
         const tmpModuleData = trestleDetailData.module.filter((moduleObj) => module.moduleTpCd === moduleObj.moduleTpCd)[0]
         //혼합모듈일때는 mixModuleMaxRows 값이 0 이상임
         let moduleMaxRows = tmpModuleData.mixModuleMaxRows === 0 ? tmpModuleData.moduleMaxRows : tmpModuleData.mixModuleMaxRows
@@ -1997,20 +2174,45 @@ export function useModuleBasicSetting(tabNum) {
           }
         }
 
-        //흐름 방향이 북쪽(위)
+        if (moduleSetupSurface.isSaleStoreNorthFlg) {
+          //북면가능 설치 대리점이면
+          //북면일때
+          if (isIncludeNorthModule) {
+            //북면 모듈이 있는지 확인하는 로직
+            if (!isNorthModuleYn && isNorthSurface) {
+              //북면 모듈이 있으면 북면 모듈만 깔고 나머지는 스킵
+              continue
+            } //흐름 방향이 북쪽(위)
+          }
+        } else {
+          // 불면설치 불가 대리점이면
+          if (isNorthSurface) {
+            //북면일때
+            if (!isNorthModuleYn) {
+              //북면 모듈이 아니면 스킵
+              continue
+            }
+          }
+        }
 
         //육지붕이 아닐때만 넣는다 육지붕일땐 클릭 이벤트에 별도로 넣어놓음
         const moduleArray = []
 
         let calcAreaWidth = flowLines.right.x1 - flowLines.left.x1 //오른쪽 x에서 왼쪽 x를 뺀 가운데를 찾는 로직
         let calcModuleWidthCount = calcAreaWidth / (width + intvHor + 1) //뺀 공간에서 모듈을 몇개를 넣을수 있는지 확인하는 로직
+        let calcAreaHeight = flowLines.bottom.y1 - flowLines.top.y1
+        let calcModuleHeightCount = calcAreaHeight / (height + intvVer + 1)
+
+        //단수지정 자동이면
+        if (type === 'layout') {
+          calcModuleWidthCount = layoutCol > calcModuleWidthCount ? calcModuleWidthCount : layoutCol
+          calcModuleHeightCount = layoutRow
+        }
+
         let calcMaxModuleWidthCount = calcModuleWidthCount > moduleMaxCols ? moduleMaxCols : calcModuleWidthCount //최대 모듈 단수가 있기 때문에 최대 단수보다 카운트가 크면 최대 단수로 씀씀
         // let totalModuleWidthCount = isChidori ? Math.abs(calcMaxModuleWidthCount) : Math.floor(calcMaxModuleWidthCount) //치조배치일경우는 한개 더 넣는다 //??어쩔때는 붙고 어쩔때는 안붙고 멋대로???
         let totalModuleWidthCount = Math.floor(calcMaxModuleWidthCount) //치조배치일경우는 한개 더 넣는다
 
-        let calcAreaHeight = flowLines.bottom.y1 - flowLines.top.y1
-        let calcModuleHeightCount = calcAreaHeight / (height + intvVer + 1)
-
         let calcStartPoint = flowLines.left.type === 'flat' ? (calcAreaWidth - totalModuleWidthCount * width) / 2 : 0 //반씩 나눠서 중앙에 맞춤 bottom 기준으로 양변이 직선일때만 가운데 정렬
         let startPointX = flowLines.right.x1 - calcStartPoint //시작점을 만든다
 
@@ -2032,11 +2234,11 @@ export function useModuleBasicSetting(tabNum) {
           let isInstall = false
           let moduleY = flowLines.top.y1 + height * i //탑의 y점에서부터 아래로 그려 내려간다
 
-          if (moduleIndex > 0) {
-            moduleY = installedLastHeightCoord + intvVer + 1
+          if (installedModuleHeightCount > 0) {
+            moduleY = installedLastHeightCoord
           }
 
-          heightMargin = i === 0 ? 0 : intvVer * i //모듈간에 마진이 있어 마진값도 넣음
+          heightMargin = installedModuleHeightCount === 0 ? 0 : intvVer //모듈간에 마진이 있어 마진값도 넣음
           for (let j = 0; j < totalModuleWidthCount; j++) {
             //모듈 열수 만큼 반복
             let moduleX = startPointX - width * j - 1 //시작점에서 우 -> 좌로 그려 내려간다
@@ -2087,11 +2289,12 @@ export function useModuleBasicSetting(tabNum) {
           }
           if (isInstall) {
             ++installedModuleHeightCount
+            installedModuleMixYn = module.mixAsgYn
           }
         }
 
         setupModule.push(moduleArray)
-      })
+      }
     }
 
     //남, 북과 같은 로직으로 적용하려면 좌우는 열 -> 행 으로 그려야함
@@ -2115,8 +2318,36 @@ export function useModuleBasicSetting(tabNum) {
       let installedModuleHeightCount = 0 //마지막으로 설치된 모듈의 카운트
       let isChidoriLine = false
       let flowLines
+      let installedModuleMixYn
+      const isNorthSurface = moduleSetupSurface.isNorth
+      const isIncludeNorthModule = checkedModule.some((module) => module.northModuleYn === 'Y') //체크된 모듈 중에 북면 모듈이 있는지 확인하는 로직
 
-      checkedModule.forEach((module, moduleIndex) => {
+      let layoutRow = 0
+      let layoutCol = 0
+
+      if (type === 'layout') {
+        const isPassed = checkAutoLayoutModuleSetup(moduleSetupSurface, trestleDetailData)
+        if (!isPassed) {
+          return
+        }
+      }
+
+      for (let moduleIndex = 0; moduleIndex < checkedModule.length; moduleIndex++) {
+        const module = checkedModule[moduleIndex]
+
+        //단수 지정이면
+        if (type === 'layout' && checkedLayoutData) {
+          const layout = checkedLayoutData.find((item) => module.itemId === item.moduleId)
+          layoutRow = layout.row
+          layoutCol = layout.col
+        }
+
+        //혼합여부에 따라 설치 여부 결정
+        if (installedModuleMixYn && installedModuleMixYn !== module.mixAsgYn) {
+          continue
+        }
+
+        const isNorthModuleYn = module.northModuleYn === 'Y'
         const tmpModuleData = trestleDetailData.module.filter((moduleObj) => module.moduleTpCd === moduleObj.moduleTpCd)[0]
         //혼합모듈일때는 mixModuleMaxRows 값이 0 이상임
         let moduleMaxRows = tmpModuleData.mixModuleMaxRows === 0 ? tmpModuleData.moduleMaxRows : tmpModuleData.mixModuleMaxRows
@@ -2135,19 +2366,46 @@ export function useModuleBasicSetting(tabNum) {
           }
         }
 
+        if (moduleSetupSurface.isSaleStoreNorthFlg) {
+          //북면가능 설치 대리점이면
+          //북면일때
+          if (isIncludeNorthModule) {
+            //북면 모듈이 있는지 확인하는 로직
+            if (!isNorthModuleYn && isNorthSurface) {
+              //북면 모듈이 있으면 북면 모듈만 깔고 나머지는 스킵
+              continue
+            } //흐름 방향이 북쪽(위)
+          }
+        } else {
+          // 불면설치 불가 대리점이면
+          if (isNorthSurface) {
+            //북면일때
+            if (!isNorthModuleYn) {
+              //북면 모듈이 아니면 스킵
+              continue
+            }
+          }
+        }
+
         //육지붕이 아닐때만 넣는다 육지붕일땐 클릭 이벤트에 별도로 넣어놓음
 
         const moduleArray = []
 
         let calcAreaWidth = flowLines.bottom.y1 - flowLines.top.y1 //아래에서 y에서 위를 y를 뺀 가운데를 찾는 로직
         let calcModuleWidthCount = calcAreaWidth / (height + intvHor + 1) //뺀 공간에서 모듈을 몇개를 넣을수 있는지 확인하는 로직
+        let calcAreaHeight = flowLines.right.x1 - flowLines.left.x1
+        let calcModuleHeightCount = calcAreaHeight / (width + intvVer + 1)
+
+        //단수지정 자동이면
+        if (type === 'layout') {
+          calcModuleWidthCount = layoutCol > calcModuleWidthCount ? calcModuleWidthCount : layoutCol
+          calcModuleHeightCount = layoutRow
+        }
+
         let calcMaxModuleWidthCount = calcModuleWidthCount > moduleMaxCols ? moduleMaxCols : calcModuleWidthCount //최대 모듈 단수가 있기 때문에 최대 단수보다 카운트가 크면 최대 단수로 씀씀
         // let totalModuleWidthCount = isChidori ? Math.abs(calcMaxModuleWidthCount) : Math.floor(calcMaxModuleWidthCount) //치조배치일경우는 한개 더 넣는다
         let totalModuleWidthCount = Math.floor(calcMaxModuleWidthCount) //치조배치일경우는 한개 더 넣는다
 
-        let calcAreaHeight = flowLines.right.x1 - flowLines.left.x1
-        let calcModuleHeightCount = calcAreaHeight / (width + intvVer + 1)
-
         let calcStartPoint = flowLines.bottom.type === 'flat' ? (calcAreaWidth - totalModuleWidthCount * height) / 2 : 0 //반씩 나눠서 중앙에 맞춤 left 높이 기준으로 양변이 직선일때만 가운데 정렬
         let startPointX = flowLines.top.y1 + calcStartPoint //시작점을 만든다
 
@@ -2171,12 +2429,12 @@ export function useModuleBasicSetting(tabNum) {
           let moduleY = flowLines.left.x1 + width * i + 1 //살짝 여유를 준다
 
           //두번째 모듈 -> 혼합일 경우의 설치될 모듈 높이를 계산
-          if (moduleIndex > 0) {
-            moduleY = installedLastHeightCoord + intvHor
+          if (installedModuleHeightCount > 0) {
+            moduleY = installedLastHeightCoord
           }
 
           //첫번째는 붙여서 두번째는 마진을 주고 설치
-          heightMargin = i === 0 ? 0 : intvHor * i
+          heightMargin = installedModuleHeightCount === 0 ? 0 : intvHor
 
           for (let j = 0; j < totalModuleWidthCount; j++) {
             let moduleX = startPointX + height * j + 1 //5정도 마진을 준다
@@ -2227,10 +2485,11 @@ export function useModuleBasicSetting(tabNum) {
 
           if (isInstall) {
             ++installedModuleHeightCount
+            installedModuleMixYn = module.mixAsgYn
           }
         }
         setupModule.push(moduleArray)
-      })
+      }
     }
 
     const rightFlowSetupModule = (
@@ -2252,8 +2511,35 @@ export function useModuleBasicSetting(tabNum) {
       let installedModuleHeightCount = 0 //마지막으로 설치된 모듈의 카운트
       let isChidoriLine = false
       let flowLines
+      let installedModuleMixYn
+      const isNorthSurface = moduleSetupSurface.isNorth
+      const isIncludeNorthModule = checkedModule.some((module) => module.northModuleYn === 'Y') //체크된 모듈 중에 북면 모듈이 있는지 확인하는 로직
 
-      checkedModule.forEach((module, moduleIndex) => {
+      let layoutRow = 0
+      let layoutCol = 0
+
+      if (type === 'layout') {
+        const isPassed = checkAutoLayoutModuleSetup(moduleSetupSurface, trestleDetailData)
+        if (!isPassed) {
+          return
+        }
+      }
+
+      for (let moduleIndex = 0; moduleIndex < checkedModule.length; moduleIndex++) {
+        const module = checkedModule[moduleIndex]
+
+        if (type === 'layout' && checkedLayoutData) {
+          const layout = checkedLayoutData.find((item) => module.itemId === item.moduleId)
+          layoutRow = layout.row
+          layoutCol = layout.col
+        }
+
+        //혼합여부에 따라 설치 여부 결정
+        if (installedModuleMixYn && installedModuleMixYn !== module.mixAsgYn) {
+          continue
+        }
+
+        const isNorthModuleYn = module.northModuleYn === 'Y'
         const tmpModuleData = trestleDetailData.module.filter((moduleObj) => module.moduleTpCd === moduleObj.moduleTpCd)[0]
         //혼합모듈일때는 mixModuleMaxRows 값이 0 이상임
         let moduleMaxRows = tmpModuleData.mixModuleMaxRows === 0 ? tmpModuleData.moduleMaxRows : tmpModuleData.mixModuleMaxRows
@@ -2272,18 +2558,45 @@ export function useModuleBasicSetting(tabNum) {
           }
         }
 
+        if (moduleSetupSurface.isSaleStoreNorthFlg) {
+          //북면가능 설치 대리점이면
+          //북면일때
+          if (isIncludeNorthModule) {
+            //북면 모듈이 있는지 확인하는 로직
+            if (!isNorthModuleYn && isNorthSurface) {
+              //북면 모듈이 있으면 북면 모듈만 깔고 나머지는 스킵
+              continue
+            } //흐름 방향이 북쪽(위)
+          }
+        } else {
+          // 불면설치 불가 대리점이면
+          if (isNorthSurface) {
+            //북면일때
+            if (!isNorthModuleYn) {
+              //북면 모듈이 아니면 스킵
+              continue
+            }
+          }
+        }
+
         //육지붕이 아닐때만 넣는다 육지붕일땐 클릭 이벤트에 별도로 넣어놓음
         const moduleArray = []
 
         let calcAreaWidth = flowLines.bottom.y1 - flowLines.top.y1 //아래에서 y에서 위를 y를 뺀 가운데를 찾는 로직
         let calcModuleWidthCount = calcAreaWidth / (height + intvHor + 1) //뺀 공간에서 모듈을 몇개를 넣을수 있는지 확인하는 로직
+        let calcAreaHeight = flowLines.right.x1 - flowLines.left.x1
+        let calcModuleHeightCount = calcAreaHeight / (width + intvVer + 1)
+
+        //단수지정 자동이면
+        if (type === 'layout') {
+          calcModuleWidthCount = layoutCol > calcModuleWidthCount ? calcModuleWidthCount : layoutCol
+          calcModuleHeightCount = layoutRow
+        }
+
         let calcMaxModuleWidthCount = calcModuleWidthCount > moduleMaxCols ? moduleMaxCols : calcModuleWidthCount //최대 모듈 단수가 있기 때문에 최대 단수보다 카운트가 크면 최대 단수로 씀씀
         // let totalModuleWidthCount = isChidori ? Math.abs(calcMaxModuleWidthCount) : Math.floor(calcMaxModuleWidthCount) //치조배치일경우는 한개 더 넣는다
         let totalModuleWidthCount = Math.floor(calcMaxModuleWidthCount) //치조배치일경우는 한개 더 넣는다
 
-        let calcAreaHeight = flowLines.right.x1 - flowLines.left.x1
-        let calcModuleHeightCount = calcAreaHeight / (width + intvVer + 1)
-
         let calcStartPoint = flowLines.top.type === 'flat' ? (calcAreaWidth - totalModuleWidthCount * height) / 2 : 0 //반씩 나눠서 중앙에 맞춤 left 높이 기준으로 양변이 직선일때만 가운데 정렬
         let startPointX = flowLines.bottom.y2 - calcStartPoint //시작점을 만든다
 
@@ -2307,12 +2620,12 @@ export function useModuleBasicSetting(tabNum) {
           let moduleY = flowLines.right.x1 - width * i - 1 //살짝 여유를 준다
 
           //두번째 모듈 -> 혼합일 경우의 설치될 모듈 높이를 계산
-          if (moduleIndex > 0) {
-            moduleY = installedLastHeightCoord - intvHor
+          if (installedModuleHeightCount > 0) {
+            moduleY = installedLastHeightCoord
           }
 
           //첫번째는 붙여서 두번째는 마진을 주고 설치
-          heightMargin = i === 0 ? 0 : intvHor * i
+          heightMargin = installedModuleHeightCount === 0 ? 0 : intvHor
 
           for (let j = 0; j < totalModuleWidthCount; j++) {
             let moduleX = startPointX - height * j - 1 //5정도 마진을 준다
@@ -2366,11 +2679,12 @@ export function useModuleBasicSetting(tabNum) {
 
           if (isInstall) {
             ++installedModuleHeightCount
+            installedModuleMixYn = module.mixAsgYn
           }
         }
 
         setupModule.push(moduleArray)
-      })
+      }
     }
 
     moduleSetupSurfaces.forEach((moduleSetupSurface, index) => {
@@ -2460,6 +2774,18 @@ export function useModuleBasicSetting(tabNum) {
       }
     })
     // calculateForApi()
+
+    if (type === 'layout' && failAutoSetupRoof.length > 0) {
+      const roofNamesList = failAutoSetupRoof.map((roof) => ({
+        roofName: roof.roofMaterial.roofMatlNmJp,
+        moduleMaxRows: roof.trestleDetail.moduleMaxRows,
+      }))
+
+      const alertString = roofNamesList.map((item, index) => `${item.roofName}(${item.moduleMaxRows})`)
+      console.log('alertString', alertString)
+
+      // swalFire({ text: alertString, icon: 'warning' })
+    }
   }
 
   const coordToTurfPolygon = (points) => {
diff --git a/src/locales/ja.json b/src/locales/ja.json
index 5ab74329..1fc75a67 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -149,9 +149,10 @@
   "modal.module.basic.setting.pitch.module.column.amount": "列数",
   "modal.module.basic.setting.pitch.module.column.margin": "左右間隔",
   "modal.module.basic.setting.prev": "前に戻る",
-  "modal.module.basic.setting.row.batch": "段・列数指定配置",
+  "modal.module.basic.setting.row.batch": "レイアウト指定",
   "modal.module.basic.setting.passivity.placement": "手動配置",
   "modal.module.basic.setting.auto.placement": "自動配置",
+  "modal.module.basic.setting.auto.row.batch": "自動レイアウト指定",
   "plan.menu.module.circuit.setting.circuit.trestle.setting": "回路設定",
   "modal.circuit.trestle.setting": "回路設定",
   "modal.circuit.trestle.setting.alloc.trestle": "架台配置",
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 1090b4b1..cd8b855b 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -152,7 +152,8 @@
   "modal.module.basic.setting.prev": "이전",
   "modal.module.basic.setting.row.batch": "단·열수 지정 배치",
   "modal.module.basic.setting.passivity.placement": "수동 배치",
-  "modal.module.basic.setting.auto.placement": "설정값으로 자동 배치",
+  "modal.module.basic.setting.auto.placement": "자동 배치",
+  "modal.module.basic.setting.auto.row.batch": "자동 단·열수 지정 배치 ",
   "plan.menu.module.circuit.setting.circuit.trestle.setting": "회로설정",
   "modal.circuit.trestle.setting": "회로설정",
   "modal.circuit.trestle.setting.alloc.trestle": "가대할당",

From 1c7b81c99f2b5bdec165298533f6446622fa3804 Mon Sep 17 00:00:00 2001
From: yjnoh <yjnoh@interplug.co.kr>
Date: Mon, 28 Apr 2025 14:09:58 +0900
Subject: [PATCH 02/10] =?UTF-8?q?=EB=AA=A8=EB=93=88=20=EC=9E=90=EB=8F=99?=
 =?UTF-8?q?=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/module/useModuleBasicSetting.js | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/hooks/module/useModuleBasicSetting.js b/src/hooks/module/useModuleBasicSetting.js
index 86279910..e60a5324 100644
--- a/src/hooks/module/useModuleBasicSetting.js
+++ b/src/hooks/module/useModuleBasicSetting.js
@@ -2775,6 +2775,9 @@ export function useModuleBasicSetting(tabNum) {
     })
     // calculateForApi()
 
+    /**
+     * 자동 레이아웃일떄 설치 가능한 애들은 설치 해주고 실패한 애들은 이름, 최대 설치 가능한 높이 알려줄라고
+     */
     if (type === 'layout' && failAutoSetupRoof.length > 0) {
       const roofNamesList = failAutoSetupRoof.map((roof) => ({
         roofName: roof.roofMaterial.roofMatlNmJp,

From ed27f2ed93ad0eff56ffb659e96f9ae6fb33b873 Mon Sep 17 00:00:00 2001
From: yjnoh <yjnoh@interplug.co.kr>
Date: Tue, 29 Apr 2025 13:09:46 +0900
Subject: [PATCH 03/10] =?UTF-8?q?=EB=AA=A8=EB=93=88=20=EC=9E=90=EB=8F=99?=
 =?UTF-8?q?=20=EB=A0=88=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=84=A4=EC=B9=98=20?=
 =?UTF-8?q?validate=20=EC=9E=91=EC=97=85=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/common/common.js                          |   5 +
 .../floor-plan/modal/basic/BasicSetting.jsx   |   6 +-
 .../floor-plan/modal/basic/step/Placement.jsx |   6 +-
 src/hooks/module/useModuleBasicSetting.js     | 190 ++++++++++++------
 4 files changed, 140 insertions(+), 67 deletions(-)

diff --git a/src/common/common.js b/src/common/common.js
index abda5acd..c98cf385 100644
--- a/src/common/common.js
+++ b/src/common/common.js
@@ -125,6 +125,11 @@ export const TRESTLE_MATERIAL = {
   BRACKET: 'bracket',
 }
 
+export const MODULE_SETUP_TYPE = {
+  LAYOUT: 'layout',
+  AUTO: 'auto',
+}
+
 export const SAVE_KEY = [
   'selectable',
   'name',
diff --git a/src/components/floor-plan/modal/basic/BasicSetting.jsx b/src/components/floor-plan/modal/basic/BasicSetting.jsx
index a930c148..66a76d71 100644
--- a/src/components/floor-plan/modal/basic/BasicSetting.jsx
+++ b/src/components/floor-plan/modal/basic/BasicSetting.jsx
@@ -1,4 +1,4 @@
-import { POLYGON_TYPE } from '@/common/common'
+import { POLYGON_TYPE, MODULE_SETUP_TYPE } from '@/common/common'
 import WithDraggable from '@/components/common/draggable/WithDraggable'
 import { Orientation } from '@/components/floor-plan/modal/basic/step/Orientation'
 import PitchPlacement from '@/components/floor-plan/modal/basic/step/pitch/PitchPlacement'
@@ -334,10 +334,10 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
                   <button className={`btn-frame modal mr5 ${isManualModuleSetup ? 'act' : ''}`} onClick={handleManualModuleSetup}>
                     {getMessage('modal.module.basic.setting.passivity.placement')}
                   </button>
-                  <button className="btn-frame modal act mr5" onClick={() => autoModuleSetup('auto')}>
+                  <button className="btn-frame modal act mr5" onClick={() => autoModuleSetup(MODULE_SETUP_TYPE.AUTO)}>
                     {getMessage('modal.module.basic.setting.auto.placement')}
                   </button>
-                  <button className="btn-frame modal act" onClick={() => autoModuleSetup('layout', layoutSetup)}>
+                  <button className="btn-frame modal act" onClick={() => autoModuleSetup(MODULE_SETUP_TYPE.LAYOUT, layoutSetup)}>
                     {getMessage('modal.module.basic.setting.auto.row.batch')}
                   </button>
                 </>
diff --git a/src/components/floor-plan/modal/basic/step/Placement.jsx b/src/components/floor-plan/modal/basic/step/Placement.jsx
index 909f5229..5d2c8c6a 100644
--- a/src/components/floor-plan/modal/basic/step/Placement.jsx
+++ b/src/components/floor-plan/modal/basic/step/Placement.jsx
@@ -64,9 +64,9 @@ const Placement = forwardRef((props, refs) => {
     }
   }, [])
 
-  useEffect(() => {
-    console.log('moduleRowColArray', moduleRowColArray)
-  }, [moduleRowColArray])
+  // useEffect(() => {
+  //   console.log('moduleRowColArray', moduleRowColArray)
+  // }, [moduleRowColArray])
 
   //최초 지입시 체크
   useEffect(() => {
diff --git a/src/hooks/module/useModuleBasicSetting.js b/src/hooks/module/useModuleBasicSetting.js
index e60a5324..1ce7298f 100644
--- a/src/hooks/module/useModuleBasicSetting.js
+++ b/src/hooks/module/useModuleBasicSetting.js
@@ -19,7 +19,7 @@ import offsetPolygon, { calculateAngle, createLinesFromPolygon } from '@/util/qp
 import { QPolygon } from '@/components/fabric/QPolygon'
 import { moduleSetupSurfaceState } from '@/store/canvasAtom'
 import { useEvent } from '@/hooks/useEvent'
-import { POLYGON_TYPE, BATCH_TYPE, LINE_TYPE } from '@/common/common'
+import { POLYGON_TYPE, BATCH_TYPE, LINE_TYPE, MODULE_SETUP_TYPE } from '@/common/common'
 import * as turf from '@turf/turf'
 import { useSwal } from '@/hooks/useSwal'
 import { compasDegAtom } from '@/store/orientationAtom'
@@ -1772,6 +1772,8 @@ export function useModuleBasicSetting(tabNum) {
   const autoModuleSetup = (type, layoutSetupRef) => {
     initEvent() //마우스 이벤트 초기화
 
+    console.log('checkedModule', checkedModule)
+
     //실패한 지붕재 배열
     let failAutoSetupRoof = []
 
@@ -1780,7 +1782,7 @@ export function useModuleBasicSetting(tabNum) {
     /**
      * 자동 레이아웃일때 0이 있거나 혼합이 있는지 확인하는 로직
      */
-    if (type === 'layout') {
+    if (type === MODULE_SETUP_TYPE.LAYOUT) {
       checkedLayoutData = layoutSetupRef.filter((module) => module.checked)
       const hasZeroLength = checkedLayoutData.some((module) => module.row === 0 || module.col === 0)
 
@@ -1789,15 +1791,15 @@ export function useModuleBasicSetting(tabNum) {
         return
       }
 
-      //혼합 가능 모듈과 혼합 불가능 모듈을 선택했을때 카운트를 해서 확인
-      const mixAsgY = checkedModule.filter((obj) => obj.mixAsgYn === 'Y')
-      const mixAsgN = checkedModule.filter((obj) => obj.mixAsgYn === 'N')
+      // //혼합 가능 모듈과 혼합 불가능 모듈을 선택했을때 카운트를 해서 확인
+      // const mixAsgY = checkedModule.filter((obj) => obj.mixAsgYn === 'Y')
+      // const mixAsgN = checkedModule.filter((obj) => obj.mixAsgYn === 'N')
 
-      //Y인 모듈과 N인 모듈이 둘다 존재하면 설치 불가
-      if (mixAsgY.length > 0 && mixAsgN.length > 0) {
-        swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error'), icon: 'warning' })
-        return
-      }
+      // //Y인 모듈과 N인 모듈이 둘다 존재하면 설치 불가
+      // if (mixAsgY.length > 0 && mixAsgN.length > 0) {
+      //   swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error'), icon: 'warning' })
+      //   return
+      // }
     }
 
     if (checkedModule.length === 0) {
@@ -1805,16 +1807,6 @@ export function useModuleBasicSetting(tabNum) {
       return
     }
 
-    // //혼합 가능 모듈과 혼합 불가능 모듈을 선택했을때 카운트를 해서 확인
-    // const mixAsgY = checkedModule.filter((obj) => obj.mixAsgYn === 'Y')
-    // const mixAsgN = checkedModule.filter((obj) => obj.mixAsgYn === 'N')
-
-    // //Y인 모듈과 N인 모듈이 둘다 존재하면 설치 불가
-    // if (mixAsgY.length > 0 && mixAsgN.length > 0) {
-    //   swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error') })
-    //   return
-    // }
-
     const isChidori = moduleSetupOption.isChidori
     const setupLocation = moduleSetupOption.setupLocation
     const isMaxSetup = false
@@ -1859,6 +1851,9 @@ export function useModuleBasicSetting(tabNum) {
       name: POLYGON_TYPE.MODULE,
     }
 
+    //체크된 모듈 중에 북면 모듈이 있는지 확인하는 로직
+    const isIncludeNorthModule = checkedModule.some((module) => module.northModuleYn === 'Y')
+
     //선택된 지붕안에 오브젝트(도머, 개구등)이 있는지 확인하는 로직 포함되면 배열 반환
     const objectsIncludeSurface = (turfModuleSetupSurface) => {
       let containsBatchObjects = []
@@ -1891,32 +1886,108 @@ export function useModuleBasicSetting(tabNum) {
      * @returns
      */
     const checkAutoLayoutModuleSetup = (moduleSetupSurface, trestleDetailData) => {
-      const isMultipleModules = checkedModule.length > 1 //모듈이 여러개면
-      const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
-      const maxRow = isMultipleModules
-        ? trestleDetailData.moduleMaxRows
-        : trestleDetailData.module.find((item) => item.moduleTpCd === checkedModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
+      /**
+       * 체크된 모듈중에 북면 모듈이 있으면 북면 모듈만 따로 계산하고 아니면 전체 모듈을 계산
+       * 북면 모듈이 있고 북면이 들어오면 북면의 row를 계산한다
+       *
+       */
 
-      //단수 합단수
-      const sumRowCount = isMultipleModules
-        ? layoutSetupRef.filter((item) => item.checked).reduce((acc, cur) => acc + cur.row, 0)
-        : layoutSetupRef.find((item) => item.moduleId === checkedModule[0].itemId).row //멀티모듈이면 전체 합, 체크된 한개의 열
+      //북면 모듈이 없을때
+      if (!isIncludeNorthModule) {
+        const isMultipleModules = checkedModule.length > 1 //모듈이 여러개면
+        const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
+        const maxRow = isMultipleModules
+          ? trestleDetailData.moduleMaxRows
+          : trestleDetailData.module.find((item) => item.moduleTpCd === checkedModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
 
-      //
-      const sumColCount = layoutSetupRef.filter((item) => item.col).some((item) => item.col > maxCol)
+        //단수 합단수
+        const sumRowCount = isMultipleModules
+          ? layoutSetupRef.filter((item) => item.checked).reduce((acc, cur) => acc + cur.row, 0)
+          : layoutSetupRef.find((item) => item.moduleId === checkedModule[0].itemId).row //멀티모듈이면 전체 합, 체크된 한개의 열
 
-      if (sumRowCount > maxRow || sumColCount) {
-        failAutoSetupRoof.push(moduleSetupSurface)
-        return false
-      }
+        //
+        const sumColCount = layoutSetupRef.filter((item) => item.col).some((item) => item.col > maxCol)
 
-      // 혼합일때 모듈 개별의 row를 체크함
-      const isPassedObject =
-        isMultipleModules && layoutSetupRef.find((item, index) => item.checked && item.row > trestleDetailData.module[index].mixModuleMaxRows)
+        if (sumRowCount > maxRow || sumColCount) {
+          failAutoSetupRoof.push(moduleSetupSurface)
+          return false
+        }
 
-      if (isPassedObject) {
-        failAutoSetupRoof.push(moduleSetupSurface)
-        return false
+        // 혼합일때 모듈 개별의 row를 체크함
+        const isPassedObject =
+          isMultipleModules && layoutSetupRef.find((item, index) => item.checked && item.row > trestleDetailData.module[index].mixModuleMaxRows)
+
+        if (isPassedObject) {
+          failAutoSetupRoof.push(moduleSetupSurface)
+          return false
+        }
+      } else {
+        //북면 모듈만 선택했을때
+        if (checkedModule.length === 1) {
+          const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
+          const maxRow = trestleDetailData.module.find((item) => item.moduleTpCd === checkedModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
+
+          //단수 합단수
+          const sumRowCount = layoutSetupRef.find((item) => item.moduleId === checkedModule[0].itemId).row //멀티모듈이면 전체 합, 체크된 한개의 열
+          const sumColCount = layoutSetupRef.filter((item) => item.col).some((item) => item.col > maxCol)
+
+          if (sumRowCount > maxRow || sumColCount) {
+            failAutoSetupRoof.push(moduleSetupSurface)
+            return false
+          }
+        } else {
+          const normalModule = checkedModule.filter((item) => item.northModuleYn === 'N')
+          const northModule = checkedModule.filter((item) => item.northModuleYn === 'Y')
+
+          //만약 북면 모듈이 2개면 이 하위 로직 가져다가 쓰면됨 northModule === 만 바꾸면 될듯
+          // northModule을 배열로 만들고 include로 해서 체크 해야됨
+          if (normalModule.length > 0 && !moduleSetupSurface.isNorth) {
+            const isMultipleModules = normalModule.length > 1 //모듈이 여러개면
+            const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
+            const maxRow = isMultipleModules
+              ? trestleDetailData.moduleMaxRows
+              : trestleDetailData.module.find((item) => item.moduleTpCd === normalModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
+
+            //단수 합단수
+            const sumRowCount = isMultipleModules
+              ? layoutSetupRef.filter((item) => item.checked && item.moduleId !== northModule[0].itemId).reduce((acc, cur) => acc + cur.row, 0)
+              : layoutSetupRef.find((item) => item.moduleId === normalModule[0].itemId).row //멀티모듈이면 전체 합, 체크된 한개의 열
+
+            //
+            const sumColCount = layoutSetupRef.filter((item) => item.col && item.moduleId !== northModule[0].itemId).some((item) => item.col > maxCol)
+
+            if (sumRowCount > maxRow || sumColCount) {
+              failAutoSetupRoof.push(moduleSetupSurface)
+              return false
+            }
+
+            // 혼합일때 모듈 개별의 row를 체크함
+            const isPassedObject =
+              isMultipleModules &&
+              layoutSetupRef.find(
+                (item, index) =>
+                  item.checked && item.moduleId !== northModule[0].itemId && item.row > trestleDetailData.module[index].mixModuleMaxRows,
+              )
+
+            if (isPassedObject) {
+              failAutoSetupRoof.push(moduleSetupSurface)
+              return false
+            }
+          }
+
+          if (northModule.length > 0 && moduleSetupSurface.isNorth) {
+            const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
+            const maxRow = trestleDetailData.module.find((item) => item.moduleTpCd === checkedModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
+
+            const sumRowCount = layoutSetupRef.find((item) => item.moduleId === northModule[0].itemId).row
+            const sumColCount = layoutSetupRef.filter((item) => item.col && item.moduleId !== northModule[0].itemId).some((item) => item.col > maxCol)
+
+            if (sumRowCount > maxRow || sumColCount) {
+              failAutoSetupRoof.push(moduleSetupSurface)
+              return false
+            }
+          }
+        }
       }
       return true
     }
@@ -1943,12 +2014,11 @@ export function useModuleBasicSetting(tabNum) {
       let flowLines
       let installedModuleMixYn
       const isNorthSurface = moduleSetupSurface.isNorth
-      const isIncludeNorthModule = checkedModule.some((module) => module.northModuleYn === 'Y') //체크된 모듈 중에 북면 모듈이 있는지 확인하는 로직
 
       let layoutRow = 0
       let layoutCol = 0
 
-      if (type === 'layout') {
+      if (type === MODULE_SETUP_TYPE.LAYOUT) {
         const isPassed = checkAutoLayoutModuleSetup(moduleSetupSurface, trestleDetailData)
         if (!isPassed) {
           return
@@ -1958,7 +2028,7 @@ export function useModuleBasicSetting(tabNum) {
       for (let moduleIndex = 0; moduleIndex < checkedModule.length; moduleIndex++) {
         const module = checkedModule[moduleIndex]
 
-        if (type === 'layout' && checkedLayoutData) {
+        if (type === MODULE_SETUP_TYPE.LAYOUT && checkedLayoutData) {
           const layout = checkedLayoutData.find((item) => module.itemId === item.moduleId)
           layoutRow = layout.row
           layoutCol = layout.col
@@ -2009,7 +2079,7 @@ export function useModuleBasicSetting(tabNum) {
         let calcAreaHeight = flowLines.bottom.y1 - flowLines.top.y1
         let calcModuleHeightCount = calcAreaHeight / (height + intvVer + 1)
 
-        if (type === 'layout') {
+        if (type === MODULE_SETUP_TYPE.LAYOUT) {
           calcModuleWidthCount = layoutCol > calcModuleWidthCount ? calcModuleWidthCount : layoutCol
           calcModuleHeightCount = layoutRow
         }
@@ -2095,9 +2165,9 @@ export function useModuleBasicSetting(tabNum) {
               installedLastHeightCoord = moduleY - height - heightMargin
             } else {
               //디버깅용
-              tempModule.set({ fill: 'transparent', stroke: 'red', strokeWidth: 1 })
-              canvas?.add(tempModule)
-              canvas.renderAll()
+              // tempModule.set({ fill: 'transparent', stroke: 'red', strokeWidth: 1 })
+              // canvas?.add(tempModule)
+              // canvas.renderAll()
             }
           }
           if (isInstall) {
@@ -2136,7 +2206,7 @@ export function useModuleBasicSetting(tabNum) {
       let layoutRow = 0
       let layoutCol = 0
 
-      if (type === 'layout') {
+      if (type === MODULE_SETUP_TYPE.LAYOUT) {
         const isPassed = checkAutoLayoutModuleSetup(moduleSetupSurface, trestleDetailData)
         if (!isPassed) {
           return
@@ -2146,7 +2216,7 @@ export function useModuleBasicSetting(tabNum) {
       for (let moduleIndex = 0; moduleIndex < checkedModule.length; moduleIndex++) {
         const module = checkedModule[moduleIndex]
 
-        if (type === 'layout' && checkedLayoutData) {
+        if (type === MODULE_SETUP_TYPE.LAYOUT && checkedLayoutData) {
           const layout = checkedLayoutData.find((item) => module.itemId === item.moduleId)
           layoutRow = layout.row
           layoutCol = layout.col
@@ -2204,7 +2274,7 @@ export function useModuleBasicSetting(tabNum) {
         let calcModuleHeightCount = calcAreaHeight / (height + intvVer + 1)
 
         //단수지정 자동이면
-        if (type === 'layout') {
+        if (type === MODULE_SETUP_TYPE.LAYOUT) {
           calcModuleWidthCount = layoutCol > calcModuleWidthCount ? calcModuleWidthCount : layoutCol
           calcModuleHeightCount = layoutRow
         }
@@ -2325,7 +2395,7 @@ export function useModuleBasicSetting(tabNum) {
       let layoutRow = 0
       let layoutCol = 0
 
-      if (type === 'layout') {
+      if (type === MODULE_SETUP_TYPE.LAYOUT) {
         const isPassed = checkAutoLayoutModuleSetup(moduleSetupSurface, trestleDetailData)
         if (!isPassed) {
           return
@@ -2336,7 +2406,7 @@ export function useModuleBasicSetting(tabNum) {
         const module = checkedModule[moduleIndex]
 
         //단수 지정이면
-        if (type === 'layout' && checkedLayoutData) {
+        if (type === MODULE_SETUP_TYPE.LAYOUT && checkedLayoutData) {
           const layout = checkedLayoutData.find((item) => module.itemId === item.moduleId)
           layoutRow = layout.row
           layoutCol = layout.col
@@ -2397,7 +2467,7 @@ export function useModuleBasicSetting(tabNum) {
         let calcModuleHeightCount = calcAreaHeight / (width + intvVer + 1)
 
         //단수지정 자동이면
-        if (type === 'layout') {
+        if (type === MODULE_SETUP_TYPE.LAYOUT) {
           calcModuleWidthCount = layoutCol > calcModuleWidthCount ? calcModuleWidthCount : layoutCol
           calcModuleHeightCount = layoutRow
         }
@@ -2518,7 +2588,7 @@ export function useModuleBasicSetting(tabNum) {
       let layoutRow = 0
       let layoutCol = 0
 
-      if (type === 'layout') {
+      if (type === MODULE_SETUP_TYPE.LAYOUT) {
         const isPassed = checkAutoLayoutModuleSetup(moduleSetupSurface, trestleDetailData)
         if (!isPassed) {
           return
@@ -2528,7 +2598,7 @@ export function useModuleBasicSetting(tabNum) {
       for (let moduleIndex = 0; moduleIndex < checkedModule.length; moduleIndex++) {
         const module = checkedModule[moduleIndex]
 
-        if (type === 'layout' && checkedLayoutData) {
+        if (type === MODULE_SETUP_TYPE.LAYOUT && checkedLayoutData) {
           const layout = checkedLayoutData.find((item) => module.itemId === item.moduleId)
           layoutRow = layout.row
           layoutCol = layout.col
@@ -2588,7 +2658,7 @@ export function useModuleBasicSetting(tabNum) {
         let calcModuleHeightCount = calcAreaHeight / (width + intvVer + 1)
 
         //단수지정 자동이면
-        if (type === 'layout') {
+        if (type === MODULE_SETUP_TYPE.LAYOUT) {
           calcModuleWidthCount = layoutCol > calcModuleWidthCount ? calcModuleWidthCount : layoutCol
           calcModuleHeightCount = layoutRow
         }
@@ -2778,16 +2848,14 @@ export function useModuleBasicSetting(tabNum) {
     /**
      * 자동 레이아웃일떄 설치 가능한 애들은 설치 해주고 실패한 애들은 이름, 최대 설치 가능한 높이 알려줄라고
      */
-    if (type === 'layout' && failAutoSetupRoof.length > 0) {
+    if (type === MODULE_SETUP_TYPE.LAYOUT && failAutoSetupRoof.length > 0) {
       const roofNamesList = failAutoSetupRoof.map((roof) => ({
         roofName: roof.roofMaterial.roofMatlNmJp,
         moduleMaxRows: roof.trestleDetail.moduleMaxRows,
       }))
 
       const alertString = roofNamesList.map((item, index) => `${item.roofName}(${item.moduleMaxRows})`)
-      console.log('alertString', alertString)
-
-      // swalFire({ text: alertString, icon: 'warning' })
+      swalFire({ text: alertString, icon: 'warning' })
     }
   }
 

From d5bba49ca975bd5c694f4ed1e1a81b9b5ae9250e Mon Sep 17 00:00:00 2001
From: yjnoh <yjnoh@interplug.co.kr>
Date: Fri, 2 May 2025 09:23:59 +0900
Subject: [PATCH 04/10] =?UTF-8?q?console.log=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/module/useModuleBasicSetting.js | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/hooks/module/useModuleBasicSetting.js b/src/hooks/module/useModuleBasicSetting.js
index 1ce7298f..ffff4344 100644
--- a/src/hooks/module/useModuleBasicSetting.js
+++ b/src/hooks/module/useModuleBasicSetting.js
@@ -1772,8 +1772,6 @@ export function useModuleBasicSetting(tabNum) {
   const autoModuleSetup = (type, layoutSetupRef) => {
     initEvent() //마우스 이벤트 초기화
 
-    console.log('checkedModule', checkedModule)
-
     //실패한 지붕재 배열
     let failAutoSetupRoof = []
 

From 08722e8b51e3392b1f1960445f7f8ef6f0f1bf0e Mon Sep 17 00:00:00 2001
From: yjnoh <yjnoh@interplug.co.kr>
Date: Fri, 2 May 2025 15:50:27 +0900
Subject: [PATCH 05/10] =?UTF-8?q?=EB=AA=A8=EB=93=88=20=EB=A0=88=EC=9D=B4?=
 =?UTF-8?q?=EC=95=84=EC=9B=83=20=EC=84=A4=EC=B9=98=20=EC=9E=91=EC=97=85?=
 =?UTF-8?q?=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/module/useModuleBasicSetting.js | 79 +++++++++++++++++------
 1 file changed, 58 insertions(+), 21 deletions(-)

diff --git a/src/hooks/module/useModuleBasicSetting.js b/src/hooks/module/useModuleBasicSetting.js
index ffff4344..785c6b0f 100644
--- a/src/hooks/module/useModuleBasicSetting.js
+++ b/src/hooks/module/useModuleBasicSetting.js
@@ -1822,20 +1822,35 @@ export function useModuleBasicSetting(tabNum) {
     }
 
     //어짜피 자동으로 누르면 선택안된데도 다 날아간다
-    canvas.getObjects().forEach((obj) => {
-      if (obj.name === POLYGON_TYPE.MODULE) {
-        canvas.remove(obj)
-      }
-    })
+    // canvas.getObjects().forEach((obj) => {
+    //   if (obj.name === POLYGON_TYPE.MODULE) {
+    //     canvas.remove(obj)
+    //   }
+    // })
 
-    notSelectedTrestlePolygons.forEach((obj) => {
-      if (obj.modules) {
-        obj.modules.forEach((module) => {
-          canvas?.remove(module)
-        })
-        obj.modules = []
-      }
-    })
+    //자동일때만 선택 안된 모듈 삭제
+    if (type === MODULE_SETUP_TYPE.AUTO) {
+      notSelectedTrestlePolygons.forEach((obj) => {
+        if (obj.modules) {
+          obj.modules.forEach((module) => {
+            canvas?.remove(module)
+            canvas?.renderAll()
+          })
+          obj.modules = []
+        }
+      })
+    } else {
+      //레이아웃일때는 기존에 깔린 모듈은 삭제 하지 않음 선택된 영역만 모듈 삭제
+      moduleSetupSurfaces.forEach((obj) => {
+        if (obj.modules) {
+          obj.modules.forEach((module) => {
+            canvas?.remove(module)
+            canvas?.renderAll()
+          })
+          obj.modules = []
+        }
+      })
+    }
 
     let moduleOptions = {
       stroke: 'black',
@@ -1936,23 +1951,25 @@ export function useModuleBasicSetting(tabNum) {
         } else {
           const normalModule = checkedModule.filter((item) => item.northModuleYn === 'N')
           const northModule = checkedModule.filter((item) => item.northModuleYn === 'Y')
+          const northModuleIds = northModule.map((item) => item.itemId)
 
           //만약 북면 모듈이 2개면 이 하위 로직 가져다가 쓰면됨 northModule === 만 바꾸면 될듯
           // northModule을 배열로 만들고 include로 해서 체크 해야됨
           if (normalModule.length > 0 && !moduleSetupSurface.isNorth) {
+            //C1C2 모듈일 경우ㅁㅁ
             const isMultipleModules = normalModule.length > 1 //모듈이 여러개면
             const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
             const maxRow = isMultipleModules
               ? trestleDetailData.moduleMaxRows
               : trestleDetailData.module.find((item) => item.moduleTpCd === normalModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
 
-            //단수 합단수
+            //북면 모듈 id를 제외한 모듈의 단 체크
             const sumRowCount = isMultipleModules
-              ? layoutSetupRef.filter((item) => item.checked && item.moduleId !== northModule[0].itemId).reduce((acc, cur) => acc + cur.row, 0)
+              ? layoutSetupRef.filter((item) => item.checked && !northModuleIds.includes(item.moduleId)).reduce((acc, cur) => acc + cur.row, 0)
               : layoutSetupRef.find((item) => item.moduleId === normalModule[0].itemId).row //멀티모듈이면 전체 합, 체크된 한개의 열
 
-            //
-            const sumColCount = layoutSetupRef.filter((item) => item.col && item.moduleId !== northModule[0].itemId).some((item) => item.col > maxCol)
+            //북면 모듈 id를 제외한 모듈의 열 체크
+            const sumColCount = layoutSetupRef.filter((item) => item.col && !northModuleIds.includes(item.moduleId)).some((item) => item.col > maxCol)
 
             if (sumRowCount > maxRow || sumColCount) {
               failAutoSetupRoof.push(moduleSetupSurface)
@@ -1964,7 +1981,7 @@ export function useModuleBasicSetting(tabNum) {
               isMultipleModules &&
               layoutSetupRef.find(
                 (item, index) =>
-                  item.checked && item.moduleId !== northModule[0].itemId && item.row > trestleDetailData.module[index].mixModuleMaxRows,
+                  item.checked && !item.moduleId.includes(northModuleIds) && item.row > trestleDetailData.module[index].mixModuleMaxRows,
               )
 
             if (isPassedObject) {
@@ -1974,16 +1991,36 @@ export function useModuleBasicSetting(tabNum) {
           }
 
           if (northModule.length > 0 && moduleSetupSurface.isNorth) {
+            const isMultipleModules = northModule.length > 1 //모듈이 여러개면
             const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
-            const maxRow = trestleDetailData.module.find((item) => item.moduleTpCd === checkedModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
 
-            const sumRowCount = layoutSetupRef.find((item) => item.moduleId === northModule[0].itemId).row
-            const sumColCount = layoutSetupRef.filter((item) => item.col && item.moduleId !== northModule[0].itemId).some((item) => item.col > maxCol)
+            const maxRow = isMultipleModules
+              ? trestleDetailData.moduleMaxRows
+              : trestleDetailData.module.find((item) => item.moduleTpCd === northModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
+
+            const sumRowCount = isMultipleModules
+              ? layoutSetupRef.filter((item) => northModuleIds.includes(item.moduleId)).reduce((acc, cur) => acc + cur.row, 0)
+              : layoutSetupRef.find((item) => item.moduleId === northModule[0].itemId).row //멀티모듈이면 전체 합, 체크된 한개의 열
+
+            const sumColCount = layoutSetupRef.filter((item) => item.col && northModuleIds.includes(item.moduleId)).some((item) => item.col > maxCol)
 
             if (sumRowCount > maxRow || sumColCount) {
               failAutoSetupRoof.push(moduleSetupSurface)
               return false
             }
+
+            // 혼합일때 모듈 개별의 row를 체크함
+            const isPassedObject =
+              isMultipleModules &&
+              layoutSetupRef.find(
+                (item, index) =>
+                  item.checked && northModuleIds.includes(item.moduleId) && item.row > trestleDetailData.module[index].mixModuleMaxRows,
+              )
+
+            if (isPassedObject) {
+              failAutoSetupRoof.push(moduleSetupSurface)
+              return false
+            }
           }
         }
       }

From d6b0e4994af85b6360f2b60759027913e68ae235 Mon Sep 17 00:00:00 2001
From: yjnoh <yjnoh@interplug.co.kr>
Date: Wed, 7 May 2025 14:47:08 +0900
Subject: [PATCH 06/10] =?UTF-8?q?#=20[1014]=20:=20819=E3=81=AE=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0=E3=80=80=E3=83=AC=E3=82=A4=E3=82=A2=E3=82=A6=E3=83=88?=
 =?UTF-8?q?=E6=8C=87=E5=AE=9A=E9=85=8D=E7=BD=AE=E3=81=AE=E8=87=AA=E5=8B=95?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# [작업내용] : http://1.248.227.176:43333/issues/1014
---
 .../floor-plan/modal/basic/BasicSetting.jsx   |   6 +-
 .../floor-plan/modal/basic/step/Placement.jsx |   6 +-
 src/hooks/module/useModuleBasicSetting.js     | 170 +++++-------------
 src/locales/ja.json                           |   4 +-
 4 files changed, 57 insertions(+), 129 deletions(-)

diff --git a/src/components/floor-plan/modal/basic/BasicSetting.jsx b/src/components/floor-plan/modal/basic/BasicSetting.jsx
index 66a76d71..a70b9a22 100644
--- a/src/components/floor-plan/modal/basic/BasicSetting.jsx
+++ b/src/components/floor-plan/modal/basic/BasicSetting.jsx
@@ -331,15 +331,15 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
                   <button className={`btn-frame modal mr5 ${isManualModuleLayoutSetup ? 'act' : ''}`} onClick={handleManualModuleLayoutSetup}>
                     {getMessage('modal.module.basic.setting.row.batch')}
                   </button>
+                  <button className="btn-frame modal mr5" onClick={() => autoModuleSetup(MODULE_SETUP_TYPE.LAYOUT, layoutSetup)}>
+                    {getMessage('modal.module.basic.setting.auto.row.batch')}
+                  </button>
                   <button className={`btn-frame modal mr5 ${isManualModuleSetup ? 'act' : ''}`} onClick={handleManualModuleSetup}>
                     {getMessage('modal.module.basic.setting.passivity.placement')}
                   </button>
                   <button className="btn-frame modal act mr5" onClick={() => autoModuleSetup(MODULE_SETUP_TYPE.AUTO)}>
                     {getMessage('modal.module.basic.setting.auto.placement')}
                   </button>
-                  <button className="btn-frame modal act" onClick={() => autoModuleSetup(MODULE_SETUP_TYPE.LAYOUT, layoutSetup)}>
-                    {getMessage('modal.module.basic.setting.auto.row.batch')}
-                  </button>
                 </>
               )}
             </>
diff --git a/src/components/floor-plan/modal/basic/step/Placement.jsx b/src/components/floor-plan/modal/basic/step/Placement.jsx
index 5d2c8c6a..c6556ea3 100644
--- a/src/components/floor-plan/modal/basic/step/Placement.jsx
+++ b/src/components/floor-plan/modal/basic/step/Placement.jsx
@@ -37,7 +37,7 @@ const Placement = forwardRef((props, refs) => {
   const resetModuleSetupOption = useResetRecoilState(moduleSetupOptionState)
 
   const [colspan, setColspan] = useState(1)
-  const [moduleRowColArray, setModuleRowColArray] = useRecoilState(moduleRowColArrayState)
+  const moduleRowColArray = useRecoilValue(moduleRowColArrayState)
 
   //모듈 배치면 생성
   useEffect(() => {
@@ -337,6 +337,7 @@ const Placement = forwardRef((props, refs) => {
                         </div>
                       </th>
                     ))}
+                  {colspan > 1 && <th rowSpan={2}>{getMessage('total')}</th>}
                 </tr>
                 <tr>
                   {selectedModules.itemList.map((item) => (
@@ -356,10 +357,11 @@ const Placement = forwardRef((props, refs) => {
                         <span className="name">{item.addRoof?.roofMatlNmJp}</span>
                       </div>
                     </td>
-                    {moduleRowColArray[index]?.map((item) => (
+                    {moduleRowColArray[index]?.map((item, index2) => (
                       <>
                         <td className="al-c">{item.moduleMaxRows}</td>
                         {colspan > 1 && <td className="al-c">{item.mixModuleMaxRows}</td>}
+                        {colspan > 1 && index2 === moduleRowColArray[index].length - 1 && <td className="al-c">{item.maxRow}</td>}
                       </>
                     ))}
                   </tr>
diff --git a/src/hooks/module/useModuleBasicSetting.js b/src/hooks/module/useModuleBasicSetting.js
index 785c6b0f..c43477d7 100644
--- a/src/hooks/module/useModuleBasicSetting.js
+++ b/src/hooks/module/useModuleBasicSetting.js
@@ -49,20 +49,17 @@ export function useModuleBasicSetting(tabNum) {
   const [isManualModuleLayoutSetup, setIsManualModuleLayoutSetup] = useRecoilState(isManualModuleLayoutSetupState)
   const canvasSetting = useRecoilValue(canvasSettingState)
   const moduleSelectionData = useRecoilValue(moduleSelectionDataState)
-  const [trestleDetailParams, setTrestleDetailParams] = useState([])
   const [trestleDetailList, setTrestleDetailList] = useState([])
   const selectedModules = useRecoilValue(selectedModuleState)
-  const { getTrestleDetailList } = useMasterController()
   const [saleStoreNorthFlg, setSaleStoreNorthFlg] = useState(false)
 
   const setCurrentObject = useSetRecoilState(currentObjectState)
   const { setModuleStatisticsData } = useCircuitTrestle()
   const { createRoofPolygon, createMarginPolygon, createPaddingPolygon } = useMode()
 
-  const { drawDirectionArrow } = usePolygon()
   const moduleSetupOption = useRecoilValue(moduleSetupOptionState)
   const setManualSetupMode = useSetRecoilState(toggleManualSetupModeState)
-  const [moduleRowColArray, setModuleRowColArray] = useRecoilState(moduleRowColArrayState)
+  const setModuleRowColArray = useSetRecoilState(moduleRowColArrayState)
 
   useEffect(() => {
     return () => {
@@ -111,10 +108,6 @@ export function useModuleBasicSetting(tabNum) {
     }
   }
 
-  useEffect(() => {
-    console.log('saleStoreNorthFlg', saleStoreNorthFlg)
-  }, [saleStoreNorthFlg])
-
   //가대 상세 데이터 들어오면 실행
   useEffect(() => {
     if (trestleDetailList.length > 0) {
@@ -153,7 +146,7 @@ export function useModuleBasicSetting(tabNum) {
         const moduleRowArray = []
         if (isObjectNotEmpty(detail) && detail.module.length > 0) {
           detail.module.forEach((module) => {
-            moduleRowArray.push({ moduleMaxRows: module.moduleMaxRows, mixModuleMaxRows: module.mixModuleMaxRows })
+            moduleRowArray.push({ moduleMaxRows: module.moduleMaxRows, mixModuleMaxRows: module.mixModuleMaxRows, maxRow: detail.moduleMaxRows })
           })
         }
         rowColArray.push(moduleRowArray)
@@ -456,14 +449,14 @@ export function useModuleBasicSetting(tabNum) {
       }
 
       if (checkedModule.length === 0) {
-        swalFire({ text: getMessage('module.place.select.module') })
+        swalFire({ text: getMessage('module.place.select.module'), icon: 'warning' })
         setIsManualModuleSetup(false)
         setManualSetupMode(`manualSetup_false`)
         return
       }
 
       if (checkedModule.length > 1) {
-        swalFire({ text: getMessage('module.place.select.one.module') })
+        swalFire({ text: getMessage('module.place.select.one.module'), icon: 'warning' })
         setIsManualModuleSetup(false)
         setManualSetupMode(`manualSetup_false`)
         return
@@ -1048,26 +1041,6 @@ export function useModuleBasicSetting(tabNum) {
               },
             ]
 
-            //아래래
-            // let points = [
-            //   {
-            //     x: Number(mousePoint.x.toFixed(1)) - calcHalfWidth,
-            //     y: Number(mousePoint.y.toFixed(1)) - calcHalfHeight,
-            //   },
-            //   {
-            //     x: Number(mousePoint.x.toFixed(1)) - calcHalfWidth,
-            //     y: Number(mousePoint.y.toFixed(1)) + calcHalfHeight,
-            //   },
-            //   {
-            //     x: Number(mousePoint.x.toFixed(1)) + calcHalfWidth,
-            //     y: Number(mousePoint.y.toFixed(1)) + calcHalfHeight,
-            //   },
-            //   {
-            //     x: Number(mousePoint.x.toFixed(1)) + calcHalfWidth,
-            //     y: Number(mousePoint.y.toFixed(1)) - calcHalfHeight,
-            //   },
-            // ]
-
             const turfPoints = coordToTurfPolygon(points)
 
             if (turf.booleanWithin(turfPoints, turfPolygon)) {
@@ -1829,6 +1802,16 @@ export function useModuleBasicSetting(tabNum) {
     // })
 
     //자동일때만 선택 안된 모듈 삭제
+    moduleSetupSurfaces.forEach((obj) => {
+      if (obj.modules) {
+        obj.modules.forEach((module) => {
+          canvas?.remove(module)
+          canvas?.renderAll()
+        })
+        obj.modules = []
+      }
+    })
+
     if (type === MODULE_SETUP_TYPE.AUTO) {
       notSelectedTrestlePolygons.forEach((obj) => {
         if (obj.modules) {
@@ -1839,17 +1822,6 @@ export function useModuleBasicSetting(tabNum) {
           obj.modules = []
         }
       })
-    } else {
-      //레이아웃일때는 기존에 깔린 모듈은 삭제 하지 않음 선택된 영역만 모듈 삭제
-      moduleSetupSurfaces.forEach((obj) => {
-        if (obj.modules) {
-          obj.modules.forEach((module) => {
-            canvas?.remove(module)
-            canvas?.renderAll()
-          })
-          obj.modules = []
-        }
-      })
     }
 
     let moduleOptions = {
@@ -1864,9 +1836,6 @@ export function useModuleBasicSetting(tabNum) {
       name: POLYGON_TYPE.MODULE,
     }
 
-    //체크된 모듈 중에 북면 모듈이 있는지 확인하는 로직
-    const isIncludeNorthModule = checkedModule.some((module) => module.northModuleYn === 'Y')
-
     //선택된 지붕안에 오브젝트(도머, 개구등)이 있는지 확인하는 로직 포함되면 배열 반환
     const objectsIncludeSurface = (turfModuleSetupSurface) => {
       let containsBatchObjects = []
@@ -1895,49 +1864,46 @@ export function useModuleBasicSetting(tabNum) {
 
     /**
      * 자동 레이아웃 설치 일시 row col 초과 여부 확인
+     * 체크된 모듈중에 북면 모듈이 있으면 북면 모듈만 따로 계산하고 아니면 전체 모듈을 계산
+     * 북면 모듈이 있고 북면이 들어오면 북면의 row를 계산한다
+     *
      * @param {*} trestleDetailData
      * @returns
      */
     const checkAutoLayoutModuleSetup = (moduleSetupSurface, trestleDetailData) => {
-      /**
-       * 체크된 모듈중에 북면 모듈이 있으면 북면 모듈만 따로 계산하고 아니면 전체 모듈을 계산
-       * 북면 모듈이 있고 북면이 들어오면 북면의 row를 계산한다
-       *
-       */
-
       //북면 모듈이 없을때
+      //체크된 모듈 중에 북면 모듈이 있는지 확인하는 로직
+      const isIncludeNorthModule = checkedModule.some((module) => module.northModuleYn === 'Y')
+      const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
+
+      //북면 모듈이 없으면
       if (!isIncludeNorthModule) {
-        const isMultipleModules = checkedModule.length > 1 //모듈이 여러개면
-        const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
+        const isMultipleModules = checkedModule.length > 1 //모듈이 여러개인지 체크하고
+
+        //멀티 모듈이면 모듈밖에 내려온 정보의 maxRow 단일 모듈이면 모듈에 maxRow
         const maxRow = isMultipleModules
           ? trestleDetailData.moduleMaxRows
           : trestleDetailData.module.find((item) => item.moduleTpCd === checkedModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
 
-        //단수 합단수
+        //멀티 모듈이면 모듈밖에 내려온 정보의 row 합, 단일 모듈이면 모듈에 row
         const sumRowCount = isMultipleModules
           ? layoutSetupRef.filter((item) => item.checked).reduce((acc, cur) => acc + cur.row, 0)
           : layoutSetupRef.find((item) => item.moduleId === checkedModule[0].itemId).row //멀티모듈이면 전체 합, 체크된 한개의 열
 
-        //
+        //col는 moduleItems 배열 밖에 내려옴
         const sumColCount = layoutSetupRef.filter((item) => item.col).some((item) => item.col > maxCol)
 
-        if (sumRowCount > maxRow || sumColCount) {
-          failAutoSetupRoof.push(moduleSetupSurface)
-          return false
-        }
-
-        // 혼합일때 모듈 개별의 row를 체크함
+        // 혼합일때 모듈 개별의 maxRow를 체크해서 가능여부 확인
         const isPassedObject =
-          isMultipleModules && layoutSetupRef.find((item, index) => item.checked && item.row > trestleDetailData.module[index].mixModuleMaxRows)
-
-        if (isPassedObject) {
+          isMultipleModules && layoutSetupRef.find((item, index) => item.checked && item.row > trestleDetailData.module[index].mixModuleMaxRows) //체크된 배열은 checked여부로 체크해서 index와 동일함
+        //전체 카은트된 열수가 크거나 혼합카운트가 존재 하면 실패
+        if (sumRowCount > maxRow || sumColCount || isPassedObject) {
           failAutoSetupRoof.push(moduleSetupSurface)
           return false
         }
       } else {
         //북면 모듈만 선택했을때
         if (checkedModule.length === 1) {
-          const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
           const maxRow = trestleDetailData.module.find((item) => item.moduleTpCd === checkedModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
 
           //단수 합단수
@@ -1958,7 +1924,6 @@ export function useModuleBasicSetting(tabNum) {
           if (normalModule.length > 0 && !moduleSetupSurface.isNorth) {
             //C1C2 모듈일 경우ㅁㅁ
             const isMultipleModules = normalModule.length > 1 //모듈이 여러개면
-            const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
             const maxRow = isMultipleModules
               ? trestleDetailData.moduleMaxRows
               : trestleDetailData.module.find((item) => item.moduleTpCd === normalModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
@@ -1971,11 +1936,6 @@ export function useModuleBasicSetting(tabNum) {
             //북면 모듈 id를 제외한 모듈의 열 체크
             const sumColCount = layoutSetupRef.filter((item) => item.col && !northModuleIds.includes(item.moduleId)).some((item) => item.col > maxCol)
 
-            if (sumRowCount > maxRow || sumColCount) {
-              failAutoSetupRoof.push(moduleSetupSurface)
-              return false
-            }
-
             // 혼합일때 모듈 개별의 row를 체크함
             const isPassedObject =
               isMultipleModules &&
@@ -1984,16 +1944,15 @@ export function useModuleBasicSetting(tabNum) {
                   item.checked && !item.moduleId.includes(northModuleIds) && item.row > trestleDetailData.module[index].mixModuleMaxRows,
               )
 
-            if (isPassedObject) {
+            // 합산 단수가 맥스단수보다 크거나 열이 맥스열수보다 크거나 혼합일때 모듈 개별의 row가 맥스단수보다 크면 실패
+            if (sumRowCount > maxRow || sumColCount || isPassedObject) {
               failAutoSetupRoof.push(moduleSetupSurface)
               return false
             }
           }
 
-          if (northModule.length > 0 && moduleSetupSurface.isNorth) {
+          if (northModule.length > 0) {
             const isMultipleModules = northModule.length > 1 //모듈이 여러개면
-            const maxCol = trestleDetailData.moduleMaxCols //최대 열수 -> 얘는 멀티랑 관계없음
-
             const maxRow = isMultipleModules
               ? trestleDetailData.moduleMaxRows
               : trestleDetailData.module.find((item) => item.moduleTpCd === northModule[0].moduleTpCd).moduleMaxRows //멀티모듈이면 밖에 maxRows로 판단 아니면 module->itemmList를 가지고 판단
@@ -2004,11 +1963,6 @@ export function useModuleBasicSetting(tabNum) {
 
             const sumColCount = layoutSetupRef.filter((item) => item.col && northModuleIds.includes(item.moduleId)).some((item) => item.col > maxCol)
 
-            if (sumRowCount > maxRow || sumColCount) {
-              failAutoSetupRoof.push(moduleSetupSurface)
-              return false
-            }
-
             // 혼합일때 모듈 개별의 row를 체크함
             const isPassedObject =
               isMultipleModules &&
@@ -2017,7 +1971,8 @@ export function useModuleBasicSetting(tabNum) {
                   item.checked && northModuleIds.includes(item.moduleId) && item.row > trestleDetailData.module[index].mixModuleMaxRows,
               )
 
-            if (isPassedObject) {
+            // 합산 단수가 맥스단수보다 크거나 열이 맥스열수보다 크거나 혼합일때 모듈 개별의 row가 맥스단수보다 크면 실패
+            if (sumRowCount > maxRow || sumColCount || isPassedObject) {
               failAutoSetupRoof.push(moduleSetupSurface)
               return false
             }
@@ -2028,16 +1983,7 @@ export function useModuleBasicSetting(tabNum) {
     }
 
     //흐름 방향이 남쪽(아래)
-    const downFlowSetupModule = (
-      surfaceMaxLines, //deprecated
-      maxLengthLine,
-      moduleSetupArray,
-      moduleSetupSurface,
-      containsBatchObjects,
-      isCenter = false, //deprecated
-      intvHor,
-      intvVer,
-    ) => {
+    const downFlowSetupModule = (maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, intvHor, intvVer) => {
       let setupModule = []
 
       const trestleDetailData = moduleSetupSurface.trestleDetail
@@ -2215,16 +2161,7 @@ export function useModuleBasicSetting(tabNum) {
       }
     }
 
-    const topFlowSetupModule = (
-      surfaceMaxLines,
-      maxLengthLine,
-      moduleSetupArray,
-      moduleSetupSurface,
-      containsBatchObjects,
-      isCenter = false,
-      intvHor,
-      intvVer,
-    ) => {
+    const topFlowSetupModule = (maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, intvHor, intvVer) => {
       let setupModule = []
 
       const trestleDetailData = moduleSetupSurface.trestleDetail
@@ -2405,12 +2342,11 @@ export function useModuleBasicSetting(tabNum) {
     //남, 북과 같은 로직으로 적용하려면 좌우는 열 -> 행 으로 그려야함
     //변수명은 bottom 기준으로 작성하여 동일한 방향으로 진행한다
     const leftFlowSetupModule = (
-      surfaceMaxLines,
       maxLengthLine,
       moduleSetupArray,
       moduleSetupSurface,
       containsBatchObjects,
-      isCenter = false,
+
       intvHor,
       intvVer,
     ) => {
@@ -2597,16 +2533,7 @@ export function useModuleBasicSetting(tabNum) {
       }
     }
 
-    const rightFlowSetupModule = (
-      surfaceMaxLines,
-      maxLengthLine,
-      moduleSetupArray,
-      moduleSetupSurface,
-      containsBatchObjects,
-      isCenter = false,
-      intvHor,
-      intvVer,
-    ) => {
+    const rightFlowSetupModule = (maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, intvHor, intvVer) => {
       let setupModule = []
 
       const trestleDetailData = moduleSetupSurface.trestleDetail //가대 상세 데이터
@@ -2798,7 +2725,6 @@ export function useModuleBasicSetting(tabNum) {
 
       const turfModuleSetupSurface = polygonToTurfPolygon(moduleSetupSurface) //폴리곤을 turf 객체로 변환
       const containsBatchObjects = objectsIncludeSurface(turfModuleSetupSurface) //배치면에 오브젝트(도머, 개구등)이 있는지 확인하는 로직
-      const surfaceMaxLines = findSetupSurfaceMaxLines(moduleSetupSurface)
 
       let maxLengthLine = moduleSetupSurface.lines.reduce((acc, cur) => {
         return acc.length > cur.length ? acc : cur
@@ -2819,30 +2745,30 @@ export function useModuleBasicSetting(tabNum) {
       if (setupLocation === 'eaves') {
         // 흐름방향이 남쪽일때
         if (moduleSetupSurface.direction === 'south') {
-          downFlowSetupModule(surfaceMaxLines, maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, false, intvHor, intvVer)
+          downFlowSetupModule(maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, intvHor, intvVer)
         }
         if (moduleSetupSurface.direction === 'west') {
-          leftFlowSetupModule(surfaceMaxLines, maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, false, intvHor, intvVer)
+          leftFlowSetupModule(maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, intvHor, intvVer)
         }
         if (moduleSetupSurface.direction === 'east') {
-          rightFlowSetupModule(surfaceMaxLines, maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, false, intvHor, intvVer)
+          rightFlowSetupModule(maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, intvHor, intvVer)
         }
         if (moduleSetupSurface.direction === 'north') {
-          topFlowSetupModule(surfaceMaxLines, maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, false, intvHor, intvVer)
+          topFlowSetupModule(maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, intvHor, intvVer)
         }
       } else if (setupLocation === 'ridge') {
         //용마루
         if (moduleSetupSurface.direction === 'south') {
-          topFlowSetupModule(surfaceMaxLines, maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, false, intvHor, intvVer)
+          topFlowSetupModule(maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, intvHor, intvVer)
         }
         if (moduleSetupSurface.direction === 'west') {
-          rightFlowSetupModule(surfaceMaxLines, maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, false, intvHor, intvVer)
+          rightFlowSetupModule(maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, intvHor, intvVer)
         }
         if (moduleSetupSurface.direction === 'east') {
-          leftFlowSetupModule(surfaceMaxLines, maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, false, intvHor, intvVer)
+          leftFlowSetupModule(maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, intvHor, intvVer)
         }
         if (moduleSetupSurface.direction === 'north') {
-          downFlowSetupModule(surfaceMaxLines, maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, false, intvHor, intvVer)
+          downFlowSetupModule(maxLengthLine, moduleSetupArray, moduleSetupSurface, containsBatchObjects, intvHor, intvVer)
         }
       }
 
diff --git a/src/locales/ja.json b/src/locales/ja.json
index c6a1ea0e..44bf3bb4 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -1071,8 +1071,8 @@
   "module.layout.setup.max.count.multiple": "モジュール{0}の単体での最大段数は{1}、最大列数は{2}です。 (JA)",
   "roofAllocation.not.found": "割り当てる屋根がありません。 (JA)",
   "modal.module.basic.setting.module.placement.max.size.check": "屋根材別モジュールの単体の単体での最大段数、2種混合の段数を確認して下さい",
-  "modal.module.basic.setting.module.placement.max.row": "単体での最大段数",
-  "modal.module.basic.setting.module.placement.max.rows.multiple": "2種混合時の最大段数",
+  "modal.module.basic.setting.module.placement.max.row": "単体で\rの最大段数",
+  "modal.module.basic.setting.module.placement.max.rows.multiple": "2種混合時\rの最大段数",
   "modal.module.basic.setting.module.placement.mix.asg.yn.error": "混合インストール不可能なモジュールです。 (JA)",
   "modal.module.basic.setting.module.placement.mix.asg.yn": "混合",
   "modal.module.basic.setting.layoutpassivity.placement": "layout配置 (JA)"

From d244ba3b97c426cefbfa7923a7a8c438c37d5b0e Mon Sep 17 00:00:00 2001
From: yjnoh <yjnoh@interplug.co.kr>
Date: Wed, 7 May 2025 15:18:59 +0900
Subject: [PATCH 07/10] =?UTF-8?q?[1014]=20:=20[819=E3=81=AE=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0=E3=80=80=E3=83=AC=E3=82=A4=E3=82=A2=E3=82=A6=E3=83=88?=
 =?UTF-8?q?=E6=8C=87=E5=AE=9A=E9=85=8D=E7=BD=AE=E3=81=AE=E8=87=AA=E5=8B=95?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[작업내용] : 고도화 단수 열수 자동 배치 작업
---
 .gitmessage.txt                                       |  3 +++
 .../floor-plan/modal/basic/step/Placement.jsx         |  9 +++++----
 src/hooks/module/useModuleBasicSetting.js             | 11 +++--------
 src/locales/ja.json                                   |  3 ++-
 src/locales/ko.json                                   |  3 ++-
 5 files changed, 15 insertions(+), 14 deletions(-)
 create mode 100644 .gitmessage.txt

diff --git a/.gitmessage.txt b/.gitmessage.txt
new file mode 100644
index 00000000..07932f22
--- /dev/null
+++ b/.gitmessage.txt
@@ -0,0 +1,3 @@
+[일감번호] : [제목]
+
+[작업내용] : 
\ No newline at end of file
diff --git a/src/components/floor-plan/modal/basic/step/Placement.jsx b/src/components/floor-plan/modal/basic/step/Placement.jsx
index c6556ea3..1d2545e6 100644
--- a/src/components/floor-plan/modal/basic/step/Placement.jsx
+++ b/src/components/floor-plan/modal/basic/step/Placement.jsx
@@ -330,20 +330,21 @@ const Placement = forwardRef((props, refs) => {
                   <th rowSpan={2} style={{ width: '22%' }}></th>
                   {selectedModules &&
                     selectedModules.itemList.map((item) => (
-                      <th colSpan={colspan}>
+                      // <th colSpan={colspan}>
+                      <th>
                         <div className="color-wrap">
                           <span className="color-box" style={{ backgroundColor: item.color }}></span>
                           <span className="name">{item.itemNm}</span>
                         </div>
                       </th>
                     ))}
-                  {colspan > 1 && <th rowSpan={2}>{getMessage('total')}</th>}
+                  {colspan > 1 && <th rowSpan={2}>{getMessage('modal.module.basic.setting.module.placement.max.rows.multiple')}</th>}
                 </tr>
                 <tr>
                   {selectedModules.itemList.map((item) => (
                     <>
                       <th>{getMessage('modal.module.basic.setting.module.placement.max.row')}</th>
-                      {colspan > 1 && <th>{getMessage('modal.module.basic.setting.module.placement.max.rows.multiple')}</th>}
+                      {/* {colspan > 1 && <th>{getMessage('modal.module.basic.setting.module.placement.max.rows.multiple')}</th>} */}
                     </>
                   ))}
                 </tr>
@@ -360,7 +361,7 @@ const Placement = forwardRef((props, refs) => {
                     {moduleRowColArray[index]?.map((item, index2) => (
                       <>
                         <td className="al-c">{item.moduleMaxRows}</td>
-                        {colspan > 1 && <td className="al-c">{item.mixModuleMaxRows}</td>}
+                        {/* {colspan > 1 && <td className="al-c">{item.mixModuleMaxRows}</td>} */}
                         {colspan > 1 && index2 === moduleRowColArray[index].length - 1 && <td className="al-c">{item.maxRow}</td>}
                       </>
                     ))}
diff --git a/src/hooks/module/useModuleBasicSetting.js b/src/hooks/module/useModuleBasicSetting.js
index c43477d7..c7173dca 100644
--- a/src/hooks/module/useModuleBasicSetting.js
+++ b/src/hooks/module/useModuleBasicSetting.js
@@ -2809,14 +2809,9 @@ export function useModuleBasicSetting(tabNum) {
     /**
      * 자동 레이아웃일떄 설치 가능한 애들은 설치 해주고 실패한 애들은 이름, 최대 설치 가능한 높이 알려줄라고
      */
-    if (type === MODULE_SETUP_TYPE.LAYOUT && failAutoSetupRoof.length > 0) {
-      const roofNamesList = failAutoSetupRoof.map((roof) => ({
-        roofName: roof.roofMaterial.roofMatlNmJp,
-        moduleMaxRows: roof.trestleDetail.moduleMaxRows,
-      }))
-
-      const alertString = roofNamesList.map((item, index) => `${item.roofName}(${item.moduleMaxRows})`)
-      swalFire({ text: alertString, icon: 'warning' })
+    if (type === MODULE_SETUP_TYPE.LAYOUT && failAutoSetupRoof.length) {
+      const roofNames = failAutoSetupRoof.map((roof) => roof.roofMaterial.roofMatlNmJp).join(', ')
+      swalFire({ text: getMessage('modal.module.basic.setting.module.placement.over.max.row', [roofNames]), icon: 'warning' })
     }
   }
 
diff --git a/src/locales/ja.json b/src/locales/ja.json
index 44bf3bb4..343673d5 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -1075,5 +1075,6 @@
   "modal.module.basic.setting.module.placement.max.rows.multiple": "2種混合時\rの最大段数",
   "modal.module.basic.setting.module.placement.mix.asg.yn.error": "混合インストール不可能なモジュールです。 (JA)",
   "modal.module.basic.setting.module.placement.mix.asg.yn": "混合",
-  "modal.module.basic.setting.layoutpassivity.placement": "layout配置 (JA)"
+  "modal.module.basic.setting.layoutpassivity.placement": "layout配置 (JA)",
+  "modal.module.basic.setting.module.placement.over.max.row": "{0}의 최대단수를 초과했습니다. 최대단수표를 참고해 주세요.(JA)"
 }
diff --git a/src/locales/ko.json b/src/locales/ko.json
index cd8b855b..b3e3e99b 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -1076,5 +1076,6 @@
   "modal.module.basic.setting.module.placement.max.rows.multiple": "2종 혼합 최대단수",
   "modal.module.basic.setting.module.placement.mix.asg.yn.error": "혼합 설치 불가능한 모듈입니다.",
   "modal.module.basic.setting.module.placement.mix.asg.yn": "혼합",
-  "modal.module.basic.setting.layoutpassivity.placement": "레이아웃 배치"
+  "modal.module.basic.setting.layoutpassivity.placement": "레이아웃 배치",
+  "modal.module.basic.setting.module.placement.over.max.row": "{0}의 최대단수를 초과했습니다. 최대단수표를 참고해 주세요."
 }

From f3b8ee40fab1f229f975c57ae7707b6a7b9b0494 Mon Sep 17 00:00:00 2001
From: yjnoh <yjnoh@interplug.co.kr>
Date: Wed, 7 May 2025 16:56:28 +0900
Subject: [PATCH 08/10] =?UTF-8?q?[1014]=20:=20[819=E3=81=AE=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0=E3=80=80=E3=83=AC=E3=82=A4=E3=82=A2=E3=82=A6=E3=83=88?=
 =?UTF-8?q?=E6=8C=87=E5=AE=9A=E9=85=8D=E7=BD=AE=E3=81=AE=E8=87=AA=E5=8B=95?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[작업내용] : 문구 수정 및 alert icon 정리
---
 src/hooks/module/useModuleBasicSetting.js | 34 +++++++++++------------
 src/locales/ja.json                       |  2 +-
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/hooks/module/useModuleBasicSetting.js b/src/hooks/module/useModuleBasicSetting.js
index c7173dca..4471bc74 100644
--- a/src/hooks/module/useModuleBasicSetting.js
+++ b/src/hooks/module/useModuleBasicSetting.js
@@ -89,12 +89,12 @@ export function useModuleBasicSetting(tabNum) {
           //roofIndex 넣기
           const roofConstructionArray = roofConstructions.map((detail) => ({ ...detail.trestleDetail, roofIndex: detail.roofIndex }))
 
-          setTrestleDetailList(roofConstructionArray)
-
           //북면 설치 가능 판매점
           if (moduleSelectionData.common.saleStoreNorthFlg == '1') {
             setSaleStoreNorthFlg(true)
           }
+
+          setTrestleDetailList(roofConstructionArray)
         }
       } else {
         //육지붕 일경우에는 바로 배치면 설치LL
@@ -865,10 +865,10 @@ export function useModuleBasicSetting(tabNum) {
 
                 // getModuleStatistics()
               } else {
-                swalFire({ text: getMessage('module.place.overlab') })
+                swalFire({ text: getMessage('module.place.overlab'), icon: 'warning' })
               }
             } else {
-              swalFire({ text: getMessage('module.place.out') })
+              swalFire({ text: getMessage('module.place.out'), icon: 'warning' })
             }
           }
         })
@@ -1266,7 +1266,7 @@ export function useModuleBasicSetting(tabNum) {
             const mixAsgYn = trestlePolygon.modules[0].moduleInfo.mixAsgYn
             //현재 체크된 모듈기준으로 혼합가능인지 확인 Y === Y, N === N 일때만 설치 가능
             if (checkedModule[0].mixAsgYn !== mixAsgYn) {
-              swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error') })
+              swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error'), icon: 'warning' })
               return
             }
           }
@@ -1425,7 +1425,7 @@ export function useModuleBasicSetting(tabNum) {
                           // canvas.renderAll()
                         }
                       } else {
-                        swalFire({ text: getMessage('module.place.overlab') })
+                        swalFire({ text: getMessage('module.place.overlab'), icon: 'warning' })
                         return
                       }
                     }
@@ -1520,7 +1520,7 @@ export function useModuleBasicSetting(tabNum) {
                           // canvas.renderAll()
                         }
                       } else {
-                        swalFire({ text: getMessage('module.place.overlab') })
+                        swalFire({ text: getMessage('module.place.overlab'), icon: 'warning' })
                         return
                       }
                     }
@@ -1613,7 +1613,7 @@ export function useModuleBasicSetting(tabNum) {
                           // canvas.renderAll()
                         }
                       } else {
-                        swalFire({ text: getMessage('module.place.overlab') })
+                        swalFire({ text: getMessage('module.place.overlab'), icon: 'warning' })
                         return
                       }
                     }
@@ -1705,7 +1705,7 @@ export function useModuleBasicSetting(tabNum) {
                           // canvas.renderAll()
                         }
                       } else {
-                        swalFire({ text: getMessage('module.place.overlab') })
+                        swalFire({ text: getMessage('module.place.overlab'), icon: 'warning' })
                         return
                       }
                     }
@@ -1790,7 +1790,7 @@ export function useModuleBasicSetting(tabNum) {
     const batchObjects = canvas?.getObjects().filter((obj) => obj.name === POLYGON_TYPE.OBJECT_SURFACE) //도머s 객체
 
     if (moduleSetupSurfaces.length === 0) {
-      swalFire({ text: getMessage('module.place.no.surface') })
+      swalFire({ text: getMessage('module.place.no.surface'), icon: 'warning' })
       return
     }
 
@@ -3119,13 +3119,13 @@ export function useModuleBasicSetting(tabNum) {
     let moduleSetupSurfaces = canvas?.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE_SETUP_SURFACE) //모듈설치면를 가져옴
     if (isManualModuleSetup) {
       if (checkedModule.length === 0) {
-        swalFire({ text: getMessage('module.place.select.module') })
+        swalFire({ text: getMessage('module.place.select.module'), icon: 'warning' })
         setIsManualModuleSetup(!isManualModuleSetup)
         return
       }
 
       if (checkedModule.length > 1) {
-        swalFire({ text: getMessage('module.place.select.one.module') })
+        swalFire({ text: getMessage('module.place.select.one.module'), icon: 'warning' })
         setIsManualModuleSetup(!isManualModuleSetup)
         return
       }
@@ -3438,7 +3438,7 @@ export function useModuleBasicSetting(tabNum) {
             const mixAsgYn = trestlePolygon.modules[0].moduleInfo.mixAsgYn
             //현재 체크된 모듈기준으로 혼합가능인지 확인 Y === Y, N === N 일때만 설치 가능
             if (checkedModule[0].mixAsgYn !== mixAsgYn) {
-              swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error') })
+              swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error'), icon: 'warning' })
               return
             }
           }
@@ -3471,7 +3471,7 @@ export function useModuleBasicSetting(tabNum) {
                 const intersection = turf.intersect(turf.featureCollection([dormerTurfPolygon, tempTurfModule])) //겹치는지 확인
                 //겹치면 안됨
                 if (intersection) {
-                  swalFire({ text: getMessage('module.place.overobject') })
+                  swalFire({ text: getMessage('module.place.overobject'), icon: 'warning' })
                   isIntersection = false
                 }
               })
@@ -3489,10 +3489,10 @@ export function useModuleBasicSetting(tabNum) {
                 manualDrawModules.push(manualModule)
                 setModuleStatisticsData()
               } else {
-                swalFire({ text: getMessage('module.place.overlab') })
+                swalFire({ text: getMessage('module.place.overlab'), icon: 'warning' })
               }
             } else {
-              swalFire({ text: getMessage('module.place.out') })
+              swalFire({ text: getMessage('module.place.out'), icon: 'warning' })
             }
           }
         })
@@ -3522,7 +3522,7 @@ export function useModuleBasicSetting(tabNum) {
 
     //Y인 모듈과 N인 모듈이 둘다 존재하면 설치 불가
     if (mixAsgY.length > 0 && mixAsgN.length > 0) {
-      swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error') })
+      swalFire({ text: getMessage('modal.module.basic.setting.module.placement.mix.asg.yn.error'), icon: 'warning' })
       return
     }
 
diff --git a/src/locales/ja.json b/src/locales/ja.json
index b37fbc3a..d378ff36 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -1079,5 +1079,5 @@
   "modal.module.basic.setting.module.placement.mix.asg.yn.error": "混合インストール不可能なモジュールです。 (JA)",
   "modal.module.basic.setting.module.placement.mix.asg.yn": "混合",
   "modal.module.basic.setting.layoutpassivity.placement": "layout配置 (JA)",
-  "modal.module.basic.setting.module.placement.over.max.row": "{0}의 최대단수를 초과했습니다. 최대단수표를 참고해 주세요.(JA)"
+  "modal.module.basic.setting.module.placement.over.max.row": "{0} 最大段数超過しました。最大段数表を参考にしてください。"
 }

From 47245e438c5200849078d9dc7a80c7d92700f372 Mon Sep 17 00:00:00 2001
From: yjnoh <yjnoh@interplug.co.kr>
Date: Thu, 8 May 2025 09:48:31 +0900
Subject: [PATCH 09/10] =?UTF-8?q?[1014]=20:=20[819=E3=81=AE=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0=E3=80=80=E3=83=AC=E3=82=A4=E3=82=A2=E3=82=A6=E3=83=88?=
 =?UTF-8?q?=E6=8C=87=E5=AE=9A=E9=85=8D=E7=BD=AE=E3=81=AE=E8=87=AA=E5=8B=95?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[작업내용] : 불필요 소스 삭제
---
 src/locales/ja.json | 1 -
 src/locales/ko.json | 1 -
 2 files changed, 2 deletions(-)

diff --git a/src/locales/ja.json b/src/locales/ja.json
index d378ff36..796eea85 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -1078,6 +1078,5 @@
   "modal.module.basic.setting.module.placement.max.rows.multiple": "2種混合時\rの最大段数",
   "modal.module.basic.setting.module.placement.mix.asg.yn.error": "混合インストール不可能なモジュールです。 (JA)",
   "modal.module.basic.setting.module.placement.mix.asg.yn": "混合",
-  "modal.module.basic.setting.layoutpassivity.placement": "layout配置 (JA)",
   "modal.module.basic.setting.module.placement.over.max.row": "{0} 最大段数超過しました。最大段数表を参考にしてください。"
 }
diff --git a/src/locales/ko.json b/src/locales/ko.json
index 9bc55162..c67e3823 100644
--- a/src/locales/ko.json
+++ b/src/locales/ko.json
@@ -1079,6 +1079,5 @@
   "modal.module.basic.setting.module.placement.max.rows.multiple": "2종 혼합 최대단수",
   "modal.module.basic.setting.module.placement.mix.asg.yn.error": "혼합 설치 불가능한 모듈입니다.",
   "modal.module.basic.setting.module.placement.mix.asg.yn": "혼합",
-  "modal.module.basic.setting.layoutpassivity.placement": "레이아웃 배치",
   "modal.module.basic.setting.module.placement.over.max.row": "{0}의 최대단수를 초과했습니다. 최대단수표를 참고해 주세요."
 }

From b2065e76998bde391b30566490b348d7aaccab49 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: Thu, 8 May 2025 14:48:05 +0900
Subject: [PATCH 10/10] =?UTF-8?q?[1030]=20:=20[=E3=80=90HANASYS=20DESIGN?=
 =?UTF-8?q?=E3=80=91=E6=96=87=E5=AD=97=E4=BF=AE=E6=AD=A3]?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[작업내용] : 다국어 수정
---
 src/locales/ja.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/locales/ja.json b/src/locales/ja.json
index 5aa10f4b..cea000ad 100644
--- a/src/locales/ja.json
+++ b/src/locales/ja.json
@@ -3,7 +3,7 @@
   "welcome": "ようこそ。 {0}さん",
   "header.menus.home": "ホーム",
   "header.menus.management": "見積書管理画面",
-  "header.menus.management.newStuff": "新規見積登録",
+  "header.menus.management.newStuff": "新規物件登録",
   "header.menus.management.detail": "物件詳細",
   "header.menus.management.stuffList": "物件検索",
   "header.menus.community": "コミュニティ",
@@ -186,7 +186,7 @@
   "modal.circuit.trestle.setting.circuit.allocation.passivity.all.power.conditional.validation.error02": "シリーズを選択してください。",
   "modal.circuit.trestle.setting.circuit.allocation.passivity.circuit.num.fix": "番号確定",
   "modal.circuit.trestle.setting.step.up.allocation": "昇圧設定",
-  "modal.circuit.trestle.setting.step.up.allocation.serial.amount": "シリアル枚数",
+  "modal.circuit.trestle.setting.step.up.allocation.serial.amount": "直列枚数",
   "modal.circuit.trestle.setting.step.up.allocation.total.amount": "総回路数",
   "modal.circuit.trestle.setting.step.up.allocation.connected": "接続する",
   "modal.circuit.trestle.setting.step.up.allocation.circuit.amount": "昇圧回路数",