하수재이용실적 현황 월별 오름차순 정렬 복구

apps/wr/app/ruseFcltMng/prfmncSttn/pbnstPrfmncSttn/page.tsx

@@ -306,6 +306,24 @@ export default function PbnstPrfmncSttn() {
             dnOutData.push({ label: "하천등유지용수", val: rvrKeepUswtr, fill: "#C5D3E8" });
             dnOutData.push({ label: "공업용수", val: indstUswtr, fill: "#D0E8C5" });
 
+            // 라인차트 데이터 월별 오름차순 정렬
+            const sortFn = (a: { label: string }, b: { label: string }) => parseInt(a.label) - parseInt(b.label);
+            wshwtrData.sort(sortFn);
+            coolUswtrData.sort(sortFn);
+            cleanUswtrData.sort(sortFn);
+            drwtUswtrData.sort(sortFn);
+            dltnUswtrData.sort(sortFn);
+            ithlRswtrData.sort(sortFn);
+            ithlEtcUswtrData.sort(sortFn);
+            cleanToilUswtrData.sort(sortFn);
+            resnData.sort(sortFn);
+            lndwtrData.sort(sortFn);
+            hydUswtrData.sort(sortFn);
+            ugwtChrData.sort(sortFn);
+            farmUswtrData.sort(sortFn);
+            rvrKeepUswtrData.sort(sortFn);
+            indstUswtrData.sort(sortFn);
+
             // 라인차트 데이터
             setInLineData({
                 chartData1: wshwtrData,
@@ -326,6 +344,7 @@ export default function PbnstPrfmncSttn() {
                 chartData7: rvrKeepUswtrData,
                 chartData8: indstUswtrData,
             });
+            barData.sort((a, b) => parseInt(a.label) - parseInt(b.label));
             setBarData(barData);
             setChartData(dnData);
             setDnInUsage(dnInData);
@@ -471,7 +490,13 @@ export default function PbnstPrfmncSttn() {
     }, []);
 
     useEffect(() => {
-        setbdstTable(prfmncRes);
+        setbdstTable(prfmncRes.map((e, idx) => {
+
+            return ({
+                ...e,
+                number: String(idx + 1)
+            })
+        }))
         if (prfmncRes?.[0]?.pbnstRuseFcltPk) setChartId(prfmncRes[0].pbnstRuseFcltPk)
     }, [prfmncRes]);