From 019415f1243aaad5d218158aa68f6d01ddfe1a11 Mon Sep 17 00:00:00 2001
From: rsone001 <rsone001@gmail.com>
Date: Mon, 22 Dec 2025 13:27:43 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=B2=84=ED=8A=BC=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/button/ApproveButton.tsx   |  6 ++--
 .../components/button/LastYearDataButton.tsx  | 16 ++++++++++
 .../st/src/components/button/RejectButton.tsx |  4 +--
 .../st/src/components/button/ReturnButton.tsx | 16 ++++++++++
 .../components/button/ReviewOpinionButton.tsx | 16 ++++++++++
 apps/st/src/components/button/SaveButton.tsx  | 16 ++++++++++
 .../button/SubmitExceptionButton.tsx          | 16 ++++++++++
 apps/st/src/components/button/SumitButton.tsx | 16 ++++++++++
 apps/st/src/components/module/DataGrid.tsx    |  8 ++---
 .../management/SeweragePenetrationRateMng.tsx | 30 +++++++++++++++++++
 .../management/StatsInputSatusMng.tsx         | 20 ++++++++++++-
 11 files changed, 154 insertions(+), 10 deletions(-)
 create mode 100644 apps/st/src/components/button/LastYearDataButton.tsx
 create mode 100644 apps/st/src/components/button/ReturnButton.tsx
 create mode 100644 apps/st/src/components/button/ReviewOpinionButton.tsx
 create mode 100644 apps/st/src/components/button/SaveButton.tsx
 create mode 100644 apps/st/src/components/button/SubmitExceptionButton.tsx
 create mode 100644 apps/st/src/components/button/SumitButton.tsx

diff --git a/apps/st/src/components/button/ApproveButton.tsx b/apps/st/src/components/button/ApproveButton.tsx
index 1cbfb0b28..c87999f3c 100644
--- a/apps/st/src/components/button/ApproveButton.tsx
+++ b/apps/st/src/components/button/ApproveButton.tsx
@@ -6,9 +6,9 @@ interface ApproveButtonProps {
 
 const ApproveButton = ({ approveFunc }: ApproveButtonProps) => {
     return (
-        <Button color="emerald" className="px-6" onClick={approveFunc}>
-            <i className="diveicon di-check-circle translate-y-[1px]" />
-            <span className="translate-y-[-1px]">승인</span>
+        <Button className="px-6" onClick={approveFunc}>
+            <i className="diveicon di-check-circle" />
+            <span>승인</span>
         </Button>
     );
 };
diff --git a/apps/st/src/components/button/LastYearDataButton.tsx b/apps/st/src/components/button/LastYearDataButton.tsx
new file mode 100644
index 000000000..d233dce94
--- /dev/null
+++ b/apps/st/src/components/button/LastYearDataButton.tsx
@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface LastYearDataButtonProps {
+    getLastYearDataFunc: () => void;
+}
+
+const LastYearDataButton = ({ getLastYearDataFunc }: LastYearDataButtonProps) => {
+    return (
+        <Button color="emerald" className="px-6" onClick={getLastYearDataFunc}>
+            <i className="diveicon di-search" />
+            <span>지난연도 데이터 가져오기</span>
+        </Button>
+    );
+};
+
+export default LastYearDataButton;
\ No newline at end of file
diff --git a/apps/st/src/components/button/RejectButton.tsx b/apps/st/src/components/button/RejectButton.tsx
index 66dd34735..490f77a13 100644
--- a/apps/st/src/components/button/RejectButton.tsx
+++ b/apps/st/src/components/button/RejectButton.tsx
@@ -7,8 +7,8 @@ interface RejectButtonProps {
 const RejectButton = ({ rejectFunc }: RejectButtonProps) => {
     return (
         <Button color="red" className="px-6" onClick={rejectFunc}>
-            <i className="diveicon di-exclamation-circle translate-y-[1px]" />
-            <span className="translate-y-[-1px]">보완 요청</span>
+            <i className="diveicon di-exclamation-circle" />
+            <span>보완 요청</span>
         </Button>
     );
 };
diff --git a/apps/st/src/components/button/ReturnButton.tsx b/apps/st/src/components/button/ReturnButton.tsx
new file mode 100644
index 000000000..b77666fcc
--- /dev/null
+++ b/apps/st/src/components/button/ReturnButton.tsx
@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface ReturnButtonProps {
+    returnFunc: () => void;
+}
+
+const ReturnButton = ({ returnFunc }: ReturnButtonProps) => {
+    return (
+        <Button color="red" className="px-6" onClick={returnFunc}>
+            <i className="diveicon di-arrow-reset" />
+            <span>반려</span>
+        </Button>
+    );
+};
+
+export default ReturnButton;
\ No newline at end of file
diff --git a/apps/st/src/components/button/ReviewOpinionButton.tsx b/apps/st/src/components/button/ReviewOpinionButton.tsx
new file mode 100644
index 000000000..1b700963b
--- /dev/null
+++ b/apps/st/src/components/button/ReviewOpinionButton.tsx
@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface ReviewOpinionButtonProps {
+    reviewOpinionFunc: () => void;
+}
+
+const ReviewOpinionButton = ({ reviewOpinionFunc }: ReviewOpinionButtonProps) => {
+    return (
+        <Button color="emerald" className="px-6" onClick={reviewOpinionFunc}>
+            <i className="diveicon di-pencil" />
+            <span>검토의견 작성</span>
+        </Button>
+    );
+};
+
+export default ReviewOpinionButton;
\ No newline at end of file
diff --git a/apps/st/src/components/button/SaveButton.tsx b/apps/st/src/components/button/SaveButton.tsx
new file mode 100644
index 000000000..5da7d0e89
--- /dev/null
+++ b/apps/st/src/components/button/SaveButton.tsx
@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface SaveButtonProps {
+    saveFunc: () => void;
+}
+
+const SaveButton = ({ saveFunc }: SaveButtonProps) => {
+    return (
+        <Button color="green" className="px-6" onClick={saveFunc}>
+            <i className="diveicon di-download" />
+            <span>저장</span>
+        </Button>
+    );
+};
+
+export default SaveButton;
\ No newline at end of file
diff --git a/apps/st/src/components/button/SubmitExceptionButton.tsx b/apps/st/src/components/button/SubmitExceptionButton.tsx
new file mode 100644
index 000000000..94ea81663
--- /dev/null
+++ b/apps/st/src/components/button/SubmitExceptionButton.tsx
@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface SubmitExceptionButtonProps {
+    SubmitExceptionFunc: () => void;
+}
+
+const SubmitExceptionButton = ({ SubmitExceptionFunc }: SubmitExceptionButtonProps) => {
+    return (
+        <Button color="red" className="px-6" onClick={SubmitExceptionFunc}>
+            <i className="diveicon di-box-arrow-upload" />
+            <span>예외제출</span>
+        </Button>
+    );
+};
+
+export default SubmitExceptionButton;
\ No newline at end of file
diff --git a/apps/st/src/components/button/SumitButton.tsx b/apps/st/src/components/button/SumitButton.tsx
new file mode 100644
index 000000000..8f60f5e0a
--- /dev/null
+++ b/apps/st/src/components/button/SumitButton.tsx
@@ -0,0 +1,16 @@
+import { Button } from "@common/components";
+
+interface SubmitButtonProps {
+    submitFunc: () => void;
+}
+
+const SubmitButton = ({ submitFunc }: SubmitButtonProps) => {
+    return (
+        <Button className="px-6" onClick={submitFunc}>
+            <i className="diveicon di-upload" />
+            <span>제출</span>
+        </Button>
+    );
+};
+
+export default SubmitButton;
\ No newline at end of file
diff --git a/apps/st/src/components/module/DataGrid.tsx b/apps/st/src/components/module/DataGrid.tsx
index be6adc932..0c3cb1cc7 100644
--- a/apps/st/src/components/module/DataGrid.tsx
+++ b/apps/st/src/components/module/DataGrid.tsx
@@ -211,13 +211,13 @@ const DataGrid = ({ columnInfo, rows = [], rowStartNum, isExcelImport = true, fi
             <div className="flex justify-end items-center gap-[0.6rem]">
                 {isExcelImport &&
                     <Button className="h-[3.2rem] px-6 bg-gradient-green hover:bg-gradient-green-hover" type="button" onClick={importExcel}>
-                        <i className="diveicon di-file-excel translate-y-[1px]" />
-                        <span className="translate-y-[-1px]">가져오기</span>
+                        <i className="diveicon di-file-excel" />
+                        <span>가져오기</span>
                     </Button>
                 }
                 <Button className="h-[3.2rem] px-6 bg-gradient-green hover:bg-gradient-green-hover" type="button" onClick={exportExcel}>
-                    <i className="diveicon di-file-excel translate-y-[1px]" />
-                    <span className="translate-y-[-1px]">내보내기</span>
+                    <i className="diveicon di-file-excel" />
+                    <span>내보내기</span>
                 </Button>
             </div>
             <div className="h-[65vh]">
diff --git a/apps/st/src/components/statistics/management/SeweragePenetrationRateMng.tsx b/apps/st/src/components/statistics/management/SeweragePenetrationRateMng.tsx
index ffd10f966..5d1302f17 100644
--- a/apps/st/src/components/statistics/management/SeweragePenetrationRateMng.tsx
+++ b/apps/st/src/components/statistics/management/SeweragePenetrationRateMng.tsx
@@ -1,5 +1,9 @@
 import SearchForm from "@/components/module/SearchForm";
 import DataGrid from "@/components/module/DataGrid";
+import SubmitButton from "@/components/button/SumitButton";
+import SaveButton from "@/components/button/SaveButton";
+import LastYearDataButton from "@/components/button/LastYearDataButton";
+import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
 
 const SeweragePenetrationRate = () => {
     const columns = [
@@ -98,9 +102,35 @@ const SeweragePenetrationRate = () => {
         'rmk',
     ];
 
+    const submitFunc = () => {
+        console.log('submit');
+        // 제출 로직
+    };
+
+    const saveFunc = () => {
+        console.log('submit');
+        // 저장 로직
+    };
+
+    const getLastYearDataFunc = () => {
+        console.log('get last year data');
+        // 지난연도 데이터 가져오기 로직
+    };
+
+    const SubmitExceptionFunc = () => {
+        console.log('submit exception');
+        // 예외 제출 로직
+    };
+
     return (
         <>
             <SearchForm userMenual={true} />
+            <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
+                <SubmitButton submitFunc={submitFunc} />
+                <SaveButton saveFunc={saveFunc} />
+                <LastYearDataButton getLastYearDataFunc={getLastYearDataFunc} />
+                <SubmitExceptionButton SubmitExceptionFunc={SubmitExceptionFunc} />
+            </div>
             <DataGrid columnInfo={{columns, columnLayout}} rowStartNum={2} isExcelImport={true} fixedColumns={1} />
         </>
     );
diff --git a/apps/st/src/components/statistics/management/StatsInputSatusMng.tsx b/apps/st/src/components/statistics/management/StatsInputSatusMng.tsx
index 32e134538..28886e17d 100644
--- a/apps/st/src/components/statistics/management/StatsInputSatusMng.tsx
+++ b/apps/st/src/components/statistics/management/StatsInputSatusMng.tsx
@@ -2,6 +2,8 @@ import SearchForm from "@/components/module/SearchForm";
 import DataGrid from "@/components/module/DataGrid";
 import ApproveButton from "@/components/button/ApproveButton";
 import RejectButton from "@/components/button/RejectButton";
+import ReturnButton from "@/components/button/ReturnButton";
+import ReviewOpinionButton from "@/components/button/ReviewOpinionButton";
 
 const StatsInputSatusMng = () => {
     const columns = [
@@ -34,20 +36,36 @@ const StatsInputSatusMng = () => {
 
     const approveFunc = () => {
         console.log('appoved');
+        // 승인 요청 로직
     };
 
     const rejectFunc = () => {
         console.log('reject');
+        // 보완 요청 로직
+    };
+
+    const returnFunc = () => {
+        console.log('return');
+        // 반려 로직
+    }
+
+    const reviewOpinionFunc = () => {
+        console.log('review');
+        // 검토 의견 작성 로직
     };
 
     return (
         <>
             <SearchForm />
+            <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
+                <ReviewOpinionButton reviewOpinionFunc={reviewOpinionFunc} />
+                <ReturnButton returnFunc={returnFunc} />
+            </div>
             <div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
                 <RejectButton rejectFunc={rejectFunc} />
                 <ApproveButton approveFunc={approveFunc} />
             </div>
-            <DataGrid columnInfo={{columns, columnLayout}} rowStartNum={2} isExcelImport={true} fixedColumns={3} />
+            <DataGrid columnInfo={{ columns, columnLayout }} rowStartNum={2} isExcelImport={true} fixedColumns={3} />
         </>
     );
 };