From 7bbab96c4be6404ef868c85c60b7b94ccd5cb506 Mon Sep 17 00:00:00 2001
From: YangJinSoo94 <jschrome782@gmail.com>
Date: Fri, 4 Jul 2025 15:12:51 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AC=BC=EC=9E=AC=EC=9D=B4=EC=9A=A9=EC=82=AC?=
 =?UTF-8?q?=EB=A1=80=EA=B4=80=EB=A6=AC=20=EC=A1=B0=ED=9A=8C=EA=B8=B0?=
 =?UTF-8?q?=EB=8A=A5(=ED=8E=98=EC=9D=B4=EC=A7=80=EB=84=A4=EC=9D=B4?=
 =?UTF-8?q?=EC=85=98=20=EC=B6=94=EA=B0=80)=EC=99=84=EB=A3=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/wr/app/matMng/coMat/ruseCaseMng/page.tsx | 16 ++++++++-----
 .../wr/app/store/matDmd/ruseCaseMng/index.tsx | 23 +++++++++++--------
 2 files changed, 23 insertions(+), 16 deletions(-)

diff --git a/apps/wr/app/matMng/coMat/ruseCaseMng/page.tsx b/apps/wr/app/matMng/coMat/ruseCaseMng/page.tsx
index 517dab0c0..a81a85e19 100644
--- a/apps/wr/app/matMng/coMat/ruseCaseMng/page.tsx
+++ b/apps/wr/app/matMng/coMat/ruseCaseMng/page.tsx
@@ -26,7 +26,7 @@ import { toast, Toaster } from "react-hot-toast";
 
 export default function RuseCaseMng() {
     const { code, ruseCaseMng, selectRuseCaseMng } = useWrStore((state) => state);
-    const { ruseCaseMngList, status } = ruseCaseMng;
+    const { ruseCaseMngList, status, count } = ruseCaseMng;
     const [selectSgg, setSelectSgg] = useState<SelectDataType[] | []>([]);
     const [objSearch, setObjSearch] = useState<objSearchType>({ sgg: "", city: "" });
     
@@ -36,8 +36,10 @@ export default function RuseCaseMng() {
     const [name, setName] = useState<string>("");
 
     // 물재이용사례 조회
-    const searchRuseCaseMng = async () => {
+    const searchRuseCaseMng = async (pageNo: number, pageSize: number) => {
         const res = await selectRuseCaseMng(
+            pageNo,
+            pageSize,
             sidoCd ?? "", 
             sigunguCd ?? "", 
             selectUtz[0] ?? "",
@@ -70,7 +72,7 @@ export default function RuseCaseMng() {
 
     // 다운로드
     const download = () => {
-        searchRuseCaseMng();
+        searchRuseCaseMng(1, 10000);;
         
         fetch(`/sample_ruseCaseMng.xlsx`, {}).then(async (response) => {
           if (!response.ok) {
@@ -210,7 +212,7 @@ export default function RuseCaseMng() {
                             <SearchFormRight className="w-2/12 mx-5 flex flex-col items-center justify-center space-x-2">
                                 <div className="space-y">
                                     <div className="flex flex-row space-x-2">
-                                        <Button size={"sm"} onClick={() => { searchRuseCaseMng() }}>
+                                        <Button size={"sm"} onClick={() => { searchRuseCaseMng(1, 20) }}>
                                             조회
                                         </Button>
                                         <Button size={"sm"} onClick={() => { setIsExcelOpen({ isModal: true }); }}>
@@ -238,9 +240,11 @@ export default function RuseCaseMng() {
                                     children={undefined}
                                     headlist={ruseCaseMng.ruseHeadList}
                                     pageSize={20}
-                                    total={100000}
+                                    total={count}
                                     cellClick={(index: number | undefined, headId: string) => {}}
-                                    onPageChange={() => {}}
+                                    onPageChange={(pageNo: number) => {
+                                        searchRuseCaseMng(pageNo, 10);
+                                    }}
                                 />
                             </div>
                         </ListDiv>
diff --git a/apps/wr/app/store/matDmd/ruseCaseMng/index.tsx b/apps/wr/app/store/matDmd/ruseCaseMng/index.tsx
index 76468d249..5a2ad235e 100644
--- a/apps/wr/app/store/matDmd/ruseCaseMng/index.tsx
+++ b/apps/wr/app/store/matDmd/ruseCaseMng/index.tsx
@@ -1,4 +1,4 @@
-import { fetchType, getFetch, postFectch } from "@/components/lib/api";
+import { fetchType, getFetch, getFetchWithCount, postFectch } from "@/components/lib/api";
 import type { TableUpperProps } from "../../common/type/header";
 import { ruseCaseHeadListExport } from "./headList";
 import { toast } from "react-hot-toast";
@@ -7,6 +7,7 @@ export type ruseCaseState = {
     ruseHeadList:TableUpperProps[];
     ruseCaseMngList:ruseCaseMngExcelProps[];
     status: number;
+    count: number;
   };
 };
 
@@ -64,14 +65,14 @@ export interface ruseCaseMngExcelProps {
 }
 
 type ruseCaseActions = {
-  selectRuseCaseMng: (sidoCd: string, sigunguCd: string, usageCd : string, name: string) => Promise<void>;
+  selectRuseCaseMng: (pageNo: number, pageSize: number, sidoCd: string, sigunguCd: string, usageCd : string, name: string) => Promise<void>;
   insertRuseCaseMng: (data: any) => Promise<void>;
 };
 
-export const fetchSearchRuseCaseMng = async (sidoCd: string, sigunguCd: string, usageCd : string, name: string) => {
-  const tailUrl = ((sigunguCd !== '전체' && sigunguCd !=='') ? `/${sigunguCd}` :  (sidoCd != '전체' && sidoCd != '') ? `/${sidoCd}` : `/0`) + (usageCd? `/${usageCd}` : '/0') + (name? `/${name}` : '');
-  const resp = await getFetch(fetchType.WR,`/reuseFc/pubFcRuseCase${tailUrl}`);
-  return resp;
+export const fetchSearchRuseCaseMng = async (pageNo: number, pageSize: number, sidoCd: string, sigunguCd: string, usageCd : string, name: string) => {
+  const tailUrl = '/'+pageNo+'/'+pageSize+ ((sigunguCd !== '전체' && sigunguCd !=='') ? `/${sigunguCd}` :  (sidoCd != '전체' && sidoCd != '') ? `/${sidoCd}` : `/0`) + (usageCd? `/${usageCd}` : '/0') + (name? `/${name}` : '');
+  const resp = await getFetchWithCount(fetchType.WR,`/reuseFc/pubFcRuseCase${tailUrl}`);
+  return {data:resp.data, count:resp.count};
 };
 
 export const fetchInsertRuseCaseMng = async (data: any) => {
@@ -86,6 +87,7 @@ export const ruseCaseStateExport: ruseCaseState = {
     ruseHeadList:ruseCaseHeadListExport,
     ruseCaseMngList:[],
     status: 0,
+    count: 0,
   },
 };
 
@@ -93,12 +95,13 @@ export const ruseCaseActionsExport: (set: any) => ruseCaseActions = (
   set: any
 ) => {
   return {
-    selectRuseCaseMng: async (sidoCd: string, sigunguCd: string, usageCd : string, name: string) => {
-      const res = await fetchSearchRuseCaseMng(sidoCd, sigunguCd, usageCd, name);
+    selectRuseCaseMng: async (pageNo: number, pageSize: number, sidoCd: string, sigunguCd: string, usageCd : string, name: string) => {
+      const res = await fetchSearchRuseCaseMng(pageNo, pageSize, sidoCd, sigunguCd, usageCd, name);
       set((state: ruseCaseState) => ({
         ruseCaseMng: {
           ...state.ruseCaseMng,
-          ruseCaseMngList: res,
+          ruseCaseMngList: res.data,
+          count: res.count,
         },
       }));
     },
@@ -118,4 +121,4 @@ export const ruseCaseActionsExport: (set: any) => ruseCaseActions = (
       }));
     },
   };
-};
+};
\ No newline at end of file