diff --git a/src/components/floor-plan/modal/circuitTrestle/CircuitTrestleSetting.jsx b/src/components/floor-plan/modal/circuitTrestle/CircuitTrestleSetting.jsx index 84608186..daf0977a 100644 --- a/src/components/floor-plan/modal/circuitTrestle/CircuitTrestleSetting.jsx +++ b/src/components/floor-plan/modal/circuitTrestle/CircuitTrestleSetting.jsx @@ -1,7 +1,6 @@ import WithDraggable from '@/components/common/draggable/WithDraggable' import { useState, useEffect, useContext } from 'react' import PowerConditionalSelect from '@/components/floor-plan/modal/circuitTrestle/step/PowerConditionalSelect' -import CircuitAllocation from '@/components/floor-plan/modal/circuitTrestle/step/CircuitAllocation' import StepUp from '@/components/floor-plan/modal/circuitTrestle/step/StepUp' import { useMessage } from '@/hooks/useMessage' import { usePopup } from '@/hooks/usePopup' diff --git a/src/components/floor-plan/modal/circuitTrestle/step/PowerConditionalSelect.jsx b/src/components/floor-plan/modal/circuitTrestle/step/PowerConditionalSelect.jsx index 06cab2f1..5cc83160 100644 --- a/src/components/floor-plan/modal/circuitTrestle/step/PowerConditionalSelect.jsx +++ b/src/components/floor-plan/modal/circuitTrestle/step/PowerConditionalSelect.jsx @@ -223,7 +223,7 @@ export default function PowerConditionalSelect(props) {
{series?.map((series, index) => ( -
+
onCheckSeries(series)} checked={series.selected} />
@@ -263,8 +263,8 @@ export default function PowerConditionalSelect(props) {
- {selectedModels?.map((model) => ( - + {selectedModels?.map((model, index) => ( + {model.goodsNo} ))} diff --git a/src/components/floor-plan/modal/circuitTrestle/step/type/PassivityCircuitAllocation.jsx b/src/components/floor-plan/modal/circuitTrestle/step/type/PassivityCircuitAllocation.jsx index 635e1f8f..e77c2b66 100644 --- a/src/components/floor-plan/modal/circuitTrestle/step/type/PassivityCircuitAllocation.jsx +++ b/src/components/floor-plan/modal/circuitTrestle/step/type/PassivityCircuitAllocation.jsx @@ -271,10 +271,9 @@ export default function PassivityCircuitAllocation(props) { canvas.renderAll() canvas.discardActiveObject() + setModuleStatisticsData() }, }) - - setModuleStatisticsData() } const initAllPcsCircuitNumber = () => { @@ -292,12 +291,11 @@ export default function PassivityCircuitAllocation(props) { obj.circuit = null obj.pcsItemId = null }) - setTargetModules([]) - canvas.renderAll() + setTargetModules([]) + setModuleStatisticsData() }, }) - setModuleStatisticsData() } return ( diff --git a/src/components/floor-plan/modal/panelBatch/PanelBatchStatistics.jsx b/src/components/floor-plan/modal/panelBatch/PanelBatchStatistics.jsx index af66b672..8cd0de0e 100644 --- a/src/components/floor-plan/modal/panelBatch/PanelBatchStatistics.jsx +++ b/src/components/floor-plan/modal/panelBatch/PanelBatchStatistics.jsx @@ -4,12 +4,13 @@ import { useEffect, useState } from 'react' import { useMessage } from '@/hooks/useMessage' import WithDraggable from '@/components/common/draggable/WithDraggable' import { moduleStatisticsState } from '@/store/circuitTrestleAtom' -import { useRecoilValue, useResetRecoilState } from 'recoil' +import { useRecoilState, useRecoilValue, useResetRecoilState } from 'recoil' import { useModule } from '@/hooks/module/useModule' import { useEavesGableEdit } from '@/hooks/roofcover/useEavesGableEdit' import { canvasState } from '@/store/canvasAtom' import { POLYGON_TYPE } from '@/common/common' import { useCircuitTrestle } from '@/hooks/useCirCuitTrestle' +import { moduleSelectionDataState } from '@/store/selectedModuleOptions' export default function PanelBatchStatistics() { const { getMessage } = useMessage() @@ -21,15 +22,10 @@ export default function PanelBatchStatistics() { const canvas = useRecoilValue(canvasState) const { header, rows, footer } = useRecoilValue(moduleStatisticsState) const { setModuleStatisticsData } = useCircuitTrestle() + const [moduleSelectionDataStore, setModuleSelectionDataStore] = useRecoilState(moduleSelectionDataState) useEffect(() => { - const roofSurfaces = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE_SETUP_SURFACE) - console.log('πŸš€ ~ useEffect ~ roofSurfaces1:', roofSurfaces) - setModuleStatisticsData() - console.log( - 'πŸš€ ~ useEffect ~ roofSurfaces2:', - canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE_SETUP_SURFACE), - ) + if (moduleSelectionDataStore && moduleSelectionDataStore.module) setModuleStatisticsData() }, []) return ( diff --git a/src/hooks/common/useCanvasPopupStatusController.js b/src/hooks/common/useCanvasPopupStatusController.js index 5e560136..bbe4ae70 100644 --- a/src/hooks/common/useCanvasPopupStatusController.js +++ b/src/hooks/common/useCanvasPopupStatusController.js @@ -7,7 +7,8 @@ import { useAxios } from '../useAxios' import { unescapeString } from '@/util/common-utils' import { moduleSelectionDataState, moduleSelectionTotalState } from '@/store/selectedModuleOptions' import { compasDegAtom } from '@/store/orientationAtom' -import { currentCanvasPlanState } from '@/store/canvasAtom' +import { canvasState, currentCanvasPlanState } from '@/store/canvasAtom' +import { POLYGON_TYPE } from '@/common/common' export function useCanvasPopupStatusController(param = 1) { const popupType = parseInt(param) @@ -15,7 +16,7 @@ export function useCanvasPopupStatusController(param = 1) { const [compasDeg, setCompasDeg] = useRecoilState(compasDegAtom) const [moduleSelectionDataStore, setModuleSelectionDataStore] = useRecoilState(moduleSelectionDataState) const { get, getFetcher, postFetcher } = useAxios() - + const canvas = useRecoilValue(canvasState) const currentCanvasPlan = useRecoilValue(currentCanvasPlanState) // console.log('πŸš€ ~ Orientation ~ currentCanvasPlan:', currentCanvasPlan) @@ -52,7 +53,14 @@ export function useCanvasPopupStatusController(param = 1) { if (i === 1) { setCompasDeg(result.popupStatus) } else if (i === 2) { - setModuleSelectionDataStore(JSON.parse(unescapeString(result.popupStatus))) + const data = JSON.parse(unescapeString(result.popupStatus)) + setModuleSelectionDataStore(data) + + const roofSurfaceList = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE_SETUP_SURFACE) + const modules = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE) + roofSurfaceList.forEach((surface) => { + surface.modules = modules.filter((module) => module.surfaceId === surface.id) + }) } } } diff --git a/src/hooks/useCirCuitTrestle.js b/src/hooks/useCirCuitTrestle.js index 3b37d226..b216d3af 100644 --- a/src/hooks/useCirCuitTrestle.js +++ b/src/hooks/useCirCuitTrestle.js @@ -26,7 +26,6 @@ export function useCircuitTrestle() { const selectedModules = useRecoilValue(selectedModuleState) const { managementState, setManagementState, managementStateLoaded } = useContext(GlobalDataContext) const canvas = useRecoilValue(canvasState) - const { trigger: moduleSelectedDataTrigger } = useCanvasPopupStatusController(2) const [moduleSelectionData, setModuleSelectionData] = useRecoilState(moduleSelectionDataState) const setModuleStatistics = useSetRecoilState(moduleStatisticsState) const { getMessage } = useMessage() @@ -73,10 +72,6 @@ export function useCircuitTrestle() { // 지뢕면 λͺ©λ‘ const getRoofSurfaceList = () => { const roofSurfaceList = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE_SETUP_SURFACE) - const modules = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE) - roofSurfaceList.forEach((surface) => { - surface.modules = modules.filter((module) => module.surfaceId === surface.id) - }) roofSurfaceList.sort((a, b) => a.left - b.left || b.top - a.top) return roofSurfaceList .map((obj) => { @@ -183,13 +178,21 @@ export function useCircuitTrestle() { const setPowerConditionerData = () => {} const setModuleStatisticsData = () => { - const roofSurfaceList = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE_SETUP_SURFACE) - const modules = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE) - roofSurfaceList.forEach((surface) => { - surface.modules = modules.filter((module) => module.surfaceId === surface.id) - }) - // console.log(moduleSelectionData) - if (!moduleSelectionData || !moduleSelectionData.module || moduleSelectionData.module?.itemList?.length === 0) return + // const roofSurfaceList = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE_SETUP_SURFACE) + // const modules = canvas.getObjects().filter((obj) => obj.name === POLYGON_TYPE.MODULE) + // roofSurfaceList.forEach((surface) => { + // surface.modules = modules.filter((module) => module.surfaceId === surface.id) + // }) + // console.log('roofSurfaceList', roofSurfaceList) + // console.log('modules', modules) + console.log('moduleSelectionData', moduleSelectionData) + if ( + !moduleSelectionData || + !moduleSelectionData.module || + Object.keys(moduleSelectionData.module).length === 0 || + moduleSelectionData.module?.itemList?.length === 0 + ) + return const tempHeader = [ { name: getMessage('simulator.table.sub1'), prop: 'name' }, { name: getMessage('modal.circuit.trestle.setting.circuit.allocation.passivity.circuit'), prop: 'circuit' }, diff --git a/src/store/selectedModuleOptions.js b/src/store/selectedModuleOptions.js index c312c694..5165fb48 100644 --- a/src/store/selectedModuleOptions.js +++ b/src/store/selectedModuleOptions.js @@ -42,7 +42,6 @@ export const moduleSelectionOptionParamsState = atom({ stdWindSpeed: '', stdSnowLd: '', inclCd: '', - roofMatlCd: '', }, dangerouslyAllowMutability: true, })