diff --git a/src/components/floor-plan/modal/circuitTrestle/step/StepUp.jsx b/src/components/floor-plan/modal/circuitTrestle/step/StepUp.jsx index d1b3d3dd..19a701dc 100644 --- a/src/components/floor-plan/modal/circuitTrestle/step/StepUp.jsx +++ b/src/components/floor-plan/modal/circuitTrestle/step/StepUp.jsx @@ -13,6 +13,7 @@ import { useMasterController } from '@/hooks/common/useMasterController' export default function StepUp(props) { const { getMessage } = useMessage() const [moduleTab, setModuleTab] = useState(1) + const [moduleTabs, setModuleTabs] = useState({}) const [arrayLength, setArrayLength] = useState(3) //module-table-inner의 반복 개수 const [pcsCheck, setPcsCheck] = useRecoilState(pcsCheckState) const { models } = props @@ -104,15 +105,24 @@ export default function StepUp(props) { })) console.log('🚀 ~ useEffect ~ getPcsVoltageStepUpList ~ stepUpListData:', stepUpListData) setStepUpListData(stepUpListData) + + setOptCodes(res.data.optionList.map((opt) => ({ ...opt, code: opt.pcsOptCd, name: opt.pcsOptNm, nameJp: opt.pcsOptNmJp }))) } }) - - //setOptCodes(stepUpListData.optionList.map((opt) => ({ ...opt, code: opt.pcsOptCd, name: opt.pcsOptNm, nameJp: opt.pcsOptNmJp }))) }, []) useCanvasPopupStatusController(6) const canvasPopupStatusState = useRecoilValue(canvasPopupStatusStore) if (Object.keys(canvasPopupStatusState[6]).length !== 0) { + console.log('🚀 ~ useEffect ~ canvasPopupStatusState :', canvasPopupStatusState) + } + + // 각 모듈의 탭을 변경하는 함수 + const handleTabChange = (stepUpId, idx, tabNumber) => { + setModuleTabs((prev) => ({ + ...prev, + [`${stepUpId}_${idx}`]: tabNumber, + })) } return ( @@ -122,7 +132,7 @@ export default function StepUp(props) { {/* 3개일때 className = by-max */} {stepUpListData.map((stepUp, index) => (