오류 표시 수정

apps/sn/app/(map-layout)/map/components/popupComponent/chart/aplcnYms.ts

@@ -1,7 +1,6 @@
 import {useState, useEffect} from 'react';
-import { getData, getDcData } from '@/components/lib/api';
+import { getData } from '@/components/lib/api';
 import moment from "moment";
-import { library } from 'webpack';
 
 export type TInftwtAnls = {
   inftwtAnlsSn:number;
@@ -77,7 +76,7 @@ function roundTo(n: number, digits: number): number {
 }
 
 const getOptionsAplcnYm = (yyyymms: string[]): { text: string; val: string, hidden?: boolean }[] => {
-    const yyyymms1 = yyyymms.map(dateStr => {
+    const yyyymms1 : { text: string; val: string; hidden?: boolean }[] = yyyymms.map(dateStr => {
       const year = dateStr.slice(0, 4);
       const month = dateStr.slice(4, 6);
       return {
@@ -115,7 +114,7 @@ export const useAplcnYms = (gubun:string) => {
   return data;
 };
 export const getOptionsInftwtAnlsInfo = (anlsArr: TInftwtAnls[]): { text: string; val: number, hidden?: boolean }[] => {
-  const options = anlsArr.map(anls => ({
+  const options : { text: string; val: number; hidden?: boolean }[] = anlsArr.map(anls => ({
     text: anls.anlsInfo,
     val: anls.inftwtAnlsSn,
   }));
@@ -214,7 +213,7 @@ export const selectPplRdiiQty = async(rainInfwtAnlsSn:number, pplMngNo:string) =
 };
 
 export const getOptionsRdiiAnlsInfo = (anlsArr: TRdiiAnls[]): { text: string; val: number, hidden?: boolean }[] => {
-  const options = anlsArr.map(anls => ({
+  const options : { text: string; val: number; hidden?: boolean }[] = anlsArr.map(anls => ({
     text: anls.anlsInfo,
     val: anls.rainInfwtAnlsSn,
   }));

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

@@ -5,7 +5,7 @@ import { Button, Input, Label } from '@common/components';
 import React, { useEffect, useState } from 'react';
 import moment from "moment";
 
-import type { TInftwtAnls, TOilqData } from './aplcnYms';
+import type { TInftwtAnls } from './aplcnYms';
 import * as fn from './aplcnYms';
 import { useInfilChartModalStore } from '../chartModalStore'; // 모달 상태 관리 스토어
 type ModalOpenProp = {
@@ -20,7 +20,7 @@ const InfilChart = ({ pplMngNo }: ModalOpenProp) => {
   const [popupPosition, setPopupPosition] = useState<{ top: number; left: number }>({ top: 0, left: 0 }); // 팝업 위치
   const [selectedAplcnYm, setSelectedAplcnYm] = useState("");
   const [inftwtAnlss, setInftwtAnlss] = useState<TInftwtAnls[]>([]);
-  const [inftwtAnlsInfos, setInftwtAnlsInfos] = useState<any[]>([{ val: 0, text: '선택' }]); // 침입수분석정보 options
+  const [inftwtAnlsInfos, setInftwtAnlsInfos] = useState<{ text: string; val: number; hidden?: boolean }[]>([{ val: 0, text: '선택' }]); // 침입수분석정보 options
   const [inftwtAnls, setInftwtAnls] = useState<TInftwtAnls | null>(null); // 침입수분석정보
   const [selectedInftwtAnls, setSelectedInftwtAnls] = useState<number>(0); // 침입수분석 정보 선택시 사용
   const [chartData, setChartData] = useState<{ chartData1: DataType[]; chartData2: DataType[] }>({

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

@@ -27,7 +27,7 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
   const [popupPosition, setPopupPosition] = useState<{ top: number; left: number }>({ top: 0, left: 0 }); // 팝업 위치
   const [aplcnYm, setAplcnYm] = useState("");
   const [rdiiAnlss, setRdiiAnlss] = useState<TRdiiAnls[]>([]);
-  const [rdiiAnlsInfos, setRdiiAnlsInfos] = useState<any[]>([{ val: 0, text: '선택' }]); // 강우유입수분석정보 options
+  const [rdiiAnlsInfos, setRdiiAnlsInfos] = useState<{ text: string; val: number; hidden?: boolean }[]>([{ val: 0, text: '선택' }]); // 강우유입수분석정보 options
   const [rdiiAnls, setRdiiAnls] = useState<TRdiiAnls | null>(null); // 강우유입수분석정보
   const [rainInfwtAnlsSn, setRainInfwtAnlsSn] = useState<number>(0); // 강우유입수분석 정보 선택시 사용
   const [chartData, setChartData] = useState<lineBarChartData[]>([]);
@@ -83,7 +83,6 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
       setRdiiAnlsInfos([]);
       return;
     }
-    console.log(moment(aplcnYm).format("YYYY-MM"));
     fn.selectRdiiAnls(aplcnYm)
       .then((data) => {
         setRdiiAnlss(data ?? []); // 선택한 월의 분석성공한 RDII분석데이터[]
@@ -106,7 +105,7 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
     if (selectedAnls) {
       setRdiiAnls(selectedAnls);
     }
-  }, [rainInfwtAnlsSn]);
+  }, [rainInfwtAnlsSn, rdiiAnlss]);
 
   const closePopup = () => {  // 팝업 닫기
     setPopupOpen(false);
@@ -136,7 +135,6 @@ const RdiiChart = ({ pplMngNo }: ModalOpenProp) => {
         item.barVal0 = matchedVal;
       }
     });
-    console.log('rsltDataformatted :', rsltDataformatted);
     setChartData(rsltDataformatted); // 차트 데이터 설정
   }
   const renderBody = () => (

apps/sn/app/components/lib/utils/formatDisplayValue.tsx

@@ -1,5 +1,5 @@
 import { dateFields, numberFields, yearMonthFields, dateTimeFields } from "../../../(map-layout)/map/components/common/table";
-import { isValidDateString, formatDateString } from "./date";
+import { formatDateString } from "./date";
 
 // 🎯 데이터 객체 전체를 포맷팅하는 함수
 export const formatDisplayData = (data: { [key: string]: any }): { [key: string]: string } => {