Merge remote-tracking branch 'origin/feature/management-screen-eunsun' into iipbs/st/dev

apps/st/src/components/statistics/management/SewagePipeMaintainMng.tsx

@@ -27,7 +27,7 @@ const SewagePipeMaintainMng = () => {
 
     const getLastYearDataFunc = () => {
         console.log('get last year data');
-        // 전년도 데이터 가져오기
+        // 전연도 데이터 가져오기
     };
 
     const submitFunc = () => {

apps/st/src/components/statistics/management/WaterReuseMng.tsx

@@ -1,12 +1,65 @@
-import SearchForm from "../../module/SearchForm";
+import { useState } from "react";
+import SearchForm from "@/components/module/SearchForm";
+import TabDataGrid from "@/components/module/TabDataGrid";
+import SubmitButton from "@/components/button/SumitButton";
+import SaveButton from "@/components/button/SaveButton";
+import LastYearDataButton from "@/components/button/LastYearDataButton";
+import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
+import OperateDataButton from "@/components/button/OperateDataButton"
 
-import { WaterReuseMngColumnInfoList } from "@/components/util/column/management/WaterReuseMngColumn";
+import { PublicSewageTreatmentWaterReuseMngColumn } from "@/components/util/column/management/waterReuse/PublicSewageTreatmentWaterReuseMngColumn";
+import { RecycledWaterStatusMngColumn } from "@/components/util/column/management/waterReuse/RecycledWaterStatusMngColumn";
+import { RainfallUtilizationFacilityStatusMngColumn } from "@/components/util/column/management/waterReuse/RainfallUtilizationFacilityStatusMngColumn";
+import { TreatmentWaterReuseDesignConstructionStatusMngColumn } from "@/components/util/column/management/waterReuse/TreatmentWaterReuseDesignConstructionStatusMngColumn";
+import { TreatmentWaterReuseBussinessApprovalStatusMngColumn } from "@/components/util/column/management/waterReuse/TreatmentWaterReuseBussinessApprovalStatusMngColumn";
 
 // 하수도 통계 관리 > 10. 물 재이용
 const WaterReuseMng = () => {
+
+    const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
+
+    // tab list
+    const WaterReuseMngColumnList = [
+        PublicSewageTreatmentWaterReuseMngColumn
+    ];
+    const SubmitExceptionFunc = () => {
+        console.log('submit exception');
+        // 예외 제출 로직 
+    };
+
+    const getLastYearDataFunc = () => {
+        console.log('get last year data');
+        // 전연도 데이터 가져오기
+    };
+
+    const submitFunc = () => {
+        console.log('submit');
+        // 제출 로직
+    };
+
+    const saveFunc = () => {
+        console.log('save');
+        // 저장 로직
+    };
+
+    const getOperateDataFunc = () => {
+        console.log('operateData');
+        // 운영 데이터 업데이트 로직
+    };
+    
     return (
         <>
             <SearchForm userMenual={true} />
+
+            <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
+                <SubmitExceptionButton SubmitExceptionFunc={SubmitExceptionFunc} />
+                <LastYearDataButton getLastYearDataFunc={getLastYearDataFunc} />
+                <SubmitButton submitFunc={submitFunc} />
+                <SaveButton saveFunc={saveFunc} />
+                <OperateDataButton getOperateDataFunc={getOperateDataFunc} />
+            </div>
+
+            <TabDataGrid columnInfo={WaterReuseMngColumnList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
         </>
     );
 };