diff --git a/src/components/simulator/Simulator.jsx b/src/components/simulator/Simulator.jsx index f3a26ede..90687c1b 100644 --- a/src/components/simulator/Simulator.jsx +++ b/src/components/simulator/Simulator.jsx @@ -41,6 +41,7 @@ export default function Simulator() { // 차트 관련 const [chartData, setChartData] = useState([]) + const data = { labels: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'], datasets: [ @@ -118,13 +119,30 @@ export default function Simulator() { // 파워컨디셔너 조회 const [pcsInfoList, setPcsInfoList] = useState([]) + // 타입별 list 조회 + const [hatsudenryouAll, setHatsudenryouAll] = useState([]) + const [hatsudenryouAllSnow, setHatsudenryouAllSnow] = useState([]) + const [hatsudenryouPeakcutAll, setHatsudenryouPeakcutAll] = useState([]) + const [hatsudenryouPeakcutAllSnow, setHatsudenryouPeakcutAllSnow] = useState([]) + const fetchObjectDetail = async (objectNo) => { const apiUrl = `/api/pwrGnrSimulation/calculations?objectNo=${objectNo}&planNo=${plan?.id}` + const resultData = await get({ url: apiUrl }) if (resultData) { setObjectDetail(resultData) - if (resultData.frcPwrGnrList) { - setChartData(resultData.frcPwrGnrList) + if (resultData.hatsudenryouAll) { + setHatsudenryouAll(resultData.hatsudenryouAll) + } + if (resultData.hatsudenryouAllSnow) { + setHatsudenryouAllSnow(resultData.hatsudenryouAllSnow) + } + if (resultData.hatsudenryouPeakcutAll) { + setHatsudenryouPeakcutAll(resultData.hatsudenryouPeakcutAll) + } + if (resultData.hatsudenryouPeakcutAllSnow) { + setHatsudenryouPeakcutAllSnow(resultData.hatsudenryouPeakcutAllSnow) + setChartData(resultData.hatsudenryouPeakcutAllSnow) } if (resultData.pcsList) { setPcsInfoList(resultData.pcsList) @@ -148,6 +166,26 @@ export default function Simulator() { }) } + // 차트 데이터 변경 시, list type 셋팅 + const [pwrGnrSimType, setPwrGnrSimType] = useState('D') + const handleChartChangeData = (type) => { + setPwrGnrSimType(type) + switch (type) { + case 'A': + setChartData(hatsudenryouAll) + break + case 'B': + setChartData(hatsudenryouAllSnow) + break + case 'C': + setChartData(hatsudenryouPeakcutAll) + break + case 'D': + setChartData(hatsudenryouPeakcutAllSnow) + break + } + } + return (
@@ -176,7 +214,7 @@ export default function Simulator() { {/* 연간예측발전량 */}
{getMessage('simulator.title.sub4')}
-
{objectDetail.anlFrcsGnrt ? convertNumberToPriceDecimal(objectDetail.anlFrcsGnrt) : ''}
+
{chartData[chartData.length - 1]}
@@ -208,6 +246,22 @@ export default function Simulator() {
+ {/* chart */} +
+ +
@@ -239,7 +293,7 @@ export default function Simulator() { {chartData.length > 0 ? ( {chartData.map((data) => ( - {convertNumberToPriceDecimal(data)} + {data} ))} ) : (