From 404624a583c01c0e67d5d14088d8c77ea4e98cc9 Mon Sep 17 00:00:00 2001
From: rsone001 <rsone001@gmail.com>
Date: Mon, 18 May 2026 16:57:18 +0900
Subject: [PATCH] =?UTF-8?q?[st]=20-=20fix:=20=ED=86=B5=EA=B3=84=EC=9D=B4?=
 =?UTF-8?q?=EB=A0=A5=EC=A1=B0=ED=9A=8C=20=EB=A9=94=EB=89=B4=20=EA=B5=AC?=
 =?UTF-8?q?=EC=A1=B0=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../input/ExcretaTreatmentFacilityInp.tsx     |   2 +-
 .../input/PrivateSewageFacilityInp.tsx        |   2 +-
 .../statistics/input/PumpingStationInp.tsx    |   2 +-
 .../input/SewageExcretaRelatedInp.tsx         |   2 +-
 .../input/SewageExcretaSlurgeInp.tsx          |   2 +-
 .../input/SewageReservoirPumpInp.tsx          | 122 ++++++++++++------
 .../statistics/input/SewerageFinanceInp.tsx   |   2 +-
 .../input/SewerageServiceLevelInp.tsx         |   2 +-
 .../StatisticsReviewHistory.tsx               |   0
 .../statistics/input/WaterReuseInp.tsx        |   2 +-
 10 files changed, 89 insertions(+), 49 deletions(-)
 rename apps/st/src/components/statistics/{management => input}/StatisticsReviewHistory.tsx (100%)

diff --git a/apps/st/src/components/statistics/input/ExcretaTreatmentFacilityInp.tsx b/apps/st/src/components/statistics/input/ExcretaTreatmentFacilityInp.tsx
index 94fbb6a3e..626682536 100644
--- a/apps/st/src/components/statistics/input/ExcretaTreatmentFacilityInp.tsx
+++ b/apps/st/src/components/statistics/input/ExcretaTreatmentFacilityInp.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 
 import SearchForm from "@/components/module/SearchForm";
-import { DataGrid } from "@rsone/components";
+import DataGrid from "@/components/module/DataGrid";
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
diff --git a/apps/st/src/components/statistics/input/PrivateSewageFacilityInp.tsx b/apps/st/src/components/statistics/input/PrivateSewageFacilityInp.tsx
index 0dabb52c8..b430d6584 100644
--- a/apps/st/src/components/statistics/input/PrivateSewageFacilityInp.tsx
+++ b/apps/st/src/components/statistics/input/PrivateSewageFacilityInp.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 
 import SearchForm from "@/components/module/SearchForm";
-import { TabDataGrid } from "@rsone/components";
+import TabDataGrid from "@/components/module/TabDataGrid";
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
diff --git a/apps/st/src/components/statistics/input/PumpingStationInp.tsx b/apps/st/src/components/statistics/input/PumpingStationInp.tsx
index 2261a8eac..001d3ba4b 100644
--- a/apps/st/src/components/statistics/input/PumpingStationInp.tsx
+++ b/apps/st/src/components/statistics/input/PumpingStationInp.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 
 import SearchForm from "@/components/module/SearchForm";
-import { DataGrid } from '@rsone/components';
+import DataGrid from "@/components/module/DataGrid";
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
diff --git a/apps/st/src/components/statistics/input/SewageExcretaRelatedInp.tsx b/apps/st/src/components/statistics/input/SewageExcretaRelatedInp.tsx
index 726d5718a..b4470e438 100644
--- a/apps/st/src/components/statistics/input/SewageExcretaRelatedInp.tsx
+++ b/apps/st/src/components/statistics/input/SewageExcretaRelatedInp.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 
 import SearchForm from "@/components/module/SearchForm";
-import { TabDataGrid } from "@rsone/components";
+import TabDataGrid from "@/components/module/TabDataGrid";
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
diff --git a/apps/st/src/components/statistics/input/SewageExcretaSlurgeInp.tsx b/apps/st/src/components/statistics/input/SewageExcretaSlurgeInp.tsx
index a4ab5c947..6df8ce665 100644
--- a/apps/st/src/components/statistics/input/SewageExcretaSlurgeInp.tsx
+++ b/apps/st/src/components/statistics/input/SewageExcretaSlurgeInp.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 
 import SearchForm from "@/components/module/SearchForm";
-import { TabDataGrid } from "@rsone/components";
+import TabDataGrid from "@/components/module/TabDataGrid";
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
diff --git a/apps/st/src/components/statistics/input/SewageReservoirPumpInp.tsx b/apps/st/src/components/statistics/input/SewageReservoirPumpInp.tsx
index 1ea0892c5..88d92eeaf 100644
--- a/apps/st/src/components/statistics/input/SewageReservoirPumpInp.tsx
+++ b/apps/st/src/components/statistics/input/SewageReservoirPumpInp.tsx
@@ -1,85 +1,125 @@
 import { useState } from "react";
 
-import SearchForm from "@/components/module/SearchForm";
-import { TabDataGrid } from '@rsone/components';
-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 { Tabs, TabsContent, TabsList, TabsTrigger } from "@common/components";
+
 import AddArticleButton from "@/components/button/AddArticleButton";
 import DeleteArticleButton from "@/components/button/DeleteArticleButton";
+import LastYearDataButton from "@/components/button/LastYearDataButton";
 import NotApplicableCheckButton from "@/components/button/NotApplicableCheckButton";
-
-import { SewageReservoirInpColumn } from "@/components/util/column/input/sewageReservoirPump/SewageReservoirInpColumn";
+import SaveButton from "@/components/button/SaveButton";
+import SubmitButton from "@/components/button/SumitButton";
+import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
+import DataGrid from "@/components/module/DataGrid";
+import SearchForm from "@/components/module/SearchForm";
+import type { ColumnInfo, ColumnInfoList } from "@/components/type/DataGrid.type";
 import { RainfallPumpStationInpColumn } from "@/components/util/column/input/sewageReservoirPump/RainfallPumpStationInpColumn";
+import { SewageReservoirInpColumn } from "@/components/util/column/input/sewageReservoirPump/SewageReservoirInpColumn";
+
+const SewageReservoirPumpInpTabList = [
+    SewageReservoirInpColumn,
+    RainfallPumpStationInpColumn,
+] as ColumnInfoList[];
+
+const toGridColumnInfo = (tab: ColumnInfoList): ColumnInfo => ({
+    columns: tab.columns ?? [],
+    columnLayout: tab.columnLayout ?? [],
+});
+
+const firstTabKey = SewageReservoirPumpInpTabList[0]?.tabKey ?? "sewageReservoirInp";
 
 // 하수도 통계 관리 > 04. 하수저류 시설 및 빗물 펌프장
 const SewageReservoirPumpInp = () => {
-    
-    // tab List
-    const SewageReservoirPumpInpTabList = [
-        SewageReservoirInpColumn,
-        RainfallPumpStationInpColumn
-    ];
-
     const submitExceptionFunc = () => {
-        console.log('submit exception');
+        console.log("submit exception");
         // 예외 제출 로직
     };
 
     const getLastYearDataFunc = () => {
-        console.log('get last year data');
+        console.log("get last year data");
         // 지난연도 데이터 가져오기 로직
     };
 
     const submitFunc = () => {
-        console.log('submit');
+        console.log("submit");
         // 제출 로직
     };
 
     const saveFunc = () => {
-        console.log('save');
+        console.log("save");
         // 저장 로직
     };
 
     const addArticleFunc = () => {
-        console.log('save');
+        console.log("save");
         // 항목 추가 로직
     };
 
     const deleteArticleFunc = () => {
-        console.log('save');
+        console.log("save");
         // 항목 제외 로직
     };
 
+    const [activeTab, setActiveTab] = useState(firstTabKey);
     const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
     const [isNotApplicable, setIsNotApplicable] = useState(false);
-    
+
     return (
         <>
-            <SearchForm fctName={true} />
-            <div className="card !py-0">
-                <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} />
+            <div className="relative">
+                <SearchForm fctName={true} />
+                <div className="card !py-0">
+                    <div className="m-[0.6rem] flex items-center justify-end gap-[0.6rem]">
+                        <SubmitExceptionButton SubmitExceptionFunc={submitExceptionFunc} />
+                        <LastYearDataButton getLastYearDataFunc={getLastYearDataFunc} />
+                        <SubmitButton submitFunc={submitFunc} />
+                        <SaveButton saveFunc={saveFunc} />
+                    </div>
                 </div>
-            </div>
-            <div className="card !py-0">
-                <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
-                    <NotApplicableCheckButton isCheck={isNotApplicable} setIsCheck={setIsNotApplicable} />
-                    <AddArticleButton addArticleFunc={addArticleFunc} />
-                    <DeleteArticleButton deleteArticleFunc={deleteArticleFunc} />
+                <div className="card !py-0">
+                    <div className="m-[0.6rem] flex items-center justify-end gap-[0.6rem]">
+                        <NotApplicableCheckButton isCheck={isNotApplicable} setIsCheck={setIsNotApplicable} />
+                        <AddArticleButton addArticleFunc={addArticleFunc} />
+                        <DeleteArticleButton deleteArticleFunc={deleteArticleFunc} />
+                    </div>
                 </div>
+                <Tabs value={activeTab} onValueChange={setActiveTab}>
+                    <TabsList>
+                        {SewageReservoirPumpInpTabList.map((tab) => (
+                            <TabsTrigger key={tab.tabKey} value={tab.tabKey ?? ""}>
+                                {tab.tabLabel || tab.tabKey}
+                            </TabsTrigger>
+                        ))}
+                    </TabsList>
+                    {SewageReservoirPumpInpTabList.map((tab) => {
+                        const tabKey = tab.tabKey ?? "";
+                        return (
+                            <TabsContent key={tabKey} value={tabKey}>
+                                <DataGrid
+                                    columnInfo={toGridColumnInfo(tab)}
+                                    rowStartNum={tab.rowStartNum}
+                                    fixedColumns={tab.fixedColumns}
+                                    rowData={rowDataMap.get(tabKey) ?? []}
+                                    setRowData={(updater) => {
+                                        setRowDataMap((prev) => {
+                                            const next = new Map(prev);
+                                            const cur = next.get(tabKey) ?? [];
+                                            const n =
+                                                typeof updater === "function"
+                                                    ? (updater as (p: Record<string, string | number>[]) => Record<string, string | number>[])(cur)
+                                                    : updater;
+                                            next.set(tabKey, n);
+                                            return next;
+                                        });
+                                    }}
+                                    showHeaderCheckbox={false}
+                                />
+                            </TabsContent>
+                        );
+                    })}
+                </Tabs>
             </div>
-            <TabDataGrid 
-                columnInfo={SewageReservoirPumpInpTabList} 
-                rowDataMap={rowDataMap} 
-                setRowDataMap={setRowDataMap} 
-            />
         </>
     );
 };
 
-export default SewageReservoirPumpInp;
\ No newline at end of file
+export default SewageReservoirPumpInp;
diff --git a/apps/st/src/components/statistics/input/SewerageFinanceInp.tsx b/apps/st/src/components/statistics/input/SewerageFinanceInp.tsx
index c1c2177de..3f3d57f4e 100644
--- a/apps/st/src/components/statistics/input/SewerageFinanceInp.tsx
+++ b/apps/st/src/components/statistics/input/SewerageFinanceInp.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 
 import SearchForm from "@/components/module/SearchForm";
-import { TabDataGrid } from '@rsone/components';
+import TabDataGrid from "@/components/module/TabDataGrid";
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
diff --git a/apps/st/src/components/statistics/input/SewerageServiceLevelInp.tsx b/apps/st/src/components/statistics/input/SewerageServiceLevelInp.tsx
index 7ce370bbb..f79b2e667 100644
--- a/apps/st/src/components/statistics/input/SewerageServiceLevelInp.tsx
+++ b/apps/st/src/components/statistics/input/SewerageServiceLevelInp.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 
 import SearchForm from "@/components/module/SearchForm";
-import { TabDataGrid } from '@rsone/components';
+import TabDataGrid from "@/components/module/TabDataGrid";
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";
diff --git a/apps/st/src/components/statistics/management/StatisticsReviewHistory.tsx b/apps/st/src/components/statistics/input/StatisticsReviewHistory.tsx
similarity index 100%
rename from apps/st/src/components/statistics/management/StatisticsReviewHistory.tsx
rename to apps/st/src/components/statistics/input/StatisticsReviewHistory.tsx
diff --git a/apps/st/src/components/statistics/input/WaterReuseInp.tsx b/apps/st/src/components/statistics/input/WaterReuseInp.tsx
index 2479ef030..26798d169 100644
--- a/apps/st/src/components/statistics/input/WaterReuseInp.tsx
+++ b/apps/st/src/components/statistics/input/WaterReuseInp.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 
 import SearchForm from "@/components/module/SearchForm";
-import { TabDataGrid } from '@rsone/components';
+import TabDataGrid from "@/components/module/TabDataGrid";
 import SubmitButton from "@/components/button/SumitButton";
 import SaveButton from "@/components/button/SaveButton";
 import LastYearDataButton from "@/components/button/LastYearDataButton";