From 1fd522e49bfc3b7100ef827ffc8128d0c63b5fe0 Mon Sep 17 00:00:00 2001
From: JIeunhuh <entks301@naver.com>
Date: Wed, 2 Jul 2025 17:38:44 +0900
Subject: [PATCH] =?UTF-8?q?=EC=8B=9C=EC=84=A4=ED=98=84=ED=99=A9=20?=
 =?UTF-8?q?=EB=AA=A9=EB=A1=9D=20=EB=9D=84=EC=9A=B0=EB=8A=94=20=EC=9E=91?=
 =?UTF-8?q?=EC=97=85=20=EC=A7=84=ED=96=89=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/wr/app/map/newWindowPopup.tsx | 30 ++++++++++++++++++++++++------
 1 file changed, 24 insertions(+), 6 deletions(-)

diff --git a/apps/wr/app/map/newWindowPopup.tsx b/apps/wr/app/map/newWindowPopup.tsx
index e6438656d..dd2334e29 100644
--- a/apps/wr/app/map/newWindowPopup.tsx
+++ b/apps/wr/app/map/newWindowPopup.tsx
@@ -43,7 +43,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({
   const [tabData, setTabData] = useState<{ id: string; name: string; data: any }[]>([]);
   const [activeTab, setActiveTab] = useState<string>('0');
   // swcho : useState의 true, false 값 변경하여 목록, 상태 테스트 하였음
-  const [showDetailView, setShowDetailView] = useState(true); // 상세정보 화면 표시 상태 추가
+  const [showDetailView, setShowDetailView] = useState(false); // 상세정보 화면 표시 상태 추가
 
   // onClose 함수를 useCallback으로 메모이제이션
   const memoizedOnClose = useCallback(() => {
@@ -109,14 +109,33 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({
       pbnstSttn.pbnstSttnRes &&
       pbnstSttn.pbnstSttnRes[index]
     ) {
+      console.log(pbnstSttn.pbnstSttnRes[index])
       setPbnstRuseFcltPk(pbnstSttn.pbnstSttnRes[index].pbnstRuseFcltPk);
       getPbnStnDetail(pbnstSttn.pbnstSttnRes[index].pbnstRuseFcltPk);
+      setShowDetailView(true); // 상세정보 화면 표시 상태 변경
     }
   };
 
-  // useEffect(() => {
-  //   setBdstTable(pbnstSttn.pbnstSttnRes);
-  // }, [pbnstSttn.pbnstSttnRes]);
+    useEffect(() => {
+      if (!pbnstSttn.isInit) {
+        pbnSttnInit("1", "13",{
+          partValue: "A",
+          sidoValue: "0",
+          sigunValue: "",
+          regionValue: "",
+          unitWaterShedValue: "",
+          middleRegionValue: "",
+          envPartValue: "",
+          sidoText: "",
+          sigunText: ""
+        },  String(new Date().getFullYear()));
+      }
+    }, [pbnstSttn.isInit, pbnSttnInit]);
+
+    useEffect(() => {
+      setBdstTable(pbnstSttn.pbnstSttnRes);
+    }, [pbnstSttn.pbnstSttnRes]);
+
 
   // 재이용시설 조회
   const fetchpbnstDetail = async (featureCd: string) => {
@@ -127,7 +146,6 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({
         if (prev.some((tab) => tab.id === featureCd)) {
           return prev; // 이미 존재하는 탭이면 추가하지 않음
         }
-        console.log('탭 idx',prev, prev.length)
         return [...prev, { id: featureCd, name: `재이용시설 ${prev.length + 1}`, data: response }];
       });
     } catch (error) {
@@ -207,7 +225,7 @@ const NewWindowPopup: React.FC<NewWindowPopupProps> = ({
       layer.data?.lyrNm?.includes('하수처리') || layer.data?.lyrNm?.includes('재이용시설')
     );
     const actTabData = tabData.find((tab) => tab.id === activeTab);
-    
+
     // swcho : true, false 값 변경하여 시설 변경하여 테스트하였음
     // 재이용시설
     const isPbnst = true;