From 3fb331b4bc2ddf732e7339c290ee7f10c50e3d7c Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Wed, 20 Aug 2025 18:42:35 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EA=B8=B0=EB=B3=B8=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?=EC=A1=B0=ED=9A=8C=20=EC=8B=9C=EC=84=A4=20=EC=A7=80=EB=8F=84?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20=EB=B3=B4=EA=B8=B0=20(=EC=9D=B4=EC=A0=84?=
 =?UTF-8?q?=20=EC=8B=9C=EC=84=A4=20=EB=8D=B0=EC=9D=B4=ED=84=B0=20=EC=B4=88?=
 =?UTF-8?q?=EA=B8=B0=ED=99=94=20=ED=95=B4=EC=95=BC=20=ED=95=A8)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../map/searchModal/searchModal.tsx           | 39 ++++++++++++++-----
 1 file changed, 30 insertions(+), 9 deletions(-)

diff --git a/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx b/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx
index 7c4762a3c..2fb4e7cae 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx
@@ -479,14 +479,16 @@ const SearchModal: React.FC<SearchModalProps> = ({
   };
 
   // 기본정보 테이블 cellClick 핸들러 
-  const handleBasicCellClick = (index?: number | undefined, headId?: String) => {
+  const handleBasicCellClick = async (index?: number | undefined, headId?: String) => {
     if (typeof index === "number") {
+      setIsLoading(true);
 
       const row = tableData[index];
       const layerNm = row.lyrTypeNm;
       const fid = row.fid;
       const core = GisApp.Module.layer as any;
-      core.showSearchResultsFromGeoJSON(layerNm, fid);
+      await core.showSearchResultsFromGeoJSON(layerNm, fid);
+      setIsLoading(false);
       onOpenChange(false); // SearchModal 닫기
     }
   };
@@ -577,18 +579,20 @@ const SearchModal: React.FC<SearchModalProps> = ({
 
   const handleOperationResultCellClick = async (index?: number | undefined, headId?: String) => {
     if (typeof index === "number") {
+      setIsLoading(true);
 
       const row = detailTableData[index];
       const layerNm = row.lyrTypeNm;
       const fid = row.fid;
       const core = GisApp.Module.layer as any;
-      core.showSearchResultsFromGeoJSON(layerNm, fid);
+      await core.showSearchResultsFromGeoJSON(layerNm, fid);
+      setIsLoading(false);
       onOpenChange(false); // SearchModal 닫기
     }
   };
 
   // 기본정보 Excel 다운로드 핸들러
-  const BasicExcelDownload = async () => {
+  const basicExcelDownload = async () => {
     if (tableData.length === 0) {
       alert("다운로드 할 Excel 파일이 없습니다.\n조회 후 다시 시도해주세요.");
       return;
@@ -804,7 +808,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
   };
 
   // 운영정보 Excel 다운로드 핸들러 추가
-  const OperationExcelDownload = async () => {
+  const operationExcelDownload = async () => {
     if (tableData.length === 0) {
       alert("다운로드 할 Excel 파일이 없습니다.\n조회 후 다시 시도해주세요.");
       return;
@@ -898,7 +902,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
   };
 
   // 운영정보 Excel 다운로드 핸들러 추가
-  const OperationResultExcelDownload = async () => {
+  const operationResultExcelDownload = async () => {
     if (detailTableData.length === 0) {
       alert("다운로드 할 Excel 파일이 없습니다.\n조회 후 다시 시도해주세요.");
       return;
@@ -1001,6 +1005,20 @@ const SearchModal: React.FC<SearchModalProps> = ({
     }
   };
 
+  const viewMultipleFeature = async () => {
+    if (!(tableData.length === 0)) {
+      setIsLoading(true);
+
+      const row = tableData[0];
+      const layerNm = row.lyrTypeNm;
+      const fids = tableData.map((item) => item.fid);
+      const core = GisApp.Module.layer as any;
+      await core.showMultipleSearchResultsFromGeoJSON(layerNm, fids);
+      setIsLoading(false);
+      onOpenChange(false);
+    }
+  }
+
 
   const renderBody = () => (
     <>
@@ -1084,7 +1102,10 @@ const SearchModal: React.FC<SearchModalProps> = ({
               resetPageNo={isResetPage}
               resetSelection={isResetSelection}
               headButton={
-                <Button className="px-4 py-2 !mr-[1.2rem] text-white rounded-sm text-lg font-medium green" size="sm" onClick={BasicExcelDownload}>파일 다운로드</Button>
+                <div className='flex'>
+                  <Button className="px-4 py-2 !mr-[1.2rem] text-white rounded-sm text-lg font-medium primary" size="sm" onClick={viewMultipleFeature}>지도에서 보기</Button>
+                  <Button className="px-4 py-2 !mr-[1.2rem] text-white rounded-sm text-lg font-medium green" size="sm" onClick={basicExcelDownload}>파일 다운로드</Button>
+                </div>
               }
             />
           </div>
@@ -1112,7 +1133,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
                 resetPageNo={isResetPage}
                 resetSelection={isResetSelection}
                 headButton={
-                  <Button className="px-4 py-2 !mr-[1.2rem] text-white rounded-sm text-sm font-medium green" size="sm" onClick={OperationExcelDownload}>파일 다운로드</Button>
+                  <Button className="px-4 py-2 !mr-[1.2rem] text-white rounded-sm text-sm font-medium green" size="sm" onClick={operationExcelDownload}>파일 다운로드</Button>
                 }
               />
             </div>
@@ -1138,7 +1159,7 @@ const SearchModal: React.FC<SearchModalProps> = ({
                 resetPageNo={isResetDetailPage}
                 resetSelection={isResetDetailSelection}
                 headButton={
-                  <Button className="px-4 py-2 !mr-[1.2rem] text-white rounded-sm text-lg font-medium green" size="sm" onClick={OperationResultExcelDownload}>파일 다운로드</Button>
+                  <Button className="px-4 py-2 !mr-[1.2rem] text-white rounded-sm text-lg font-medium green" size="sm" onClick={operationResultExcelDownload}>파일 다운로드</Button>
                 }
               />
             </div>