침입수,RDII 그래프 수정

apps/sn/app/(map-layout)/map/searchModal/reportTab.tsx

@@ -2,10 +2,9 @@ import { YearRangeSelectBox } from '@/components/ui/YearRangeSelectBox';
 import { SelectBox } from '@common/business_components/ui';
 import { Button, Input } from '@common/components';
 import React from 'react';
-//import {  useDcTree, flattenFolders, useSggCd, useCityCd } from './components/searchModalReportApi';
+import {  reportGubuns } from './searchModalReportApi';
 import { type SelectDataType } from '../commonStore';
 import { useCityCd, useSggCd } from '../components/searchModalReportApi';
-// import { useBizByFcltStore } from "../../../store/StoreProvider";
 
 
 // // 하수도정비 기본계획 보고서
@@ -28,13 +27,11 @@ interface BasicTabProps {
   ctpvCd: string | number;
   sigungu: string;
   filteredSiguns: SelectDataType[];
+  reportGubun: string;
+  setReportGubun: (gubun: string) => void;
   yearFilter: { start: string; end: string; };
   handleSearch: () => void;
   handleCtpvCdChange: (val: string | number) => void;
-  // onOpenChange?: (open: boolean) => void;
-  // onFeatureSelect?: (row: any) => void;
-  // setTableData?: (data: any[]) => void;
-  // setTableCount?: (count: number) => void;
   setYearFilter: (filter: { start: string; end: string }) => void;
   setGubun: (gubun: string) => void;
   setSigungu: (sigungu: string) => void;
@@ -48,12 +45,10 @@ const ReportTab: React.FC<BasicTabProps> = ({
   sigungu,
   filteredSiguns = [{ val: '0', text: '전체', sido: '0' }],
   yearFilter,
+  reportGubun,
+  setReportGubun,
   handleSearch,
   handleCtpvCdChange,
-  // onOpenChange,
-  // onFeatureSelect,
-  // setTableData,
-  // setTableCount,
   setYearFilter,
   setGubun,
   setSigungu,
@@ -83,13 +78,24 @@ const ReportTab: React.FC<BasicTabProps> = ({
         />
       </div>
       <div className="flex items-center mb-6">
-        <label className="inline-block w-auto whitespace-nowrap text-xl text-gray-600 mr-2">구분</label>
+        {/* <label className="inline-block w-auto whitespace-nowrap text-xl text-gray-600 mr-2">구분</label>
         <Input
           className='!text-xl w-[100px] placeholder:text-center mr-8'
           placeholder="입력"
           value={gubun}
           onChange={(e) => { setGubun(e.target.value); }}
+        /> */}
+        <SelectBox
+          className="w-[150px] mr-8"
+          selectClass="rounded-lg bg-white"
+          label="보고서구분"
+          selectArray={[...reportGubuns]}
+          value={reportGubun}
+          onSelectValue={val => setReportGubun(String(val))}
+          selectContentClass="z-[101]"
+          labelClass='whitespace-nowrap text-xl text-gray-600 pr-2'
         />
+        {/* 승인년도 필터 */}
         <YearRangeSelectBox
           start={yearFilter.start}
           end={yearFilter.end}