From 294da3534735db751d4c00dc903e9eb07b1540eb Mon Sep 17 00:00:00 2001 From: ljpark Date: Fri, 25 Jul 2025 16:32:13 +0900 Subject: [PATCH] =?UTF-8?q?=EC=98=A4=EB=A5=98=20=ED=91=9C=EC=8B=9C=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../map/components/popupComponent/chart/aplcnYms.ts | 9 ++++----- .../map/components/popupComponent/chart/infilChart.tsx | 4 ++-- .../map/components/popupComponent/chart/rdiiChart.tsx | 6 ++---- apps/sn/app/components/lib/utils/formatDisplayValue.tsx | 2 +- 4 files changed, 9 insertions(+), 12 deletions(-) diff --git a/apps/sn/app/(map-layout)/map/components/popupComponent/chart/aplcnYms.ts b/apps/sn/app/(map-layout)/map/components/popupComponent/chart/aplcnYms.ts index a1489a1a2..857749bf1 100644 --- a/apps/sn/app/(map-layout)/map/components/popupComponent/chart/aplcnYms.ts +++ b/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, })); 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 fe1a1f61e..111b8f1af 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 @@ -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([]); - const [inftwtAnlsInfos, setInftwtAnlsInfos] = useState([{ val: 0, text: '선택' }]); // 침입수분석정보 options + const [inftwtAnlsInfos, setInftwtAnlsInfos] = useState<{ text: string; val: number; hidden?: boolean }[]>([{ val: 0, text: '선택' }]); // 침입수분석정보 options const [inftwtAnls, setInftwtAnls] = useState(null); // 침입수분석정보 const [selectedInftwtAnls, setSelectedInftwtAnls] = useState(0); // 침입수분석 정보 선택시 사용 const [chartData, setChartData] = useState<{ chartData1: DataType[]; chartData2: DataType[] }>({ diff --git a/apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx b/apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx index 152e2a19c..0270b8dec 100644 --- a/apps/sn/app/(map-layout)/map/components/popupComponent/chart/rdiiChart.tsx +++ b/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([]); - const [rdiiAnlsInfos, setRdiiAnlsInfos] = useState([{ val: 0, text: '선택' }]); // 강우유입수분석정보 options + const [rdiiAnlsInfos, setRdiiAnlsInfos] = useState<{ text: string; val: number; hidden?: boolean }[]>([{ val: 0, text: '선택' }]); // 강우유입수분석정보 options const [rdiiAnls, setRdiiAnls] = useState(null); // 강우유입수분석정보 const [rainInfwtAnlsSn, setRainInfwtAnlsSn] = useState(0); // 강우유입수분석 정보 선택시 사용 const [chartData, setChartData] = useState([]); @@ -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 = () => ( diff --git a/apps/sn/app/components/lib/utils/formatDisplayValue.tsx b/apps/sn/app/components/lib/utils/formatDisplayValue.tsx index 858453291..a5bd847cf 100644 --- a/apps/sn/app/components/lib/utils/formatDisplayValue.tsx +++ b/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 } => {