From a2d48745b34db67a46e7c331063743a42052401e Mon Sep 17 00:00:00 2001
From: mind-one005 <mind-one005@mind-one.co.kr>
Date: Sun, 29 Jun 2025 21:55:41 +0900
Subject: [PATCH] =?UTF-8?q?chartdata=EC=84=A4=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/popupComponent/MsSwagePpl.tsx  |  2 +-
 .../popupComponent/chart/infilChart.tsx       | 68 ++++++++++++-------
 2 files changed, 43 insertions(+), 27 deletions(-)

diff --git a/apps/sn/app/(map-layout)/map/components/popupComponent/MsSwagePpl.tsx b/apps/sn/app/(map-layout)/map/components/popupComponent/MsSwagePpl.tsx
index a3c634306..e1829085c 100644
--- a/apps/sn/app/(map-layout)/map/components/popupComponent/MsSwagePpl.tsx
+++ b/apps/sn/app/(map-layout)/map/components/popupComponent/MsSwagePpl.tsx
@@ -85,4 +85,4 @@ const MsSwagePpl = ({ featureData }: { featureData: any }) => { // SwtrmtFclt
   )
 }
 
-export default SwtrmtFclt
\ No newline at end of file
+export default MsSwagePpl
\ No newline at end of file
diff --git a/apps/sn/app/(map-layout)/map/components/popupComponent/chart/infilChart.tsx b/apps/sn/app/(map-layout)/map/components/popupComponent/chart/infilChart.tsx
index 40534a849..31c92d339 100644
--- a/apps/sn/app/(map-layout)/map/components/popupComponent/chart/infilChart.tsx
+++ b/apps/sn/app/(map-layout)/map/components/popupComponent/chart/infilChart.tsx
@@ -25,6 +25,14 @@ const InfilChart = ({ btnTxt, isModalOpen, setIsModalOpen, closeModal}: ModalOpe
   const [inftwtAnlsInfos, setInftwtAnlsInfos] = useState<any[]>([]); // 침입수분석정보 options
   const [inftwtAnls, setInftwtAnls] = useState<TInftwtAnls|null>(null); // 침입수분석정보
   const [inftwtAnlsSn, setInftwtAnlsSn] = useState<number>(0); // 침입수분석 정보 선택시 사용
+  const [chartData, setChartData] = useState<{ chartData1: { label: string; val: number }[]; chartData2: { label: string; val: number }[] }>({
+    chartData1: [{ label: "1", val: 20 },
+      { label: "3", val: 40 },
+      { label: "5", val: 60 },],
+    chartData2: [{ label: "1", val: 15 },
+      { label: "3", val: 35 },
+      { label: "5", val: 55 },],
+  });
 
   //const [aplcnYms, setAplcnYms] = useState<{ text: string; val: string }[]>([]);
   const aplcnYms = useAplcnYms(); // 상수사용월 데이터 가져오기
@@ -41,18 +49,18 @@ const InfilChart = ({ btnTxt, isModalOpen, setIsModalOpen, closeModal}: ModalOpe
   //console.log("btnTxt", btnTxt);
   
   const chartForm = CHART_FORM.LINE;
-  const chartData = {
-    chartData1: [
-      { label: "1", val: 20 },
-      { label: "3", val: 40 },
-      { label: "5", val: 60 },
-    ],
-    chartData2: [
-      { label: "1", val: 15 },
-      { label: "3", val: 35 },
-      { label: "5", val: 55 },
-    ],
-  }
+  // const chartData = {
+  //   chartData1: [
+  //     { label: "1", val: 20 },
+  //     { label: "3", val: 40 },
+  //     { label: "5", val: 60 },
+  //   ],
+  //   chartData2: [
+  //     { label: "1", val: 15 },
+  //     { label: "3", val: 35 },
+  //     { label: "5", val: 55 },
+  //   ],
+  // }
   const chartConfig = Object.values(chartData).flat().reduce((config, element) => {
     config[element.label] = {
       label: element.label,
@@ -62,8 +70,12 @@ const InfilChart = ({ btnTxt, isModalOpen, setIsModalOpen, closeModal}: ModalOpe
   }, {} as Record<string, { label: string; color: string }>) satisfies ChartConfig;
 
   const closePopup = () => {  // 팝업 닫기
-    selectInftwtAnlsRslt(inftwtAnlsSn,"L13101003").then((data) => {
-      chartData.chartData1 = getChartDataInftwtAnlsRslt(data ?? []);
+    selectInftwtAnlsRslt(inftwtAnlsSn,"L13101003").then((data) => {// 침입수분석 결과 조회
+      const rsltData = getChartDataInftwtAnlsRslt(data ?? []);
+      setChartData({
+        chartData1: rsltData,
+        chartData2: rsltData, // 예시로 같은 데이터를 사용
+      });
     });
     setPopupOpen(false); 
   };
@@ -139,24 +151,28 @@ const InfilChart = ({ btnTxt, isModalOpen, setIsModalOpen, closeModal}: ModalOpe
             </div>
             <div>오수 전환율:</div>
             <div>
-              <input
-                type="text"
-                value={inftwtAnls?.drtwSwtcRt ?? ""}
+              <input type="text" value={inftwtAnls?.drtwSwtcRt ?? ""}
+                className="border border-gray-300 rounded px-2 py-1 w-full" />
+            </div>
+            <div>시간패턴 파일명:</div>
+            <div>
+              <input type="text" value={inftwtAnls?.atflHrPttnNm ?? ""}
                 className="border border-gray-300 rounded px-2 py-1 w-full" />
             </div>
             <div>수용가-맨홀 매칭:</div>
             <div>
-              <select className="border border-gray-300 rounded px-2 py-1">
-                <option>매칭(양평).shp</option>
-                <option>매칭(서울).shp</option>
-              </select>
+              <input type="text" value={inftwtAnls?.atflMpngNm ?? ""}
+                className="border border-gray-300 rounded px-2 py-1 w-full" />
             </div>
-            <div>관망도 자료:</div>
+            <div>관망도 파일명:</div>
             <div>
-              <select className="border border-gray-300 rounded px-2 py-1">
-                <option>양평.inp</option>
-                <option>서울.inp</option>
-              </select>
+              <input type="text" value={inftwtAnls?.atflInpNm ?? ""}
+                className="border border-gray-300 rounded px-2 py-1 w-full" />
+            </div>
+            <div>유량 파일명:</div>
+            <div>
+              <input type="text" value={inftwtAnls?.atflOilqNm ?? ""}
+                className="border border-gray-300 rounded px-2 py-1 w-full" />
             </div>
             {btnTxt === 'RDII' ? <><div>강우 자료:</div>
               <div>