feat:

- 하수맨홀 상세정보 API 구현 (백엔드 연결 테스트 완료)
- 하수관로, 하수펌프장 백엔드 연결 테스트 완료

apps/sn/app/(map-layout)/map/components/common/table.ts

@@ -1,30 +1,31 @@
 // 하수관로
 export const MsSwagePplCol = [
-  { id: 'avg_grdn', title: '평균구배' },
-  { id: 'clar_fvlc', title: '맑음유속' },
-  { id: 'drtw_mltv_area', title: '오수배수면적' },
-  { id: 'excln_mltv_area', title: '우수배수면적' },
-  { id: 'fclt_mng_no', title: '시설관리번호' },
-  { id: 'fclty_shp_cd', title: '시설물형태코드' },
-  { id: 'fid', title: 'FID' },
-  { id: 'ftre_smbol_cd', title: '지형지물부호코드' },
-  { id: 'inst_mng_no', title: '기관관리번호' },
-  { id: 'instl_ymd', title: '설치일자' },
-  { id: 'mapsht_no', title: '도엽번호' },
-  { id: 'mng_inst_cd', title: '관리기관코드' },
-  { id: 'mqlt_cd', title: '재질코드' },
-  { id: 'pbadms_emd_cd', title: '행정읍면동코드' },
+  { id: 'avgGrdn', title: '평균구배' },
+  { id: 'clarFvlc', title: '맑음유속' },
+  { id: 'drtwMltvArea', title: '오수배수면적' },
+  { id: 'exclnMltvArea', title: '우수배수면적' },
+  { id: 'fcltMngNo', title: '시설관리번호' },
+  // { id: 'fcltyShpCd', title: '시설물형태코드' },
+  // { id: 'fid', title: 'FID' },
+  // { id: 'ftreSmbolCd', title: '지형지물부호코드' },
+  { id: 'instMngNo', title: '기관관리번호' },
+  { id: 'instlYmd', title: '설치일자' },
+  { id: 'mapshtNo', title: '도엽번호' },
+  // { id: 'mngInstCd', title: '관리기관코드' },
+  // { id: 'mqltCd', title: '재질코드' },
+  // { id: 'pbadmsEmdCd', title: '행정읍면동코드' },
   { id: 'pdmt', title: '관경' },
   { id: 'prlg', title: '연장' },
-  { id: 'rnyssn_fvlc', title: '우기유속' },
-  { id: 'scend_dpth', title: '종점깊이' },
-  { id: 'scend_mhl_mng_no', title: '종점맨홀관리번호' },
-  { id: 'tmpt_dpth', title: '시점깊이' },
-  { id: 'tmpt_mhl_mng_no', title: '시점맨홀관리번호' },
-  { id: 'trfln_cnt', title: '차선수' },
-  { id: 'usg_cd', title: '용도코드' },
-  { id: 'vrtc_len', title: '세로길이' },
-  { id: 'wdth_len', title: '가로길이' },
+  { id: 'rnyssnFvlc', title: '우기유속' },
+  { id: 'scendDpth', title: '종점깊이' },
+  { id: 'scendMhlMngNo', title: '종점맨홀관리번호' },
+  { id: 'tmptDpth', title: '시점깊이' },
+  { id: 'tmptMhlMngNo', title: '시점맨홀관리번호' },
+  { id: 'trflnCnt', title: '차선수' },
+  // { id: 'usgCd', title: '용도코드' },
+  { id: 'vrtcLen', title: '세로길이' },
+  { id: 'wdthLen', title: '가로길이' },
+  // { id: 'lyrTypeNm', title: '레이어타입명' },
 ]
 
 // 하수처리시설
@@ -35,7 +36,7 @@ export const SwtrmtFcltCol = [
   { id: 'cmcnYmd', title: '준공일자' },
   { id: 'oprtngStrtYmd', title: '가동개시일자' },
   { id: 'clsgYmd', title: '폐쇄일자' },
-  { id: 'prcsMsrcCd', title: '처리공법코드' },
+  // { id: 'prcsMsrcCd', title: '처리공법코드' },
   // { id: 'laeCd', title: '지자체코드' },
   { id: 'laeNm', title: '지자체명' },
   { id: 'ctpvNm', title: '시도명' },
@@ -81,47 +82,47 @@ export const SwtrmtPrcsZoneCol = [
 
 // 하수맨홀
 export const MsSwageMhlCol = [
-  { id: 'fid', title: 'FID' },
-  { id: 'geom', title: 'geometry' },
-  { id: 'ftreSmblCd', title: '지형지물부호코드' },
-  { id: 'mngNo', title: '관리번호' },
+  // { id: 'fid', title: 'FID' },
+  // { id: 'geom', title: 'geometry' },
+  // { id: 'ftreSmbolCd', title: '지형지물부호코드' },
+  { id: 'fcltMngNo', title: '시설관리번호' },
   // { id: 'pbadmsEmdCd', title: '행정읍면동코드' },
   { id: 'mapshtNo', title: '도엽번호' },
   // { id: 'mngInstCd', title: '관리기관코드' },
   { id: 'instlYmd', title: '설치일자' },
   { id: 'lastDrdgnYmd', title: '최종준설일자' },
-  { id: 'usgCd', title: '용도코드' },
+  // { id: 'usgCd', title: '용도코드' },
   // { id: 'fcltyShpCd', title: '시설물형태코드' },
-  { id: 'mhlKndCd', title: '맨홀종류코드' },
+  // { id: 'mhlKndCd', title: '맨홀종류코드' },
   { id: 'swageMhDiam', title: '하수맨홀구경' },
   { id: 'wdthLen', title: '가로길이' },
   { id: 'vrtcLen', title: '세로길이' },
   // { id: 'mqltCd', title: '재질코드' },
-  { id: 'altdVl', title: '표고값' },
-  { id: 'dpthlVl', title: '심도값' },
-  { id: 'instMngNo', title: '기관관리번호' }
+  { id: 'altdVl', title: '표고' },
+  { id: 'dpthlVl', title: '심도' },
+  // { id: 'instMngNo', title: '기관관리번호' }
 ];
 
 // 하수펌프장
 export const SewagePump = [
-  { id: 'fid', title: 'FID' },
-  { id: 'geom', title: 'geometry' },
-  { id: 'ftre_smbol_cd', title: '지형지물부호코드' },
-  { id: 'fclt_mng_no', title: '시설관리번호' },
-  { id: 'pbadms_emd_cd', title: '행정읍면동코드' },
-  { id: 'mapsht_no', title: '도엽번호' },
-  { id: 'mng_inst_cd', title: '관리기관코드' },
-  { id: 'instl_ymd', title: '설치일자' },
-  { id: 'swage_pmstn_nm', title: '하수펌프장명' },
-  { id: 'plln_area', title: '부지면적' },
-  { id: 'opng_stts_cd', title: '개통상태코드' },
-  { id: 'usg_cd', title: '용도코드' },
-  { id: 'daily_prcs_cpct', title: '일일처리용량' },
-  { id: 'max_impnd_cpct', title: '최대저수용량' },
-  { id: 'altd_vl', title: '표고값' },
-  { id: 'wtlv_vl', title: '수위값' },
-  { id: 'excln_wpmp_ablt', title: '우수양수능력값' },
-  { id: 'inst_mng_no', title: '기관관리번호' },
+  // { id: 'fid', title: 'FID' },
+  // { id: 'geom', title: 'geometry' },
+  // { id: 'ftreSmbolCd', title: '지형지물부호코드' },
+  { id: 'fcltMngNo', title: '시설관리번호' },
+  // { id: 'pbadmsEmdCd', title: '행정읍면동코드' },
+  { id: 'mapshtNo', title: '도엽번호' },
+  // { id: 'mngInstCd', title: '관리기관코드' },
+  { id: 'instlYmd', title: '설치일자' },
+  { id: 'swagePmstnNm', title: '하수펌프장명' },
+  { id: 'pllnArea', title: '부지면적' },
+  // { id: 'opngSttsCd', title: '개통상태코드' },
+  // { id: 'usgCd', title: '용도코드' },
+  { id: 'dailyPrcsCpct', title: '일일처리용량' },
+  { id: 'maxImpndCpct', title: '최대저수용량' },
+  { id: 'altdVl', title: '표고' },
+  { id: 'wtlvVl', title: '수위' },
+  { id: 'exclnWpmpAblt', title: '우수양수능력' },
+  { id: 'instMngNo', title: '기관관리번호' },
 ]
 
 // 중점우수토실 측정지점

apps/sn/app/(map-layout)/map/featureClickEventPopup.tsx

@@ -6,7 +6,7 @@ import { useGisContext } from "@common/business_components/ui/map/Gis";
 import { Button } from "@common/components/ui";
 import { useEffect, useRef, useState } from "react";
 import { getLayerContentComponent } from "./components/common";
-import { SwtrmtFcltCol, SwtrmtPrcsZoneCol, untrtSwgRainCol1, untrtSwgRainCol2, MsSwagePplCol, SewagePump } from "./components/common/table";
+import { SwtrmtFcltCol, SwtrmtPrcsZoneCol, untrtSwgRainCol1, untrtSwgRainCol2, MsSwagePplCol, SewagePump, MsSwageMhlCol } from "./components/common/table";
 // TODO:
 const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void, featureData: any }) => {
   const { gisMap } = useGisContext() as unknown as { checkedLayerIds: React.MutableRefObject<number[]>; treeData: { lyrSn: number }[] | null; gisCore: any; gisMap: any; };
@@ -37,6 +37,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
         featureLayer = layer; // 피처가 속한 레이어 찾기
       }
     });
+    console.log("featureLayer.get('lyrTyNm');", featureLayer.get('lyrTyNm'));
     // SearchModal 클릭 이벤트와 Gis 클릭 이벤트 구분하기
     if (featureLayer.get('lyrNm') === null) {
       if (featureData.lyrTypeNm === 'tb_il_swage_prcs_fclt') result = '하수처리시설';
@@ -44,6 +45,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
       else if (featureData.lyrTypeNm === 'om_dt_untrt_swg_rain') result = '중점우수토실';
       else if (featureData.lyrTypeNm === 'tb_ms_swage_ppl') result = '하수관로';
       else if (featureData.lyrTypeNm === 'tb_ms_swage_pmstn') result = '하수펌프장';
+      else if (featureData.lyrTypeNm === 'tb_ms_swage_mhl') result = '하수맨홀';
     }
     else {
       const lyrTyNm = featureLayer.get('lyrTyNm');
@@ -52,6 +54,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
       else if (lyrTyNm === 'om_dt_untrt_swg_rain') result = '중점우수토실';
       else if (lyrTyNm === 'tb_ms_swage_ppl') result = '하수관로';
       else if (lyrTyNm === 'tb_ms_swage_pmstn') result = '하수펌프장';
+      else if (lyrTyNm === 'tb_ms_swage_mhl') result = '하수맨홀';
       else result = featureLayer.get('lyrNm');
     }
 
@@ -110,6 +113,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
             setButtonChk(true)
             break;
           case '하수맨홀':
+            setHeadlist(MsSwageMhlCol)
             setButtonChk(true)
             break;
           default: