[st] - fix: 통계이력조회 메뉴 구조 변경

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";

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";

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";

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";

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";

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;
+export default SewageReservoirPumpInp;

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";

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";

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";