moduleSelectionData 수정

src/components/floor-plan/modal/basic/BasicSetting.jsx

@@ -84,13 +84,8 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
     useModuleBasicSetting(tabNum)
   const { updateObjectDate } = useMasterController()
 
-  useEffect(() => {
-    if (managementState) console.log('managementState', managementState)
-  }, [managementState])
-
   useEffect(() => {
     if (roofsStore && addedRoofs) {
-      console.log('🚀 ~ useEffect ~ roofsStore, addedRoofs:', roofsStore, addedRoofs)
       setRoofs(
         addedRoofs.map((roof, index) => {
           return {
@@ -104,15 +99,10 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
         ...moduleSelectionData,
         roofConstructions: roofsStore.map((roof) => {
           return {
-            addRoof: {
+            roofIndex: roof.index,
-              ...roof.addRoof,
+            addRoof: roof.addRoof,
-            },
+            construction: roof.construction,
-            construction: {
+            trestle: roof.trestle,
-              ...roof.construction,
-            },
-            trestle: {
-              ...roof.trestle,
-            },
           }
         }),
       })
@@ -148,9 +138,9 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
 
   const handleBtnNextStep = () => {
     if (tabNum === 1) {
-      console.log('moduleSelectionData', moduleSelectionData)
       orientationRef.current.handleNextStep()
       setAddedRoofs(roofs)
+      setTabNum(tabNum + 1)
       return
     } else if (tabNum === 2) {
       if (basicSetting.roofSizeSet !== '3') {
@@ -169,14 +159,17 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
         //   })
         //   return
         // }
-
+        trestleRef.current.isComplete().then((res) => {
-        if (!trestleRef.current.isComplete()) {
+          if (!res) {
-          Swal.fire({
+            Swal.fire({
-            title: getMessage('construction.length.difference'),
+              title: getMessage('construction.length.difference'),
-            icon: 'warning',
+              icon: 'warning',
-          })
+            })
-          return
+            return
-        }
+          } else {
+            // setTabNum(tabNum + 1)
+          }
+        })
         //물건정보 갱신일 수정
       } else {
         if (!isObjectNotEmpty(moduleSelectionData.module)) {
@@ -186,10 +179,10 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
           })
           return
         }
+
+        setTabNum(tabNum + 1)
       }
     }
-
-    setTabNum(tabNum + 1)
   }
 
   const placementFlatRef = {
@@ -262,6 +255,7 @@ export default function BasicSetting({ id, pos = { x: 50, y: 230 } }) {
   const trestleProps = {
     roofs,
     setRoofs,
+    tabNum,
     setTabNum,
     moduleSelectionData,
     setModuleSelectionData,

src/components/floor-plan/modal/basic/step/Orientation.jsx

@@ -15,7 +15,7 @@ export const Orientation = forwardRef((props, ref) => {
   const [hasAnglePassivity, setHasAnglePassivity] = useState(false)
   const basicSetting = useRecoilValue(basicSettingState)
   const [addedRoofs, setAddedRoofs] = useRecoilState(addedRoofsState) //지붕재 선택
-  const setRoofsStore = useSetRecoilState(roofsState)
+  const [roofsStore, setRoofsStore] = useRecoilState(roofsState)
   const [roofTab, setRoofTab] = useState(0) //지붕재 탭
   const {
     roofs,
@@ -67,7 +67,6 @@ export const Orientation = forwardRef((props, ref) => {
 
   useEffect(() => {
     if (selectedSurfaceType) {
-      console.log(roughnessCodes, selectedSurfaceType)
       setInputRoughness(roughnessCodes.find((code) => code.clCode === managementState?.surfaceTypeValue))
     }
   }, [selectedSurfaceType])
@@ -78,7 +77,6 @@ export const Orientation = forwardRef((props, ref) => {
 
   useEffect(() => {
     if (managementState?.installHeight && managementState?.installHeight) {
-      console.log('🚀 ~ useEffect ~ managementState:', managementState)
       setSelectedSurfaceType(roughnessCodes.find((code) => code.clCode === managementState?.surfaceTypeValue))
       setInputInstallHeight(managementState?.installHeight)
       setStandardWindSpeed(windSpeedCodes.find((code) => code.clCode === managementState?.standardWindSpeedId))
@@ -87,10 +85,11 @@ export const Orientation = forwardRef((props, ref) => {
   }, [managementState])
 
   useEffect(() => {
-    if (moduleSelectionData) {
+    if (addedRoofs) {
-      console.log('moduleSelectionData', moduleSelectionData)
+      setRoofs(addedRoofs)
+      // setAddedRoofs(roofsStore)
     }
-  }, [moduleSelectionData])
+  }, [addedRoofs])
 
   useImperativeHandle(ref, () => ({
     handleNextStep,
@@ -127,6 +126,7 @@ export const Orientation = forwardRef((props, ref) => {
         module: {
           ...selectedModules,
         },
+        common,
       })
       orientationTrigger({
         compasDeg: inputCompasDeg,
@@ -166,6 +166,7 @@ export const Orientation = forwardRef((props, ref) => {
   }
 
   const isComplete = () => {
+    if (!selectedModules) return false
     if (basicSetting && basicSetting.roofSizeSet !== '3') {
       if (inputInstallHeight <= 0) {
         return false
@@ -211,19 +212,28 @@ export const Orientation = forwardRef((props, ref) => {
     const newRoofs = addedRoofs.map((roof) => {
       return {
         ...roof,
-        lengthBase: null,
+        trestle: {
-        trestleMkrCd: null,
+          lengthBase: null,
-        constMthdCd: null,
+          trestleMkrCd: null,
-        constTp: null,
+          constMthdCd: null,
-        roofBaseCd: null,
+          constTp: null,
-        ridgeMargin: null,
+          roofBaseCd: null,
-        kerabaMargin: null,
+          roofPchBase: null,
-        eavesMargin: null,
+        },
-        roofPchBase: null,
+        addRoof: {
-        cvrYn: 'N',
+          ...roof.addRoof,
-        snowGdPossYn: 'N',
+          lengthBase: null,
-        cvrChecked: false,
+          eavesMargin: null,
-        snowGdChecked: false,
+          kerabaMargin: null,
+          ridgeMargin: null,
+        },
+        construction: {
+          constTp: null,
+          cvrYn: 'N',
+          snowGdPossYn: 'N',
+          cvrChecked: false,
+          snowGdChecked: false,
+        },
       }
     })
     // setRoofs(newRoofs)

src/components/floor-plan/modal/basic/step/Trestle.jsx

@@ -7,16 +7,16 @@ import { currentAngleTypeSelector, pitchTextSelector } from '@/store/canvasAtom'
 import { roofsState } from '@/store/roofAtom'
 import { moduleSelectionDataState, selectedModuleState } from '@/store/selectedModuleOptions'
 import { isObjectNotEmpty } from '@/util/common-utils'
-import { forwardRef, useContext, useEffect, useImperativeHandle, useState } from 'react'
+import { forwardRef, useContext, useEffect, useImperativeHandle, useRef, useState } from 'react'
 import { useRecoilState, useRecoilValue } from 'recoil'
 
 const Trestle = forwardRef((props, ref) => {
-  const { setTabNum, trestleTrigger, roofs, setRoofs, moduleSelectionData, setModuleSelectionData } = props
+  const { tabNum, setTabNum, trestleTrigger, roofs, setRoofs, moduleSelectionData, setModuleSelectionData } = props
   const { getMessage } = useMessage()
   // const [selectedTrestle, setSelectedTrestle] = useState()
   const currentAngleType = useRecoilValue(currentAngleTypeSelector)
   const pitchText = useRecoilValue(pitchTextSelector)
-  const [selectedRoof, setSelectedRoof] = useState()
+  const [selectedRoof, setSelectedRoof] = useState(null)
   const {
     trestleState,
     trestleDetail,
@@ -54,6 +54,8 @@ const Trestle = forwardRef((props, ref) => {
   const [selectedRoofBase, setSelectedRoofBase] = useState(null)
   const { managementState } = useContext(GlobalDataContext)
   const { restoreModuleInstArea } = useModuleBasicSetting()
+  const [flag, setFlag] = useState(false)
+  const tempModuleSelectionData = useRef(null)
 
   useEffect(() => {
     if (roofs && !selectedRoof) {
@@ -64,9 +66,23 @@ const Trestle = forwardRef((props, ref) => {
     restoreModuleInstArea()
   }, [roofs])
 
+  useEffect(() => {}, [moduleSelectionData])
+
+  useEffect(() => {
+    if (flag && moduleSelectionData) {
+      if (JSON.stringify(tempModuleSelectionData.current) === JSON.stringify(moduleSelectionData)) {
+        setTabNum(tabNum + 1)
+      }
+    }
+  }, [flag, moduleSelectionData])
+
   useEffect(() => {
     if (selectedRoof) {
-      dispatch({ type: 'SET_INITIALIZE', roof: { ...selectedRoof, moduleTpCd: selectedModules.itemTp } })
+      setHajebichi(selectedRoof.hajebichi)
+      setEavesMargin(selectedRoof?.eavesMargin ?? 0)
+      setRidgeMargin(selectedRoof?.ridgeMargin ?? 0)
+      setKerabaMargin(selectedRoof?.kerabaMargin ?? 0)
+      dispatch({ type: 'SET_INITIALIZE', roof: { ...selectedRoof, ...moduleSelectionData } })
     }
   }, [selectedRoof])
 
@@ -88,7 +104,7 @@ const Trestle = forwardRef((props, ref) => {
 
   useEffect(() => {
     if (constructionList.length > 0) {
-      setSelectedConstruction(constructionList.find((construction) => construction.constTp === trestleState?.constTp) ?? null)
+      setSelectedConstruction(constructionList.find((construction) => construction.constTp === trestleState?.construction?.constTp) ?? null)
     }
   }, [constructionList])
 
@@ -124,7 +140,7 @@ const Trestle = forwardRef((props, ref) => {
       roof: {
         moduleTpCd: selectedModules.itemTp ?? '',
         roofMatlCd: selectedRoof?.roofMatlCd ?? '',
-        raftBaseCd: selectedRaftBase.clCode,
+        raftBaseCd: selectedRaftBase?.clCode,
         trestleMkrCd: e.trestleMkrCd,
       },
     })
@@ -137,7 +153,7 @@ const Trestle = forwardRef((props, ref) => {
       roof: {
         moduleTpCd: selectedModules.itemTp ?? '',
         roofMatlCd: selectedRoof?.roofMatlCd ?? '',
-        raftBaseCd: selectedRaftBase.clCode,
+        raftBaseCd: selectedRaftBase?.clCode,
         trestleMkrCd: selectedTrestle.trestleMkrCd,
         constMthdCd: e.constMthdCd,
       },
@@ -151,7 +167,7 @@ const Trestle = forwardRef((props, ref) => {
       roof: {
         moduleTpCd: selectedModules.itemTp ?? '',
         roofMatlCd: selectedRoof?.roofMatlCd ?? '',
-        raftBaseCd: selectedRaftBase.clCode,
+        raftBaseCd: selectedRaftBase?.clCode,
         trestleMkrCd: selectedTrestle.trestleMkrCd,
         constMthdCd: selectedConstMthd.constMthdCd,
         roofBaseCd: e.roofBaseCd,
@@ -169,17 +185,24 @@ const Trestle = forwardRef((props, ref) => {
       if (i === selectedRoof.index) {
         return {
           ...selectedRoof,
-          ...trestleState,
           eavesMargin,
           ridgeMargin,
           kerabaMargin,
-          cvrYn,
+          roofIndex: roof.index,
-          snowGdPossYn,
+          trestle: {
-          cvrChecked,
+            lengthBase: lengthBase,
-          snowGdChecked,
+            ...selectedRaftBase,
+            ...selectedTrestle,
+            ...selectedConstMthd,
+            ...selectedRoofBase,
+          },
+          construction: {
+            ...constructionList.find((data) => data.constTp === trestleState.constTp),
+          },
+          trestleDetail: trestleDetail,
         }
       }
-      return { ...roof }
+      return roof
     })
     setRoofs(newAddedRoofs)
     setSelectedRoof(newAddedRoofs[index])
@@ -192,7 +215,7 @@ const Trestle = forwardRef((props, ref) => {
         roof: {
           moduleTpCd: selectedModules.itemTp ?? '',
           roofMatlCd: selectedRoof?.roofMatlCd ?? '',
-          raftBaseCd: selectedRaftBase.clCode,
+          raftBaseCd: selectedRaftBase?.clCode,
           trestleMkrCd: selectedTrestle.trestleMkrCd,
           constMthdCd: selectedConstMthd.constMthdCd,
           roofBaseCd: selectedRoofBase.roofBaseCd,
@@ -200,7 +223,7 @@ const Trestle = forwardRef((props, ref) => {
           instHt: managementState?.installHeight ?? '',
           stdWindSpeed: managementState?.standardWindSpeedId ?? '',
           stdSnowLd: +managementState?.verticalSnowCover ?? '',
-          inclCd: selectedRoof?.pitch.toString() ?? 0,
+          inclCd: selectedRoof?.pitch ?? 0,
           roofPitch: Math.round(selectedRoof?.roofPchBase ?? 0),
           constTp: constructionList[index].constTp,
           mixMatlNo: selectedModules.mixMatlNo,
@@ -219,86 +242,89 @@ const Trestle = forwardRef((props, ref) => {
 
   const isComplete = async () => {
     const newAddedRoofs = roofs.map((roof, i) => {
-      if (i === selectedRoof?.index) {
+      if (i === selectedRoof?.roofIndex) {
         return {
           ...selectedRoof,
-          addRoof: roof,
-          trestle: trestleState,
           eavesMargin,
           ridgeMargin,
           kerabaMargin,
-          cvrYn,
+          roofIndex: roof.index,
-          snowGdPossYn,
+          trestle: {
-          cvrChecked,
+            lengthBase: lengthBase,
-          snowGdChecked,
+            ...selectedRaftBase,
-          trestleDetail,
+            ...selectedTrestle,
+            ...selectedConstMthd,
+            ...selectedRoofBase,
+          },
+          construction: {
+            ...constructionList.find((data) => data.constTp === trestleState.constTp),
+          },
+          trestleDetail: trestleDetail,
         }
       }
-      return { ...roof }
+      return roof
     })
 
     let result = true
     newAddedRoofs.forEach((roof) => {
-      if (roof.eavesMargin && roof.ridgeMargin && roof.kerabaMargin) {
+      if (!roof?.eavesMargin || !roof?.ridgeMargin || !roof?.kerabaMargin) result = false
-        return true
+      if (!roof.trestle?.trestleMkrCd) result = false
+      if (!roof.trestle?.constMthdCd) result = false
+      if (!roof.trestle?.roofBaseCd) result = false
+      if (!roof.construction?.constTp) result = false
+
+      if (roof.lenAuth === 'C') {
+        if (!roof.trestle?.lengthBase) result = false
+      }
+      if (['C', 'R'].includes(roof.raftAuth)) {
+        if (!roof?.raftBaseCd) result = false
       }
 
-      if (!roof.trestleMkrCd) result = false
+      if (['C', 'R'].includes(roof.roofPchAuth)) {
-      if (!roof.constMthdCd) result = false
+        if (!roof?.roofPchBase) result = false
-      if (!roof.roofBaseCd) result = false
-      if (!roof.constTp) result = false
-
-      if (selectedRoof.lenAuth === 'C') {
-        if (!trestleState?.lengthBase) result = false
-      }
-      if (['C', 'R'].includes(selectedRoof.raftAuth)) {
-        if (!roof.raftBaseCd) result = false
-      }
-
-      if (['C', 'R'].includes(selectedRoof.roofPchAuth)) {
-        if (!roof.roofPchBase) result = false
       }
     })
 
-    console.log('newAddedRoofs', newAddedRoofs)
+    const newRoofs = newAddedRoofs.map((roof) => {
-
+      const { addRoof, trestle, construction, ...rest } = roof
+      return rest
+    })
     if (result) {
+      setModuleSelectionData({
+        ...moduleSelectionData,
+        roofConstructions: newAddedRoofs.map((roof, index) => ({
+          roofIndex: roof.index,
+          trestle: roof.trestle,
+          addRoof: newRoofs[index],
+          construction: roof.construction,
+          trestleDetail: roof.trestleDetail,
+        })),
+      })
+      setFlag(true)
+      tempModuleSelectionData.current = {
+        ...moduleSelectionData,
+        roofConstructions: newAddedRoofs.map((roof, index) => ({
+          roofIndex: roof.index,
+          trestle: roof.trestle,
+          addRoof: newRoofs[index],
+          construction: roof.construction,
+          trestleDetail: roof.trestleDetail,
+        })),
+      }
       const updatePromises = [
+        // new Promise((resolve) => {
+        //   resolve()
+        // }),
         new Promise((resolve) => {
-          setRoofs(newAddedRoofs)
+          setRoofs(newRoofs)
-          resolve()
-        }),
-        new Promise((resolve) => {
-          setModuleSelectionData({
-            ...moduleSelectionData,
-            roofConstructions: newAddedRoofs.map((roof, index) => ({
-              roofIndex: roof.index,
-              addRoof: {
-                ...moduleSelectionData.roofConstructions[index]?.addRoof,
-                ...roof.addRoof,
-              },
-              trestle: {
-                ...moduleSelectionData.roofConstructions[index]?.trestle,
-                ...roof.trestle,
-              },
-              construction: {
-                ...roof.construction,
-                ...moduleSelectionData.roofConstructions[index]?.construction,
-              },
-              trestleDetail: {
-                ...roof.trestleDetail,
-              },
-            })),
-          })
           resolve()
         }),
+
         new Promise((resolve) => {
           trestleTrigger({
-            roofConstruction: newAddedRoofs.map((roof) => ({
+            roofConstruction: newAddedRoofs.map((roof, index) => ({
               roofIndex: roof.index,
-              addRoof: {
+              addRoof: newRoofs[index],
-                ...roof,
-              },
               trestle: {
                 ...selectedTrestle,
                 raftBaseCd: roof.raftBaseCd,
@@ -317,11 +343,14 @@ const Trestle = forwardRef((props, ref) => {
       ]
 
       await Promise.all(updatePromises)
+      return true
     }
 
-    return result
+    return false
   }
 
+  const getFlag = () => {}
+
   useImperativeHandle(ref, () => ({
     isComplete,
   }))

src/hooks/module/useModuleTrestle.js

@@ -20,24 +20,24 @@ const trestleReducer = (state, action) => {
       }
     case 'SET_INITIALIZE':
       return {
-        moduleTpCd: action.roof.moduleTpCd ?? '',
+        moduleTpCd: action.roof.module?.itemTp ?? '',
-        roofMatlCd: action.roof.roofMatlCd ?? '',
+        roofMatlCd: action.roof?.roofMatlCd ?? '',
-        raftBaseCd: action.roof.raftBaseCd ?? null,
+        raftBaseCd: action.roof?.raftBaseCd ?? null,
-        trestleMkrCd: action.roof.trestleMkrCd ?? null,
+        trestleMkrCd: action.roof.roofConstructions[action.roof.index].trestle?.trestleMkrCd ?? null,
-        constMthdCd: action.roof.constMthdCd ?? null,
+        constMthdCd: action.roof.roofConstructions[action.roof.index].trestle?.constMthdCd ?? null,
-        constTp: action.roof.constTp ?? null,
+        constTp: action.roof.roofConstructions[action.roof.index].construction?.constTp ?? null,
-        roofBaseCd: action.roof.roofBaseCd ?? null,
+        roofBaseCd: action.roof.roofConstructions[action.roof.index].trestle?.roofBaseCd ?? null,
         workingWidth: action.roof.workingWidth ?? 0,
-        lengthBase: action.roof.length ?? 0,
+        lengthBase: action.roof.roofConstructions[action.roof.index].addRoof?.length ?? 0,
-        illuminationTp: action.roof.illuminationTp ?? null,
+        illuminationTp: action.roof.common.illuminationTp ?? null,
-        instHt: action.roof.instHt ?? null,
+        instHt: action.roof.common.instHt ?? null,
-        stdWindSpeed: action.roof.stdWindSpeed ?? null,
+        stdWindSpeed: action.roof.common.stdWindSpeed ?? null,
-        stdSnowLd: action.roof.stdSnowLd ?? null,
+        stdSnowLd: action.roof.common.stdSnowLd ?? null,
-        inclCd: action.roof.inclCd ?? null,
+        inclCd: action.roof.roofConstructions[action.roof.index].addRoof?.pitch ?? null,
-        roofPitch: action.roof.roofPchBase ?? 0,
+        roofPitch: action.roof.roofConstructions[action.roof.index].addRoof?.roofPchBase ?? 0,
-        eavesMargin: action.roof.eavesMargin ?? null,
+        eavesMargin: action.roof.roofConstructions[action.roof.index].addRoof?.eavesMargin ?? null,
-        ridgeMargin: action.roof.ridgeMargin ?? null,
+        ridgeMargin: action.roof.roofConstructions[action.roof.index].addRoof?.ridgeMargin ?? null,
-        kerabaMargin: action.roof.kerabaMargin ?? null,
+        kerabaMargin: action.roof.roofConstructions[action.roof.index].addRoof?.kerabaMargin ?? null,
       }
     default:
       return state
@@ -71,19 +71,19 @@ export function useModuleTrestle(props) {
     setConstMthdList([])
     setRoofBaseList([])
     setConstructionList([])
-    setEavesMargin(selectedRoof?.eavesMargin ?? 0)
+    // setEavesMargin(selectedRoof?.addRoof?.eavesMargin ?? 0)
-    setRidgeMargin(selectedRoof?.ridgeMargin ?? 0)
+    // setRidgeMargin(selectedRoof?.addRoof?.ridgeMargin ?? 0)
-    setKerabaMargin(selectedRoof?.kerabaMargin ?? 0)
+    // setKerabaMargin(selectedRoof?.addRoof?.kerabaMargin ?? 0)
-    setCvrYn(selectedRoof?.cvrYn ?? 'N')
+    setCvrYn(selectedRoof?.construction?.cvrYn ?? 'N')
-    setCvrChecked(selectedRoof?.cvrChecked ?? false)
+    setCvrChecked(selectedRoof?.construction?.cvrChecked ?? false)
-    setSnowGdPossYn(selectedRoof?.snowGdPossYn ?? 'N')
+    setSnowGdPossYn(selectedRoof?.construction?.snowGdPossYn ?? 'N')
-    setSnowGdChecked(selectedRoof?.snowGdChecked ?? false)
+    setSnowGdChecked(selectedRoof?.construction?.snowGdChecked ?? false)
   }, [selectedRoof])
 
   useEffect(() => {
     if (trestleState) {
       handleSetTrestleList()
-      if (!trestleState.trestleMkrCd) {
+      if (!trestleState?.trestleMkrCd) {
         setConstMthdList([])
         setRoofBaseList([])
         setConstructionList([])
@@ -92,7 +92,7 @@ export function useModuleTrestle(props) {
       }
 
       handleSetConstMthdList()
-      if (!trestleState.constMthdCd) {
+      if (!trestleState?.constMthdCd) {
         setRoofBaseList([])
         setConstructionList([])
         setTrestleDetail(null)
@@ -100,19 +100,19 @@ export function useModuleTrestle(props) {
       }
 
       handleSetRoofBaseList()
-      if (!trestleState.roofBaseCd) {
+      if (!trestleState?.roofBaseCd) {
         setConstructionList([])
         setTrestleDetail(null)
         return
       }
 
       handleSetConstructionList()
-      if (!trestleState.constTp) {
+      if (!trestleState?.constTp) {
         setTrestleDetail(null)
         return
       }
 
-      if (!trestleState.eavesMargin) {
+      if (!trestleState?.eavesMargin) {
         handleSetTrestleDetailData()
       }
     }
@@ -120,9 +120,9 @@ export function useModuleTrestle(props) {
 
   const handleSetTrestleList = () => {
     getTrestleList({
-      moduleTpCd: trestleState.moduleTpCd ?? '',
+      moduleTpCd: trestleState?.moduleTpCd ?? '',
-      roofMatlCd: trestleState.roofMatlCd ?? '',
+      roofMatlCd: trestleState?.roofMatlCd ?? '',
-      raftBaseCd: trestleState.raftBaseCd ?? '',
+      raftBaseCd: trestleState?.raftBaseCd ?? '',
     }).then((res) => {
       if (res?.data) setTrestleList(res.data)
     })
@@ -130,10 +130,10 @@ export function useModuleTrestle(props) {
 
   const handleSetConstMthdList = () => {
     getTrestleList({
-      moduleTpCd: trestleState.moduleTpCd ?? '',
+      moduleTpCd: trestleState?.moduleTpCd ?? '',
-      roofMatlCd: trestleState.roofMatlCd ?? '',
+      roofMatlCd: trestleState?.roofMatlCd ?? '',
-      raftBaseCd: trestleState.raftBaseCd ?? '',
+      raftBaseCd: trestleState?.raftBaseCd ?? '',
-      trestleMkrCd: trestleState.trestleMkrCd ?? '',
+      trestleMkrCd: trestleState?.trestleMkrCd ?? '',
     }).then((res) => {
       if (res?.data) setConstMthdList(res.data)
     })
@@ -141,11 +141,11 @@ export function useModuleTrestle(props) {
 
   const handleSetRoofBaseList = () => {
     getTrestleList({
-      moduleTpCd: trestleState.moduleTpCd ?? '',
+      moduleTpCd: trestleState?.moduleTpCd ?? '',
-      roofMatlCd: trestleState.roofMatlCd ?? '',
+      roofMatlCd: trestleState?.roofMatlCd ?? '',
-      raftBaseCd: trestleState.raftBaseCd ?? '',
+      raftBaseCd: trestleState?.raftBaseCd ?? '',
-      trestleMkrCd: trestleState.trestleMkrCd ?? '',
+      trestleMkrCd: trestleState?.trestleMkrCd ?? '',
-      constMthdCd: trestleState.constMthdCd ?? '',
+      constMthdCd: trestleState?.constMthdCd ?? '',
     }).then((res) => {
       if (res?.data) setRoofBaseList(res.data)
     })
@@ -153,11 +153,11 @@ export function useModuleTrestle(props) {
 
   const handleSetConstructionList = () => {
     getConstructionList({
-      moduleTpCd: trestleState.moduleTpCd ?? '',
+      moduleTpCd: trestleState?.moduleTpCd ?? '',
-      roofMatlCd: trestleState.roofMatlCd ?? '',
+      roofMatlCd: trestleState?.roofMatlCd ?? '',
-      trestleMkrCd: trestleState.trestleMkrCd ?? '',
+      trestleMkrCd: trestleState?.trestleMkrCd ?? '',
-      constMthdCd: trestleState.constMthdCd ?? '',
+      constMthdCd: trestleState?.constMthdCd ?? '',
-      roofBaseCd: trestleState.roofBaseCd ?? '',
+      roofBaseCd: trestleState?.roofBaseCd ?? '',
       illuminationTp: trestleState.illuminationTp ?? '',
       instHt: trestleState.instHt ?? '',
       stdWindSpeed: trestleState.stdWindSpeed ?? '',

src/hooks/roofcover/useRoofAllocationSetting.js

@@ -296,7 +296,7 @@ export function useRoofAllocationSetting(id) {
         })
       }
 
-      return { ...roof, index: idx, raft: roof.raft ? roof.raft : roof.raftBaseCd, raftBaseCd: roof.raft ? roof.raft : roof.raftBaseCd }
+      return { ...roof, index: idx, raft: roof.raft ? roof.raft : roof.raftBaseCd }
     })
 
     setBasicSetting((prev) => {
@@ -308,8 +308,7 @@ export function useRoofAllocationSetting(id) {
     const selectedRoofMaterial = newRoofList.find((roof) => roof.selected)
     setSurfaceShapePattern(currentObject, roofDisplay.column, false, selectedRoofMaterial, true)
     drawDirectionArrow(currentObject)
-    setModuleSelectionData({ ...moduleSelectionData, roofConstructions: newRoofList })
+    modifyModuleSelectionData()
-    // modifyModuleSelectionData()
     closeAll()
     basicSettingSave()
   }
@@ -550,9 +549,9 @@ export function useRoofAllocationSetting(id) {
    * 모듈 선택에서 선택한 데이터 초기화
    */
   const modifyModuleSelectionData = () => {
-    if (moduleSelectionData.roofConstructions.length > 0) {
+    if (moduleSelectionData.roofConstructions?.length > 0) {
       setModuleSelectionData({ ...moduleSelectionData, roofConstructions: [] })
-      moduleSelectedDataTrigger({ roofConstructions: [] })
+      moduleSelectedDataTrigger({ ...moduleSelectionData, roofConstructions: [] })
     }
   }