chartdata설정

apps/sn/app/(map-layout)/map/components/popupComponent/MsSwagePpl.tsx

@@ -85,4 +85,4 @@ const MsSwagePpl = ({ featureData }: { featureData: any }) => { // SwtrmtFclt
   )
 }
 
-export default SwtrmtFclt
+export default MsSwagePpl

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>