api 작업중

apps/sn/app/map/featureClickEventPopup.tsx

@@ -19,6 +19,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
     const { gisMap } = useGisContext() as unknown as { checkedLayerIds: React.MutableRefObject<number[]>; treeData: { lyrSn: number }[] | null; gisCore: any; gisMap: any; };
     const featureId = featureData.getId(); // 피처의 속성 가져오기
     const [layerNm, setLayerNm] = useState<string>(""); // 레이어 이름 상태
+    const [tableData, setTableData] = useState<any>(null); // 피처 데이터 상태
     // 피쳐데이터의 현재 레이어 이름 가져오는 함수
     const getSelectedLayers = () => {
         const layers = gisMap.getLayers().getArray(); // gisMap에서 모든 레이어 가져오기
@@ -62,21 +63,16 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
             updateData(inspectionData, setInspectionData);
         }
     };
-    async function transformFeatureDataToArray(featureId: any, keys: string[]) {
-        const data = await getData(`v1/map/features/${featureId}`);
-        // 필요한 키만 추출하여 새로운 객체 생성
-        console.log("data", data);
-        const transformedData = keys.reduce((acc, key) => {
-            acc[key] = data[key] !== undefined ? data[key] : "N/A"; // 값이 없으면 "N/A"로 처리
-            return acc;
-        }, {} as Record<string, any>);
-
-        // 배열로 감싸서 반환
-        return [transformedData];
-    }
-    const keys = SwtrmtFcltCol.map((column) => column.id);
-    const transformedFeatureData = transformFeatureDataToArray(featureId, keys);
-    useEffect(() => { setLayerNm(getSelectedLayers()) }, [featureId]);
+    useEffect(() => { 
+        // const fetchData = async () => {
+        //     if (featureId) {
+                setLayerNm(getSelectedLayers());
+            // }
+            // const data = await getData(`v1/map/features/${featureId}`);
+            // setTableData(data);
+        // };
+        // fetchData();
+    }, [featureId]);
     const renderSection = (title: string, data: { year: string; type: string }[], sectionKey: string) => (
         <div>
             {/* 섹션 제목 */}
@@ -127,7 +123,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
                 </button>
             </div>
             <div className="overflow-y-auto flex-1">
-                <VerticalTable headName='LX 연계정보' tableData={[]} headlist={SwtrmtFcltCol} pageSize={20} total={0} children={undefined} cellClick={undefined} onPageChange={function (page: number): void {
+                <VerticalTable headName='LX 연계정보' tableData={[tableData]} headlist={SwtrmtFcltCol} pageSize={20} total={0} children={undefined} cellClick={undefined} onPageChange={function (page: number): void {
                     throw new Error("Function not implemented.");
                 }}></VerticalTable>
                 <VerticalTable headName='자체 입력정보' tableData={[]} headlist={inputColumn} pageSize={20} total={0} children={undefined} cellClick={undefined} isEditable={true} onPageChange={function (page: number): void {

apps/sn/app/map/table.ts

@@ -1,39 +1,38 @@
 export const SwtrmtFcltCol = [
-    { id: 'swtrmt_fclt_nm', title: '하수처리시설명' },
-    { id: 'fclt_cpct', title: '시설용량' },
-    { id: 'rgn_expln', title: '지역설명' },
-    { id: 'cmcn_ymd', title: '준공일자' },
-    { id: 'oprtng_strt_ymd', title: '가동개시일자' },
-    { id: 'clsg_ymd', title: '폐쇄일자' },
-    { id: 'prcs_msrc_cd', title: '처리공법코드' },
-    { id: 'lae_cd', title: '지자체코드' },
-    { id: 'lae_nm', title: '지자체명' },
-    { id: 'ctpv_nm', title: '시도명' },
-    { id: 'sgg_nm', title: '시군구명' },
-    { id: 'sarea_cd', title: '권역코드' },
-    { id: 'sarea_nm', title: '권역명' },
-    { id: 'lrge_sarea_nm', title: '대권역명' },
-    { id: 'rvr_nm', title: '하천명' },
+    { id: 'swtrmtFcltNm', title: '하수처리시설명' },
+    { id: 'fcltCpct', title: '시설용량' },
+    { id: 'rgnExpln', title: '지역설명' },
+    { id: 'cmcnYmd', title: '준공일자' },
+    { id: 'oprtngStrtYmd', title: '가동개시일자' },
+    { id: 'clsgYmd', title: '폐쇄일자' },
+    { id: 'prcsMsrcCd', title: '처리공법코드' },
+    { id: 'laeCd', title: '지자체코드' },
+    { id: 'laeNm', title: '지자체명' },
+    { id: 'ctpvNm', title: '시도명' },
+    { id: 'sggNm', title: '시군구명' },
+    { id: 'sareaCd', title: '권역코드' },
+    { id: 'sareaNm', title: '권역명' },
+    { id: 'lrgeSareaNm', title: '대권역명' },
+    { id: 'rvrNm', title: '하천명' },
     { id: 'addr', title: '주소' },
     { id: 'daddr', title: '상세주소' },
-    { id: 'rdnm_addr', title: '도로명주소' },
-    { id: 'dtl_rdnm_addr', title: '상세도로명주소' },
-    { id: 'dschg_wtst_nm', title: '방류수계명' },
-    { id: 'plln_area', title: '부지면적' },
-    { id: 'mng_rprtv_bzenty_nm', title: '관리대행업제명' },
-    { id: 'swtrmt_ppltn_cnt', title: '하수처리인구수' },
-    { id: 'prcs_zone_area_sum', title: '처리구역면적합계' },
-    { id: 'geom', title: 'geometry' },
+    { id: 'rdnmAddr', title: '도로명주소' },
+    { id: 'dtlRdnmAddr', title: '상세도로명주소' },
+    { id: 'dschgWtstNm', title: '방류수계명' },
+    { id: 'pllnArea', title: '부지면적' },
+    { id: 'mngRprtvBzentyNm', title: '관리대행업제명' },
+    { id: 'swtrmtPpltnCnt', title: '하수처리인구수' },
+    { id: 'prcsZoneAreaSum', title: '처리구역면적합계' },
     { id: 'xcrd', title: 'X좌표' },
     { id: 'ycrd', title: 'Y좌표' },
-    { id: 'oprtng_stts_cd', title: '가동상태코드' },
-    { id: 'rprs_msrc_cn', title: '대표공법내용' },
-    { id: 'stty_crtr_bod', title: '법정기준생물화학적산소요구량' },
-    { id: 'stty_crtr_toc', title: '법정기준TOC' },
-    { id: 'stty_crtr_ss', title: '법정기준SS' },
-    { id: 'stty_crtr_tn', title: '법정기준총질소' },
-    { id: 'stty_crtr_tph', title: '법정기준총인' },
-    { id: 'stty_crtr_clbcl_cnt', title: '법정기준대장균수' },
-    { id: 'bsn_nm', title: '유역명' },
-    { id: 'obsrvn_spt_cd', title: '관측지점코드' },
+    { id: 'oprtngSttsCd', title: '가동상태코드' },
+    { id: 'rprsMsrcCn', title: '대표공법내용' },
+    { id: 'sttyCrtrBod', title: '법정기준생물화학적산소요구량' },
+    { id: 'sttyCrtrToc', title: '법정기준TOC' },
+    { id: 'sttyCrtrSs', title: '법정기준SS' },
+    { id: 'sttyCrtrTn', title: '법정기준총질소' },
+    { id: 'sttyCrtrTph', title: '법정기준총인' },
+    { id: 'sttyCrtrClbclCnt', title: '법정기준대장균수' },
+    { id: 'bsnNm', title: '유역명' },
+    { id: 'obsrvnSptCd', title: '관측지점코드' },
 ];