하수처리시설 기본계획다운로드

2025-07-31 16:56:21 +09:00
parent 2e7b06d970
commit a780c36991
5 changed files with 63 additions and 15 deletions
@@ -5,7 +5,7 @@ NEXT_PUBLIC_ADDR_URL = http://con.mind-one.co.kr:11082
 NEXT_PUBLIC_SERVER_API_URL = http://dev.onasys.co.kr:8000
 NEXT_PUBLIC_GEOSERVER_URL = http://rsone.iptime.org:10010/geoserver
 NEXT_PUBLIC_LX_GEOSERVER_URL = http://con.mind-one.co.kr:11306/geoserver
-NEXT_PUBLIC_DC_URL     = https://apigateway.rsonesoft.com #자료관 데이터
+NEXT_PUBLIC_DC_URL     = https://apigateway.apps.rsonesoft.com #자료관 데이터
 NEXT_PUBLIC_CLAIM_NAME = Authorization
 NEXT_PUBLIC_AUTH_USER_ID = token-id
 NEXT_PUBLIC_ACCESS_TOKEN = access-token
@@ -12,6 +12,7 @@ type LayerComponentProps = {
  rainMeasureData?: any;
  onSaveClick?: () => void;
  onFormDataChange?: (data: any) => void; // 추가
+  gisObject?: Record<string, any>; // GIS 객체 추가
 };
 type LayerContentMap = {
  [key: string]: {
@@ -22,7 +23,7 @@ type LayerContentMap = {
 // 레이어 이름과 컴포넌트를 매핑
 // 레이어 선택시 변경되는 팝업 컨텐츠 동적으로 변경하도록 작업
 const layerContentMap: LayerContentMap = {
-  // "하수처리시설": { component: SwtrmtFclt, }, // 디지털 자료관 연계정보가 없으니 일단 주석 처리
+  "하수처리시설": { component: SwtrmtFclt, }, // 디지털 자료관 연계정보가 없으니 일단 주석 처리
  "하수처리구역": {},
  "우수토실": { component: Ssc, },
  "중점우수토실": { component: Ssc, }, // 중점우수토실 여부 설정
@@ -1,13 +1,15 @@
+'use client'
+import React, { useState,useEffect } from 'react'
 import Modal from '@/components/ui/modal';
 import { VerticalTable } from '@/components/ui/verticalTable';
 import { UiTable } from '@common/business_components/ui';
-import { Button, TableCell } from '@common/components/ui';
-import React, { useState } from 'react'
+import { Button } from '@common/components/ui';
+import { useDcTree, flattenFolders, getFileDownload, addFileName, type FlattenedFolder} from '../../searchModal/searchModalReportApi';

 // 하수처리시설
 const headList = [
  { id: "title", title: "하수도정비 기본계획보고서" },
-  { id: "cad", title: "하수도대장 평면도" },]
+];
 const modalHeadList = [
  { id: "no", title: "번호" },
  { id: "year", title: "승인연도" },
@@ -16,9 +18,10 @@ const modalHeadList = [
  { id: "date", title: "입력시간" },
 ]

-const SwtrmtFclt = () => {
+const SwtrmtFclt = ({ gisObject }: { gisObject: any }) => {
  const [isModalOpen, setIsModalOpen] = useState(false);
  const [modalTitle, setModalTitle] = useState<string>('');
+  const [dcDataOne, setDcDataOne] = useState<FlattenedFolder|undefined>({});
  const openModal = (title: string) => {
    setIsModalOpen(true);
    setModalTitle(title)
@@ -26,22 +29,59 @@ const SwtrmtFclt = () => {
  const closeModal = () => {
    setIsModalOpen(false);
  };
+  const ctpvNm = gisObject?.ctpv_nm;
+  //const reportOriginData = useDcTree(ctpvNm);
+  const reportOriginData = useDcTree("강원특별자치도");
+  useEffect(() => {
+    const fetch = async () => {
+      
+      if (!reportOriginData || reportOriginData.length === 0) {
+        return;
+      }
+      const reportData = flattenFolders(reportOriginData);
+      let filterReportData = [...reportData];
+      if (gisObject && gisObject.sgg_nm !== undefined && gisObject.sgg_nm !== "") { // 시군구검색
+        //const sggNm = gisObject?.sgg_nm;
+        const sggNm = "강릉시";
+        filterReportData = filterReportData.filter(item => item.sigungu === sggNm);
+      }
+      addFileName(filterReportData).then(data => {
+        filterReportData = data.filter(item => item.filePath !== undefined && item.filePath !== "");
+        if (filterReportData !== undefined && filterReportData.length > 0) {
+          setDcDataOne(filterReportData[0]);
+        }
+      });
+      console.log("filterReportData", filterReportData);
+    };
+    fetch();
+  }, [reportOriginData]);
+  
+  // 하수도정비기본계획 filedownload 핸들러
+  const handleFileDownloadClick = () => {
+    if (dcDataOne && dcDataOne !== undefined && dcDataOne.fileSn !== undefined && dcDataOne.fileSn !== ""
+        && dcDataOne.filePath !== undefined && dcDataOne.filePath !== "" && dcDataOne.fileName !== undefined && dcDataOne.fileName !== "" ) {
+      console.log("dcDataOne", dcDataOne);
+      getFileDownload(String(dcDataOne.fileSn), String(dcDataOne.fileName), String(dcDataOne.filePath));
+    }
+  };
+
+  //cad: <Button onClick={() => openModal('하수도대장 평면도')}>평면도</Button>,
  return (
    <div>
-      <VerticalTable children={{
-        title: <Button onClick={() => openModal('하수도정비 기본계획보고서')}>보고서</Button>,
-        cad: <Button onClick={() => openModal('하수도대장 평면도')}>평면도</Button>,
+      <VerticalTable 
+      children={{
+        title: <Button className="gray" onClick={() => handleFileDownloadClick()}>다운로드</Button>
      }} headName='디지털 자료관 연계정보' tableData={[]} headlist={headList} pageSize={20} total={0} cellClick={undefined} isEditable={true} onPageChange={function (page: number): void {
        throw new Error("Function not implemented.");
      }}></VerticalTable>
-      <Modal isModalOpen={isModalOpen} setIsModalOpen={setIsModalOpen} closeModal={closeModal}>
+      {/* <Modal isModalOpen={isModalOpen} setIsModalOpen={setIsModalOpen} closeModal={closeModal}>
        <div className='grid grid-col-2'>
-          <UiTable headName={modalTitle} tableData={[]} headlist={modalHeadList} pageSize={20} total={0} cellClick={undefined} children={undefined} onPageChange={function (page: number): void {
+          <UiTable headName={modalTitle} tableData={[]} headlist={modalHeadList} pageSize={20} total={0} cellClick={undefined} onPageChange={function (page: number): void {
            throw new Error("Function not implemented.");
          }
          }></UiTable>
        </div>
-      </Modal>
+      </Modal> */}
    </div>
  )
 }
@@ -481,6 +481,7 @@ const FeatureClickEventPopup = ({ onClose, featureData }: { onClose: () => void,
            onSaveClick={handleSaveClick}
            chmbrXcnts={chmbrXcnts}
            chmbrYdnts={chmbrYdnts}
+            gisObject={featureData.values_}
          />
        }
      </div>
@@ -79,7 +79,11 @@ export function flattenFolders(data: Folder[]): FlattenedFolder[] {
    }
  }

+  if  (data && data.length > 0 && data[0].clsfSystmNm == "기본계획") { // data가 비어있지 않고 children이 있는 경우에만 처리
    data.forEach((root) => traverse(root, {}, 0));
+  } else {
+    data.forEach((root) => traverse(root, {}, 1));
+  }
  return result;
 }

@@ -96,13 +100,15 @@ export const useDcTree = (clsfSystmNm:string) => {
      if (result) {
        setData(result);
      }
+      console.log("useDcTree호출");
+      console.log("clsfSystmNm:", clsfSystmNm, "data:", result);
    };
    fetch();
-    console.log("useDcTree호출");
  }, [clsfSystmNm]);

  return data;
 };
+
 export const getDcFile = async (clsfSystmSn:string) => {
  const queryString = 'clsfSystmSn='+clsfSystmSn;
  const result = await getDcData(`/api/v1/dc/file${queryString ? `?${queryString}` : ''}`);
@@ -119,7 +125,7 @@ export const addFileName = async (data:FlattenedFolder[]) => {
    })
  );
  return fileReportData;
-}
+};
 export const getDcFileprcs = async (fileSn:string) => {
  const queryString = 'fileSn='+fileSn;
  const result = await getDcData(`/api/v1/dc/fileprcs${queryString ? `?${queryString}` : ''}`);