From 416677dcf444a02a26067816bc36f64f35f0def2 Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Thu, 31 Jul 2025 17:08:28 +0900
Subject: [PATCH] =?UTF-8?q?feat,=20refactor:=20-=20=EC=A4=91=EC=A0=90?=
 =?UTF-8?q?=EC=9A=B0=EC=88=98=ED=86=A0=EC=8B=A4=20=EC=9C=84=EA=B2=BD?=
 =?UTF-8?q?=EB=8F=84=20=EC=86=8C=EC=88=98=EC=A0=90=20=EC=95=84=EB=9E=98=20?=
 =?UTF-8?q?=EB=84=A4=EC=9E=90=EB=A6=AC=EA=B9=8C=EC=A7=80=EB=A7=8C=20?=
 =?UTF-8?q?=ED=91=9C=EC=8B=9C=20-=20=EC=A4=91=EC=A0=90=EC=9A=B0=EC=88=98?=
 =?UTF-8?q?=ED=86=A0=EC=8B=A4=20=EC=9C=84=EA=B2=BD=EB=8F=84=20=EB=B3=80?=
 =?UTF-8?q?=EC=88=98=20=ED=83=80=EC=9E=85=20=EC=84=A0=EC=96=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/(map-layout)/map/components/common/index.ts |  2 ++
 .../app/(map-layout)/map/components/common/table.ts |  3 ++-
 .../popupComponent/featureClickEventPopup.tsx       | 11 +++--------
 .../app/components/lib/utils/formatDisplayValue.tsx | 13 +++++++++----
 4 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/apps/sn/app/(map-layout)/map/components/common/index.ts b/apps/sn/app/(map-layout)/map/components/common/index.ts
index 9860b211a..e328cf983 100644
--- a/apps/sn/app/(map-layout)/map/components/common/index.ts
+++ b/apps/sn/app/(map-layout)/map/components/common/index.ts
@@ -12,6 +12,8 @@ type LayerComponentProps = {
   rainMeasureData?: any;
   onSaveClick?: () => void;
   onFormDataChange?: (data: any) => void; // 추가
+  chmbrXcnts: string;
+  chmbrYdnts: string;
 };
 type LayerContentMap = {
   [key: string]: {
diff --git a/apps/sn/app/(map-layout)/map/components/common/table.ts b/apps/sn/app/(map-layout)/map/components/common/table.ts
index 51ef93ddf..5604d1b55 100644
--- a/apps/sn/app/(map-layout)/map/components/common/table.ts
+++ b/apps/sn/app/(map-layout)/map/components/common/table.ts
@@ -686,5 +686,6 @@ export const numberFields = [
   'swrPplEqpAr', 'swrTrtPopl', 'weirHg', 'weirLt',
   'precdngDry', 'rainFall', 'cntncTime', 'rainIn',
   'mesureIntrvl', 'qltwtrCo', 'rnysnFvlc', 'clarFvlc',
-  'bizAmt', 'count'
+  'bizAmt', 'count',
+  'chmbr_xcnts', 'chmbr_ydnts'
 ];
\ No newline at end of file
diff --git a/apps/sn/app/(map-layout)/map/components/popupComponent/featureClickEventPopup.tsx b/apps/sn/app/(map-layout)/map/components/popupComponent/featureClickEventPopup.tsx
index 679122d6b..cf0dd303b 100644
--- a/apps/sn/app/(map-layout)/map/components/popupComponent/featureClickEventPopup.tsx
+++ b/apps/sn/app/(map-layout)/map/components/popupComponent/featureClickEventPopup.tsx
@@ -21,7 +21,6 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
   const [layerNm, setLayerNm] = useState<string>(""); // 레이어 이름 상태
   const [layerSpecificNm, setLayerSpecificNm] = useState<string>(""); // 레이어 이름 상태
   const [tableData, setTableData] = useState<any>(null); // 피처 데이터
-  const [rainMeasureData, setRainMeasureData] = useState<any[]>([]); // 강우/측정 측정 정보
   const [headlist, setHeadlist] = useState<{ id: string; title: string; }[]>([]); // 컬럼리스트 변경상태
   const [headlist2, setHeadlist2] = useState<{ id: string; title: string; }[]>([]); // 컬럼리스트 변경상태
   const [buttonChk, setButtonChk] = useState(true)
@@ -35,8 +34,8 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
   const { setIsOpen: setIsModalRdii } = useRdiiChartModalStore();
   const [isClicked, setIsClicked] = useState(true); // 클릭 여부 상태
   const [isLoading, setIsLoading] = useState(false); // 로딩 상태
-  const [chmbrXcnts, setChmbrXcnts] = useState(); // 로딩 상태
-  const [chmbrYdnts, setChmbrYdnts] = useState(); // 로딩 상태
+  const [chmbrXcnts, setChmbrXcnts] = useState<string>(''); // 로딩 상태
+  const [chmbrYdnts, setChmbrYdnts] = useState<string>(''); // 로딩 상태
 
   // 🎯 관로관리번호 추출
   const pplMngNo = featureData?.values_?.fclt_mng_no || "";
@@ -406,7 +405,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
           </h3>
         </div>
         <div className="flex items-center space-x-3">
-          {/* 🎯 하수관로일 때만 Infil/RDII 버튼 표시 */}
+          {/* 하수관로일 때만 Infil/RDII 버튼 표시 */}
           {layerNm === '하수관로' && (
             <>
               <Button onClick={() => setIsModalInfil(true)}
@@ -442,9 +441,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
         </div>
         <Button
           onClick={onClose}
-          // className="text-white hover:text-gray-300 focus:outline-none"
           className="flex items-center space-x-4 text-white hover:text-gray-300 focus:outline-none"
-          // className="absolute top-8 right-4 text-white hover:text-gray-300 focus:outline-none"
           size="xs"
         >
           ✕
@@ -477,7 +474,6 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
             featureData={fetchData}
             isMainSsc={isMainSsc}
             isDrtwSewagePump={isDrtwSewagePump}
-            // rainMeasureData={rainMeasureData}
             onSaveClick={handleSaveClick}
             chmbrXcnts={chmbrXcnts}
             chmbrYdnts={chmbrYdnts}
@@ -485,7 +481,6 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
         }
       </div>
 
-      {/* 🎯 InfilChart 및 RdiiChart 컴포넌트 추가 */}
       <InfilChart pplMngNo={pplMngNo} />
       <RdiiChart pplMngNo={pplMngNo} />
     </div>
diff --git a/apps/sn/app/components/lib/utils/formatDisplayValue.tsx b/apps/sn/app/components/lib/utils/formatDisplayValue.tsx
index 289b05b97..55cdc278f 100644
--- a/apps/sn/app/components/lib/utils/formatDisplayValue.tsx
+++ b/apps/sn/app/components/lib/utils/formatDisplayValue.tsx
@@ -34,7 +34,7 @@ export const formatDisplayData = (data: { [key: string]: any }): { [key: string]
       // yyyy-mm-dd hh:mm:ss 형식 확인
       const dateTimeRegex = /^(\d{4})-(\d{2})-(\d{2})\s+(\d{2}):(\d{2}):(\d{2})$/;
       const match = dateTimeStr.match(dateTimeRegex);
-      
+
       if (match && match.length >= 6) {
         const year = match[1];
         const month = match[2];
@@ -42,7 +42,7 @@ export const formatDisplayData = (data: { [key: string]: any }): { [key: string]
         const hour = match[4];
         const minute = match[5];
         const second = match[6];
-        
+
         // 🎯 undefined 체크 후 parseInt 적용
         if (year && month && day && hour && minute) {
           // const formattedMonth = parseInt(month);
@@ -61,7 +61,7 @@ export const formatDisplayData = (data: { [key: string]: any }): { [key: string]
     // 🎯 기존 날짜 포맷팅 (yyyymmdd -> yyyy년 m월 d일)
     if (dateFields.includes(fieldId)) {
       const dateStr = String(value).trim();
-      
+
       // 숫자 타입이거나 숫자로만 구성된 문자열인지 확인
       if (/^\d+$/.test(dateStr)) {
         formattedData[fieldId] = formatDateString(dateStr);
@@ -75,7 +75,12 @@ export const formatDisplayData = (data: { [key: string]: any }): { [key: string]
     if (numberFields.includes(fieldId)) {
       const numValue = Number(value);
       if (!isNaN(numValue) && isFinite(numValue)) {
-        formattedData[fieldId] = numValue.toLocaleString('ko-KR');
+        // 소수점이 있는 경우 4자리까지 표시
+        if (!Number.isInteger(numValue)) {
+          formattedData[fieldId] = numValue.toLocaleString('ko-KR', { maximumFractionDigits: 4 });
+        } else {
+          formattedData[fieldId] = numValue.toLocaleString('ko-KR');
+        }
       } else {
         formattedData[fieldId] = String(value);
       }