배치면초기설정 오류 correntObjectNo 수정 및 회로및가대설정(승압설정) 처리

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) => (
             <div key={index} className={`module-table-box ${stepUp.pcsItemList.length === 3 ? 'by-max' : ''}`}>
-              {Array.from({ length: stepUp.pcsItemList.length }).map((_, idx) => (
+              {stepUp?.pcsItemList.map((_, idx) => (
                 <div key={idx} className="module-table-inner">
                   <div className="mb-box">
                     <div className="circuit-table-tit">{stepUp.pcsItemList[idx].goodsNo}</div>
@@ -134,7 +144,7 @@ export default function StepUp(props) {
                             <th>{getMessage('modal.circuit.trestle.setting.step.up.allocation.total.amount')}</th>
                           </tr>
                         </thead>
-                        <tbody>
+                        <tbody key={idx}>
                           {stepUp.pcsItemList[idx].serQtyList.map((item) => {
                             return (
                               <tr className="on">
@@ -148,15 +158,21 @@ export default function StepUp(props) {
                     </div>
                   </div>
                   <div className="module-box-tab mb10">
-                    <button className={`module-btn ${moduleTab === 1 ? 'act' : ''}`} onClick={() => setModuleTab(1)}>
+                    <button
+                      className={`module-btn ${(moduleTabs[`${stepUp.id}_${idx}`] || 1) === 1 ? 'act' : ''}`}
+                      onClick={() => handleTabChange(stepUp.id, idx, 1)}
+                    >
                       {getMessage('modal.circuit.trestle.setting.step.up.allocation.connected')}
                     </button>
-                    <button className={`module-btn ${moduleTab === 2 ? 'act' : ''}`} onClick={() => setModuleTab(2)}>
+                    <button
+                      className={`module-btn ${(moduleTabs[`${stepUp.id}_${idx}`] || 1) === 2 ? 'act' : ''}`}
+                      onClick={() => handleTabChange(stepUp.id, idx, 2)}
+                    >
                       {getMessage('modal.circuit.trestle.setting.step.up.allocation.option')}
                     </button>
                   </div>
                   <div className="circuit-table-flx-wrap">
-                    {moduleTab === 1 && (
+                    {(moduleTabs[`${stepUp.id}_${idx}`] || 1) === 1 && (
                       <div className="circuit-table-flx-box">
                         <div className="roof-module-table min mb10">
                           <table>
@@ -178,7 +194,7 @@ export default function StepUp(props) {
                         </div>
                       </div>
                     )}
-                    {moduleTab === 2 && (
+                    {(moduleTabs[`${stepUp.id}_${idx}`] || 1) === 2 && (
                       <div className="circuit-table-flx-box">
                         <div className="roof-module-table min mb10">
                           <table>
@@ -211,8 +227,8 @@ export default function StepUp(props) {
             </span>
             {optCodes.length > 0 && (
               <div className="grid-select mr10">
-                <QSelectBox title={'電力検出ユニット (モニター付き)'} />
+                {/* <QSelectBox title={'電力検出ユニット (モニター付き)'} /> */}
-                {/* <QSelectBox options={optCodes} value={optCodes.name} sourceKey="code" targetKey="code" showKey="name" /> */}
+                <QSelectBox options={optCodes} title={optCodes[2].name} value={optCodes[0].name} sourceKey="code" targetKey="code" showKey="name" />
               </div>
             )}
           </div>

src/hooks/option/useCanvasSetting.js

@@ -180,9 +180,11 @@ export function useCanvasSetting() {
     ) {
       // 1회만 실행
       if (roofMaterials && previousRoofMaterialsYn === 'N') {
+        if (correntObjectNo) {
           fetchBasicSettings()
           previousRoofMaterialsYn = 'Y'
         }
+      }
 
       // 이전 값을 업데이트
       previousObjectNoRef.current = correntObjectNo