feat: 하수펌프장 상세정보 API 구현 (백엔드 연결시 추후 테스트 필요)

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

@@ -26,8 +26,9 @@ const layerContentMap: LayerContentMap = {
   "중점우수토실": { component: Ssc, }, // 중점우수토실 여부 설정
   "하수관로": { component: MsSwagePpl, },
   "하수맨홀": { component: smh, },
-  "빗물펌프": { component: StormWaterPump },
-  "오수펌프": { component: sewagePump },
+  "하수펌프장": { component: sewagePump },
+  // "빗물펌프": { component: StormWaterPump },
+  // "오수펌프": { component: sewagePump },
 };
 
 // 동적 컴포넌트 반환 함수

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

@@ -102,6 +102,28 @@ export const MsSwageMhlCol = [
   { 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: '기관관리번호' },
+]
+
 // 중점우수토실 측정지점
 export const untrtSwgRainCol1 = [
   { id: 'manage_no', title: '관리번호' },

apps/sn/app/(map-layout)/map/components/popupComponent/sewagePump.tsx

@@ -5,13 +5,15 @@ const inputColumn = [
   { id: "mltv_dtdv_nm", title: "배수분구", type: "input" },
   { id: "freq", title: "설계빈도", type: "input" },
 ]
-// 오수펌프
-const sewagePump = ({ featureData }: { featureData: any }) => {
+// 하수펌프장
+const sewagePump = () => {
   return (
-    <div><VerticalTable headName='자체 입력정보' tableData={[]} headlist={inputColumn} pageSize={0} total={0} children={undefined} cellClick={undefined} isEditable={true} onPageChange={function (page: number): void {
-      throw new Error('Function not implemented.');
-    }} />
-    </div>
+    <>
+      <VerticalTable headName='자체 입력정보' tableData={[]} headlist={inputColumn} pageSize={0} total={0} children={undefined} cellClick={undefined} isEditable={true} onPageChange={function (page: number): void {
+        throw new Error('Function not implemented.');
+      }}
+      />
+    </>
   )
 }
 

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 } from "./components/common/table";
+import { SwtrmtFcltCol, SwtrmtPrcsZoneCol, untrtSwgRainCol1, untrtSwgRainCol2, MsSwagePplCol, SewagePump } 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; };
@@ -43,7 +43,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
       else if (featureData.lyrTypeNm === 'tb_ms_swage_prcs_zone') result = '하수처리구역';
       else if (featureData.lyrTypeNm === 'om_dt_untrt_swg_rain') result = '중점우수토실';
       else if (featureData.lyrTypeNm === 'tb_ms_swage_ppl') result = '하수관로';
-      // else if (featureData.lyrTypeNm === 'om_dt_untrt_swg_rain') result = '중점우수토실';
+      else if (featureData.lyrTypeNm === 'tb_ms_swage_pmstn') result = '하수펌프장';
     }
     else {
       const lyrTyNm = featureLayer.get('lyrTyNm');
@@ -51,6 +51,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
       else if (lyrTyNm === 'tb_ms_swage_prcs_zone') result = '하수처리구역';
       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 result = featureLayer.get('lyrNm');
     }
 
@@ -98,10 +99,14 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
             setHeadlist(MsSwagePplCol)
             setButtonChk(true)
             break;
-          case '오수펌프':
-            setButtonChk(true)
-            break;
-          case '빗물펌프':
+          // case '오수펌프':
+          //   setButtonChk(true)
+          //   break;
+          // case '빗물펌프':
+          //   setButtonChk(true)
+          //   break;
+          case '하수펌프장':
+            setHeadlist(SewagePump)
             setButtonChk(true)
             break;
           case '하수맨홀':