From 77b4ba01b458e05cf4b3f025d78b17f4d94e0853 Mon Sep 17 00:00:00 2001
From: leedj312 <dlehd467@gmail.com>
Date: Thu, 18 Sep 2025 14:09:55 +0900
Subject: [PATCH] =?UTF-8?q?=EB=AC=BC=EC=9E=AC=EC=9D=B4=EC=9A=A9=20?=
 =?UTF-8?q?=EC=A3=BC=EC=84=9D=20=EC=B6=94=EA=B0=80=EC=A4=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../matMng/coMat/coMatRvw/page.tsx            |  13 +-
 .../ruseFcltMng/fcltReg/pbnstReg/page.tsx     |  11 +
 .../ruseFcltMng/fcltReg/rainReg/page.tsx      |  11 +
 .../ruseFcltMng/fcltReg/rswtReg/page.tsx      |   9 +
 .../ruseFcltMng/fcltSttn/pbnstSttn/page.tsx   |  19 +-
 .../ruseFcltMng/fcltReg/pbnstReg/index.tsx    |  15 ++
 .../ruseFcltMng/fcltReg/rainReg/index.tsx     | 122 ++++++-----
 .../ruseFcltMng/fcltReg/rswtReg/index.tsx     |  12 ++
 .../ruseFcltMng/fcltSttn/pbnstSttn/index.tsx  | 197 +++++++++++-------
 .../ui/form/coMat/conCostForm/conCostForm.tsx |   7 +
 .../ui/form/fcltReg/bdstReg/bdstReg.tsx       |  29 ++-
 .../fcltReg/pbnstReg/buseReg/bugRegForm.tsx   |  15 ++
 .../fcltReg/pbnstReg/mngReg/mngRegForm.tsx    |  12 ++
 .../fcltReg/bdstRegModal/bdstRegModal.tsx     |  83 ++++----
 .../ruseMngTableForm/ruseMngTableForm.tsx     |  15 ++
 15 files changed, 368 insertions(+), 202 deletions(-)

diff --git a/apps/wr/app/(with-layout)/matMng/coMat/coMatRvw/page.tsx b/apps/wr/app/(with-layout)/matMng/coMat/coMatRvw/page.tsx
index 8b3f5dfdb..472b8222f 100644
--- a/apps/wr/app/(with-layout)/matMng/coMat/coMatRvw/page.tsx
+++ b/apps/wr/app/(with-layout)/matMng/coMat/coMatRvw/page.tsx
@@ -40,6 +40,14 @@ import { useForm, useWatch } from "react-hook-form";
 import toast, { Toaster } from "react-hot-toast";
 import { z } from "zod";
 
+
+/**
+ * 📄 CoMatRvw 수요매칭 검토
+ * Next.js App Router (app/) 기반 페이지 컴포넌트 예시
+ *
+ * - 대민에서 신청하는 수요처의 수요등록 정보를 운영담당자가 수요 매칭 검토를 진행한다. 
+ * - 전체적으로 form을 만들어서 form안에 데이터를 넣고 api를 호출하여 저장한다.
+ */
 export default function CoMatRvw() {
   const { auth, code, coRvw, coMatRvwInit, coMatRvwSearch, coMatRvwInqua } =
     useWrStore((state) => state);
@@ -70,6 +78,9 @@ export default function CoMatRvw() {
   );
   const [selectionVersion, setSelectionVersion] = useState(0);
 
+
+
+  //수요 매칭 검색
   const getSearch = (
     startYear: number,
     endYear: number,
@@ -117,7 +128,7 @@ export default function CoMatRvw() {
     if (coMatRvwRes && coMatRvwRes.length > 0) {
       const data = coMatRvwRes?.map((item) => {
         let flag = "";
-
+        // 수요처의 매칭된 정보를 확인할수 있도록 한다.
         flag = getdmdMatFlag(item?.demandMatching?.splyFcltFlg || undefined);
 
         return {
diff --git a/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/pbnstReg/page.tsx b/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/pbnstReg/page.tsx
index b5b3f37f9..d5d0e9b33 100644
--- a/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/pbnstReg/page.tsx
+++ b/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/pbnstReg/page.tsx
@@ -35,6 +35,17 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 import { createDefaultPbnstItem } from "./utilsZod";
 import { useTranslation } from "react-i18next";
+/**
+ * 재이용시설 등록 - 하수재이용 시설등록
+ *
+ * - layout.tsx에 의해 공통 레이아웃이 적용됨
+ * - with-layout 적용
+ * - 하수처리시설에 하수재이용 시설을 등록 한다.
+ * - form으로 시설정보 및 차수별 정보의 컴포넌트 데이터를 관리한다
+ * indexMng: 시설정보
+ * indexBiz: 차수별 정보
+ * 로 하수재이용 시설에 등록된 시설 및 차수별 정보를 관리한다.
+ *  */
 
 export default function PublicReuseFaciltyInsert() {
   const {
diff --git a/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/rainReg/page.tsx b/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/rainReg/page.tsx
index 629263c31..f3567210d 100644
--- a/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/rainReg/page.tsx
+++ b/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/rainReg/page.tsx
@@ -22,6 +22,17 @@ import { Button } from "@common/components";
 import { useEffect, useRef, useState } from "react";
 import { Toaster } from "react-hot-toast";
 
+
+
+/**
+ *   밧물이용시설 등록 
+ * 재이용시설 등록 - 빗물시설 등록
+ * - layout.tsx에 의해 공통 레이아웃이 적용됨
+ * - with-layout 적용
+ *  왼쪽 테이블에는 건축물 리스트 / 오른쪽 폼에는 건축물에 해당하는 빗물이용시설 데이터가 보인다.
+ *  신규 등록 버튼을 눌러 건축물 정보부터 입력한다.
+ * 
+ *  */
 export default function Home() {
   const {
     auth,
diff --git a/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/rswtReg/page.tsx b/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/rswtReg/page.tsx
index 619a3d0d7..27fe7456f 100644
--- a/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/rswtReg/page.tsx
+++ b/apps/wr/app/(with-layout)/ruseFcltMng/fcltReg/rswtReg/page.tsx
@@ -22,6 +22,15 @@ import { Button } from "@common/components";
 import { useEffect, useRef, useState } from "react";
 import { Toaster } from "react-hot-toast";
 
+
+/**
+ *   중수도 시설 등록 
+ * 재이용시설 등록 - 중수도시설 등록
+ * - layout.tsx에 의해 공통 레이아웃이 적용됨
+ * - with-layout 적용
+ *  왼쪽 테이블에는 건축물 리스트 / 오른쪽 폼에는 건축물에 해당하는 중수도시설 데이터가 보인다.
+ *  신규 등록 버튼을 눌러 건축물 정보부터 입력한다.
+ *  */
 export default function Home() {
   const {
     auth,
diff --git a/apps/wr/app/(with-layout)/ruseFcltMng/fcltSttn/pbnstSttn/page.tsx b/apps/wr/app/(with-layout)/ruseFcltMng/fcltSttn/pbnstSttn/page.tsx
index bbab4d9ce..ca0b04f31 100644
--- a/apps/wr/app/(with-layout)/ruseFcltMng/fcltSttn/pbnstSttn/page.tsx
+++ b/apps/wr/app/(with-layout)/ruseFcltMng/fcltSttn/pbnstSttn/page.tsx
@@ -24,6 +24,15 @@ import { useCallback, useEffect, useRef, useState } from "react";
 import toast, { Toaster } from "react-hot-toast";
 import { useTranslation } from "react-i18next";
 
+/**
+ *  하수재이용 시설 현황
+ * 재이용시설 현황 - 하수재이용시설 현황
+ * - layout.tsx에 의해 공통 레이아웃이 적용됨
+ * - with-layout 적용
+ *  하수처리시설. 하수재이용시설 , 하수재이용시설 실적에 대한 정보를 확인한다. 
+ *  모달 : 테이블의 헤더를 원하는대로 조절해서 볼수 있다. 
+ *        클릭시 해당 재이용ㅇ
+ *  */
 export default function PbnstSttn() {
   const {
     code,
@@ -32,7 +41,7 @@ export default function PbnstSttn() {
     pbnSttnInit,
     getPbnStnDetail,
     getFlcts,
-    resetPbnstDetail
+    resetPbnstDetail,
   } = useWrStore((state) => state);
 
   const { pbnstSttnRes, fclts, pbnstSttnResCount } = pbnstSttn;
@@ -50,7 +59,7 @@ export default function PbnstSttn() {
   }>({ isModal: false, data: {} as customPbnst });
   const isDownloadTriggered = useRef(false);
   const [pbnRuseNm, setPbnRuseNm] = useState<string>("");
-  const { t } = useTranslation('base');
+  const { t } = useTranslation("base");
   const excelClick = useCallback(() => {
     isDownloadTriggered.current = true;
     pbnstSttnSearch(
@@ -79,7 +88,6 @@ export default function PbnstSttn() {
     }
   }, [pbnstSttn.isInit]);
   useEffect(() => {
-
     pbnSttnInit("1", "15", ref.current, searchYear, fclts);
   }, [fclts]);
 
@@ -91,7 +99,6 @@ export default function PbnstSttn() {
     }
   }, [pbnstSttnRes]);
 
-
   useEffect(() => {
     if (!isDownloadTriggered.current) {
       return;
@@ -105,12 +112,11 @@ export default function PbnstSttn() {
         3
       );
     } else {
-      toast.error(t('excelDownErrMsg'));
+      toast.error(t("excelDownErrMsg"));
     }
     isDownloadTriggered.current = false;
   }, [pbnstSttn.excelList]);
 
-
   useEffect(() => {
     if (pbnstSttn.pbnstDetail.pbnstRuseFcltId)
       setPbnDetaileData({
@@ -211,7 +217,6 @@ export default function PbnstSttn() {
                   );
                   setIsReset(false);
                 }}
-
                 resetPageNo={isReset}
               >
                 <HeadMakeColSpan upHeadList={pbnstSttn.pbnstSttNodeList} />
diff --git a/apps/wr/app/store/ruseFcltMng/fcltReg/pbnstReg/index.tsx b/apps/wr/app/store/ruseFcltMng/fcltReg/pbnstReg/index.tsx
index e5a1f7da2..b1e0daf82 100644
--- a/apps/wr/app/store/ruseFcltMng/fcltReg/pbnstReg/index.tsx
+++ b/apps/wr/app/store/ruseFcltMng/fcltReg/pbnstReg/index.tsx
@@ -26,6 +26,12 @@ import {
 import type { TableUpperProps } from "@/app/store/common/type/header";
 import toast from "react-hot-toast";
 
+/**
+ *   하수재이용시설 등록 (스토어)
+ * 재이용시설 등록 - 하수재이용시설 등록
+ *  하수재이용시설 사용하는 api 및 타입 등을 관리한다.
+ *  */
+
 const selectLabel: SelectDataType[] = [{ text: "test", val: "1" }];
 const pubFacHeadList = pubFacHeadListExport;
 const pbnstMngUpHeadList = pbnstMngUpHeadListExport;
@@ -167,6 +173,7 @@ export const writeRgtrAndMdfr = (data: customPbnst[]) => {
 };
 export const pubFacActionsExport: (set: any) => pubFacActions = (set: any) => {
   return {
+    // 하수처리시설을 조회한다(운영실태)
     pubHasuInit: async (page: string, sggOrCity: string) => {
       try {
         const pbnstHasuRes = await hasuListFetch(page, sggOrCity);
@@ -182,6 +189,7 @@ export const pubFacActionsExport: (set: any) => pubFacActions = (set: any) => {
         console.log(errorHasu);
       }
     },
+    // 하수처리시설을 조회한다(운영실태) (처리시설명 포함)
     pubHasuSearch: async (
       page: string,
       sggOrCity: string,
@@ -201,6 +209,7 @@ export const pubFacActionsExport: (set: any) => pubFacActions = (set: any) => {
         console.log(errorHasu);
       }
     },
+    // 하수재이용시설을 조회한다
     pbnstRegClick: async (pubHasuRes: pubHasuType) => {
       try {
         const pbnstRes = await initFetch(pubHasuRes.bscFctCd);
@@ -215,6 +224,7 @@ export const pubFacActionsExport: (set: any) => pubFacActions = (set: any) => {
         console.log(errorHasu);
       }
     },
+    // 하수재이용시설을 등록한다.
     pbnstInsert: async (pbnstRes: customPbnst) => {
       try {
         const response = await postFectch(`/reuseFc/pubFc`, pbnstRes);
@@ -238,6 +248,7 @@ export const pubFacActionsExport: (set: any) => pubFacActions = (set: any) => {
         console.error("Error updating pbnst:", error);
       }
     },
+    // 하수재이용시설을 업데이트한다.(사업제외) 다르게하는 이유는 객체가 너무커서 분활 처리하려고
     pbnstRuseFcltUpdate: async (ruseRes: customPbnst[]) => {
       try {
         await putFectch(`/reuseFc/pubFc`, ruseRes);
@@ -245,6 +256,7 @@ export const pubFacActionsExport: (set: any) => pubFacActions = (set: any) => {
         console.error("Error pbnstRuseFcltUpdate:", error);
       }
     },
+    // 하수재이용시설을 업데이트한다.(사업포함)  다르게하는 이유는 객체가 너무커서 분활 처리하려고
     pbnstRuseBizUpdate: async (ruseRes: fcBizType[]) => {
       try {
         await putFectch(`/reuseFc/pubFcBiz`, ruseRes);
@@ -252,6 +264,7 @@ export const pubFacActionsExport: (set: any) => pubFacActions = (set: any) => {
         console.error("Error pbnstRuseFcltUpdate:", error);
       }
     },
+    // 파일삭제 (attach-service)
     fileDelete: async (atflCd: string) => {
       try {
         const response = await deleteFectch(
@@ -271,6 +284,7 @@ export const pubFacActionsExport: (set: any) => pubFacActions = (set: any) => {
         console.error("Error deleting file:", error);
       }
     },
+    // 파일다운로드 (attach-service)
     fileDownLoad: async (atflCd: string) => {
       try {
         await getFetch(
@@ -282,6 +296,7 @@ export const pubFacActionsExport: (set: any) => pubFacActions = (set: any) => {
         throw new Error(`Error downloading file: ${error}`);
       }
     },
+    //원수취수 팝업의 하수처리 시설 리스트 조회
     getFcOrgwts: async (fcltPkList: string[], size: number) => {
       const fcOrgwtsNmList = await postFectch(
         `/prcsFclt/ruseInfo/1/${size}/A/0/0/1/SW`,
diff --git a/apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx b/apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx
index ff263783a..565909a57 100644
--- a/apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx
+++ b/apps/wr/app/store/ruseFcltMng/fcltReg/rainReg/index.tsx
@@ -1,15 +1,31 @@
 import type { TableUpperProps } from "@/app/store/common/type/header";
-import { fetchType, getFetchWithCount, postFectch, putFectch } from "@/components/lib/api";
+import {
+  fetchType,
+  getFetchWithCount,
+  postFectch,
+  putFectch,
+} from "@/components/lib/api";
 import toast from "react-hot-toast";
 import { z } from "zod";
 import { makeMdfr, makeRstr } from "../bdstReg";
-import { baseReuseBuildingSchema, chgBuildingSchema, validationMessages } from "./type";
+import {
+  baseReuseBuildingSchema,
+  chgBuildingSchema,
+  validationMessages,
+} from "./type";
+export const TEST_UUID = "2d4b151d-1828-41e0-91d9-4cd28ea1cc7e";
+export const rainRegSize = 15;
 
-export const TEST_UUID = '2d4b151d-1828-41e0-91d9-4cd28ea1cc7e'
-export const rainRegSize =15
+/**
+ *   밧물이용시설 등록 (스토어)
+ * 재이용시설 등록 - 빗물시설 등록
+ *  빗물이용시설에서 사용하는 api 및 타입 등을 관리한다.
+ *  */
 const rainyObjSchema = z.object({
   bdstReuseFcltFk: z.number().nullish(),
-  pntfColKnd: z.string().min(1, { message: validationMessages.requiredSelect("종류") }),
+  pntfColKnd: z
+    .string()
+    .min(1, { message: validationMessages.requiredSelect("종류") }),
   pntfColArea: z.number().nullish(),
   dtfcltCpct: z.number().default(0),
   filtrTrtmfctYn: z.string().default("Y"),
@@ -21,10 +37,9 @@ const rainyObjSchema = z.object({
   mdfr: z.string().nullish(),
 });
 
-
 const rainBuildingSchema = baseReuseBuildingSchema.extend({
   rainyObj: rainyObjSchema,
-})
+});
 
 export const rainZod = z.object({
   bdstInfoSn: z.number().optional(),
@@ -34,23 +49,23 @@ export const rainZod = z.object({
   bdstNm: z.string().default(""),
   frstArchPrmsnDt: z.date().default(() => new Date()),
   archChgPrmsnDt: z.coerce.date().nullish().default(null),
-  archArea: z.string().default(''),
+  archArea: z.string().default(""),
   archChgArea: z.number().default(0),
   rgtr: z.string().nullish(),
   mdfr: z.string().nullish(),
   reuseBuilding: z.array(rainBuildingSchema).default([]),
-  chgBuilding: z.array(chgBuildingSchema).default([])
-})
+  chgBuilding: z.array(chgBuildingSchema).default([]),
+});
 
 export type chgBuilding = {
-  bdstInfoSn?: number | null,
-  archChgPrmsnDt?: Date,
-  archChgArea?: string,
-  bdstChgNm?: string
+  bdstInfoSn?: number | null;
+  archChgPrmsnDt?: Date;
+  archChgArea?: string;
+  bdstChgNm?: string;
   rgtr?: string | null;
   mdfr?: string | null;
-}
-export type customRainBdst = z.infer<typeof rainZod>
+};
+export type customRainBdst = z.infer<typeof rainZod>;
 
 export const upHeadList: TableUpperProps[] = [
   { id: "cityText", title: "시도" },
@@ -66,7 +81,6 @@ export const upHeadList: TableUpperProps[] = [
 
 const rainRes: customRainBdst[] = [];
 
-
 export const selectClass = "w-full h-full !text-xl";
 
 export type rainFacState = {
@@ -79,10 +93,9 @@ export type rainFacState = {
 type rainFacSActions = {
   initRain: (code: string | number) => void;
   getRainData: (pageNation: number, code: string | number) => void;
-  rainSearch: (txt: string, pageNation: number, code: string ) => void;
+  rainSearch: (txt: string, pageNation: number, code: string) => void;
   rainBdstReg: (data: customRainBdst, code: string | number) => void;
   rainBdstUpdate: (data: customRainBdst, code: string | number) => void;
-
 };
 
 export type rainFacType = rainFacState & rainFacSActions;
@@ -96,16 +109,23 @@ export const rainFacStateExport: rainFacState = {
 };
 
 const initFetch = async (code: string | number) => {
-  const rainRes = await getFetchWithCount(fetchType.WR, `/reuseFc/rainyInfoList/1/${rainRegSize}/${code}`);
+  const rainRes = await getFetchWithCount(
+    fetchType.WR,
+    `/reuseFc/rainyInfoList/1/${rainRegSize}/${code}`
+  );
   return rainRes;
 };
 export const rainFacActionsExport: (set: any) => rainFacSActions = (
   set: any
 ) => {
   return {
+    // 빗물 이용시설 조회한다.
     getRainData: async (pageNation: number, code: string | number) => {
       try {
-        const rainRes = await getFetchWithCount(fetchType.WR, `/reuseFc/rainyInfoList/${pageNation}/${rainRegSize}/${code}`);
+        const rainRes = await getFetchWithCount(
+          fetchType.WR,
+          `/reuseFc/rainyInfoList/${pageNation}/${rainRegSize}/${code}`
+        );
 
         // 여기서 상태 업데이트
         return set((state: rainFacState) => ({
@@ -116,13 +136,11 @@ export const rainFacActionsExport: (set: any) => rainFacSActions = (
             rainResCount: rainRes.count,
           },
         }));
-
       } catch (e) {
-        console.log(e)
-
+        console.log(e);
       }
     },
-
+    // 빗물 이용시설 조회한다.
     initRain: async (code: string | number) => {
       try {
         // 파라이터 수정 통합관리자 =0, 시관리자=시코드, 시군구 관리자= 시군구 코드 를 세번째 파라미터로 지정 / 건축물 서치가 있을경우 4번째 파라미터로 던지기 즉 1/20/42(서울시)/영현빌딩 이런식으로)
@@ -140,12 +158,16 @@ export const rainFacActionsExport: (set: any) => rainFacSActions = (
         console.log("error", error);
       }
     },
-    rainSearch: async (txt: string, pageNation: number ,code:string) => {
+    // 빗물 이용시설 조회한다. (건축물 이름을 포함하여)
+    rainSearch: async (txt: string, pageNation: number, code: string) => {
       try {
-
         // const rainRes = await getFetch('wr' , `/reuseFc/rainyInfoList/${pageNation}/20/41` +(txt? `/${txt}`:''))
-        const rainRes = await getFetchWithCount(fetchType.WR, `/reuseFc/rainyInfoList/${pageNation}/${rainRegSize}/${code}` + (txt ? `/${txt}` : ''))
-        console.log("rainRes", rainRes)
+        const rainRes = await getFetchWithCount(
+          fetchType.WR,
+          `/reuseFc/rainyInfoList/${pageNation}/${rainRegSize}/${code}` +
+            (txt ? `/${txt}` : "")
+        );
+        console.log("rainRes", rainRes);
         set((state: rainFacState) => {
           return {
             rain: {
@@ -154,27 +176,23 @@ export const rainFacActionsExport: (set: any) => rainFacSActions = (
               rainResCount: rainRes.count,
             },
           };
-        })
-      }
-      catch (erTxt) {
-        console.log("error", erTxt)
+        });
+      } catch (erTxt) {
+        console.log("error", erTxt);
       }
     },
+    // 빗물 이용시설을 등록한다.
     rainBdstReg: async (data: customRainBdst, code: string | number) => {
       try {
-
         const test = await makeRstr(data);
         const res = await postFectch("/reuseFc/rainyInfo", test);
         if (res.status === 200) {
           if (data.chgBuilding.length > 0) {
-
-            const chPK = res?.data?.bdstInfoSn
-            const makeCh = res.data.chgBuilding.map((item: chgBuilding) =>
-            ({
+            const chPK = res?.data?.bdstInfoSn;
+            const makeCh = res.data.chgBuilding.map((item: chgBuilding) => ({
               ...item,
               bdstInfoSn: chPK,
-            })
-            );
+            }));
             const chch = await postFectch("/reuseFc/chgBuilding", makeCh);
 
             if (chch.status === 200) {
@@ -203,25 +221,20 @@ export const rainFacActionsExport: (set: any) => rainFacSActions = (
       } finally {
       }
     },
+    // 빗물이용시설 시설에 대한 사항을 업데이트한다
     rainBdstUpdate: async (data: customRainBdst, code: string | number) => {
       try {
         const chData = await makeMdfr(data);
         const res = await putFectch("/reuseFc/rainyInfo", chData);
-        console.log("res", res)
-        console.log("data", data)
         if (res.status === 200) {
           if (data.chgBuilding.length > 0) {
             const chPK = data?.bdstInfoSn;
-            console.log("chPK", chPK)
-            const makeCh = data.chgBuilding.map((item: chgBuilding) =>
-            ({
+            console.log("chPK", chPK);
+            const makeCh = data.chgBuilding.map((item: chgBuilding) => ({
               ...item,
               bdstInfoSn: chPK,
-            })
-            );
-            console.log("makeCh", makeCh)
+            }));
             const chch = await postFectch("/reuseFc/chgBuilding", makeCh);
-            console.log("chch", chch)
 
             if (chch.status === 200) {
               toast.success("건축물 수정이 완료되었습니다.");
@@ -235,10 +248,6 @@ export const rainFacActionsExport: (set: any) => rainFacSActions = (
           toast.error("건축물 수정이 완료되었습니다.");
         }
 
-        //   }
-        //   toast.success("수정이 완료되었습니다.");
-
-        // }
         const rainRes = await initFetch(code);
         set((state: rainFacState) => ({
           ...state,
@@ -253,7 +262,6 @@ export const rainFacActionsExport: (set: any) => rainFacSActions = (
         toast.error("수정시 오류가 발생하였습니다.");
       } finally {
       }
-    }
-  }
-}
-
+    },
+  };
+};
diff --git a/apps/wr/app/store/ruseFcltMng/fcltReg/rswtReg/index.tsx b/apps/wr/app/store/ruseFcltMng/fcltReg/rswtReg/index.tsx
index d324f3332..7fa3595fc 100644
--- a/apps/wr/app/store/ruseFcltMng/fcltReg/rswtReg/index.tsx
+++ b/apps/wr/app/store/ruseFcltMng/fcltReg/rswtReg/index.tsx
@@ -8,6 +8,13 @@ import { makeMdfr, makeRstr } from "../bdstReg";
 import { baseReuseBuildingSchema, chgBuildingSchema, validationMessages } from "../rainReg/type";
 
 
+
+
+/**
+ *   중수도시설 등록 (스토어)
+ * 재이용시설 등록 - 중수도시설 등록
+ *  중수도시설에서 사용하는 api 및 타입 등을 관리한다.
+ *  */
 export const rswtRegSize =15;
 const rswtrObjSchema = z.object({
   bdstRuseFcltSn: z.number().nullish(),
@@ -87,6 +94,7 @@ export const rswtFacActionsExport: (set: any) => rswtFacSActions = (
   set: any
 ) => {
   return {
+  // 중수도 시설을 조회한다 (시설이름 포함)
     rswtBdstSearch: async (
       txt: string,
       pageNation: number,
@@ -112,6 +120,7 @@ export const rswtFacActionsExport: (set: any) => rswtFacSActions = (
         console.log("error", erTxt);
       }
     },
+      // 중수도 시설을 조회한다 
     getRswtBdstData: async (pageNation: number, code: string | number) => {
       try {
         const rswtRes = await getFetchWithCount(
@@ -132,6 +141,7 @@ export const rswtFacActionsExport: (set: any) => rswtFacSActions = (
         console.log(e);
       }
     },
+          // 중수도 시설을 조회한다 
     initRswt: async (code: string | number) => {
       try {
         const rswtRes = await initFetch(code);
@@ -147,6 +157,7 @@ export const rswtFacActionsExport: (set: any) => rswtFacSActions = (
         console.log(error);
       }
     },
+          // 중수도 시설에 대한 사항을 업데이트한다 
     rswtBdstUpdate: async (data: customRswtBdst, code: string | number) => {
       try {
         const chData = await makeMdfr(data);
@@ -189,6 +200,7 @@ export const rswtFacActionsExport: (set: any) => rswtFacSActions = (
       } finally {
       }
     },
+              // 중수도 시설을 등록한다.
     rswtBdstReg: async (data: customRswtBdst, code: string | number) => {
       try {
         const chData = await makeRstr(data);
diff --git a/apps/wr/app/store/ruseFcltMng/fcltSttn/pbnstSttn/index.tsx b/apps/wr/app/store/ruseFcltMng/fcltSttn/pbnstSttn/index.tsx
index f14101626..28743ab26 100644
--- a/apps/wr/app/store/ruseFcltMng/fcltSttn/pbnstSttn/index.tsx
+++ b/apps/wr/app/store/ruseFcltMng/fcltSttn/pbnstSttn/index.tsx
@@ -1,4 +1,7 @@
-import type { CommonTableProps, TableUpperProps } from "@/app/store/common/type/header";
+import type {
+  CommonTableProps,
+  TableUpperProps,
+} from "@/app/store/common/type/header";
 import type { FcPrfType } from "@/app/store/prfmncReg/pbnstPrfmncReg/type";
 import { fetchType, getFetch, postFectch } from "@/components/lib/api";
 import type { ReturnType } from "@common/business_components/ui";
@@ -8,9 +11,23 @@ import type { customPbnst, pubHasuType } from "../../fcltReg/pbnstReg/type";
 import { controlHeadView } from "../rainSttn";
 import type { sttnHeadListType } from "../rainSttn/headList";
 import { excelPbnstSttnParsing } from "./excel";
-import { pbnSttHeadListExport, pbnstSttNodeListExport, ruseDmdHeadListExport, ruseFcltHeadListExport, ruseFcltNodeListExport, ruseGuranteeHeadListExport, rusePplHeadListExport, ruseSplyHeadListExport } from "./headList";
+import {
+  pbnSttHeadListExport,
+  pbnstSttNodeListExport,
+  ruseDmdHeadListExport,
+  ruseFcltHeadListExport,
+  ruseFcltNodeListExport,
+  ruseGuranteeHeadListExport,
+  rusePplHeadListExport,
+  ruseSplyHeadListExport,
+} from "./headList";
 import type { WaterReuseFacility } from "./type";
 
+/**
+ *   하수재이용시설 현황 (스토어)
+ *  하수재이용시설 등록 - 하수재이용시설 현황
+ *  빗물이용시설에서 사용하는 api 및 타입 등을 관리한다.
+ *  */
 const pbnstSttHeadList = pbnSttHeadListExport;
 const pbnstSttNodeList = pbnstSttNodeListExport;
 
@@ -21,15 +38,15 @@ export type pbnstSttnState = {
     pbnstSttHeadList: CommonTableProps[];
     pbnstSttNodeList: CommonTableProps[];
     pbnstDetail: customPbnst;
-    ruseFcltNodeList: TableUpperProps[]
-    ruseSplyHeadList: TableUpperProps[]
-    rusePplHeadList: TableUpperProps[]
-    ruseGuranteeHeadList: TableUpperProps[]
-    ruseDmdHeadList: TableUpperProps[]
-    ruseFcltHeadList: TableUpperProps[]
+    ruseFcltNodeList: TableUpperProps[];
+    ruseSplyHeadList: TableUpperProps[];
+    rusePplHeadList: TableUpperProps[];
+    ruseGuranteeHeadList: TableUpperProps[];
+    ruseDmdHeadList: TableUpperProps[];
+    ruseFcltHeadList: TableUpperProps[];
     pbnstSttnResCount: number;
     excelList: [];
-    fclts: string[]
+    fclts: string[];
     isInit: boolean;
   };
 };
@@ -97,49 +114,65 @@ export const hasuListFetch = async (
 ) => {
   let url = ``;
   let filteredFclt = flcts;
-  const filterData = reurnValue.sigunValue !== '0' ? reurnValue.sigunValue : reurnValue.sidoValue
+  const filterData =
+    reurnValue.sigunValue !== "0"
+      ? reurnValue.sigunValue
+      : reurnValue.sidoValue;
 
-
-  if(filterData !== '0')
-    filteredFclt=    flcts.filter((fclt: string) => {
-      return filterData.length==2 ?fclt.slice(0, 2) === filterData:fclt.slice(0, 5) === filterData
-    })
+  if (filterData !== "0")
+    filteredFclt = flcts.filter((fclt: string) => {
+      return filterData.length == 2
+        ? fclt.slice(0, 2) === filterData
+        : fclt.slice(0, 5) === filterData;
+    });
   if (reurnValue.partValue === "A") {
     url += `${reurnValue.partValue}/${
       // reurnValue.sidoValue ? reurnValue.sidoValue : reurnValue.sigunValue
-      reurnValue.sigunValue !== '0' ? reurnValue.sigunValue : reurnValue.sidoValue
-      }/0/1/SW`
-    
-      if(filterData !== '0')
-      filteredFclt=    flcts.filter((fclt: string) => {
-        return filterData.length==2 ?fclt.slice(0, 2) === filterData:fclt.slice(0, 5) === filterData
-      })
+      reurnValue.sigunValue !== "0"
+        ? reurnValue.sigunValue
+        : reurnValue.sidoValue
+    }/0/1/SW`;
+
+    if (filterData !== "0")
+      filteredFclt = flcts.filter((fclt: string) => {
+        return filterData.length == 2
+          ? fclt.slice(0, 2) === filterData
+          : fclt.slice(0, 5) === filterData;
+      });
   } else if (reurnValue.partValue === "R") {
-    url += `${reurnValue.partValue}/${reurnValue.regionValue
-      ? reurnValue.regionValue
-      : reurnValue.unitWaterShedValue
-        ? reurnValue.unitWaterShedValue
-        : reurnValue.middleRegionValue
-      }/0/1/SW`
-  } else if (reurnValue.partValue === 'G') {
-    url += `${reurnValue.envPartValue}/${reurnValue.sigunValue !== '0' ? reurnValue.sigunValue : reurnValue.sidoValue}/0/1/SW`
-    if(filterData !== '0')
-    filteredFclt=    flcts.filter((fclt: string) => {
-      return filterData.length==2 ?fclt.slice(0, 2) === filterData:fclt.slice(0, 5) === filterData
-    })
- 
+    url += `${reurnValue.partValue}/${
+      reurnValue.regionValue
+        ? reurnValue.regionValue
+        : reurnValue.unitWaterShedValue
+          ? reurnValue.unitWaterShedValue
+          : reurnValue.middleRegionValue
+    }/0/1/SW`;
+  } else if (reurnValue.partValue === "G") {
+    url += `${reurnValue.envPartValue}/${reurnValue.sigunValue !== "0" ? reurnValue.sigunValue : reurnValue.sidoValue}/0/1/SW`;
+    if (filterData !== "0")
+      filteredFclt = flcts.filter((fclt: string) => {
+        return filterData.length == 2
+          ? fclt.slice(0, 2) === filterData
+          : fclt.slice(0, 5) === filterData;
+      });
   } else {
-    url += `A/0/0/1/SW`
+    url += `A/0/0/1/SW`;
   }
 
   if (searchNm && searchNm?.length > 0) {
-    url += "/" + searchNm
+    url += "/" + searchNm;
   }
 
-  const pbnList = await postFectch( `/prcsFclt/ruseInfo/1/${filteredFclt.length}/`+url, filteredFclt, fetchType.COMMON);
+  const pbnList = await postFectch(
+    `/prcsFclt/ruseInfo/1/${filteredFclt.length}/` + url,
+    filteredFclt,
+    fetchType.COMMON
+  );
 
-  
-  const checkRuseFcltList =  searchNm && searchNm?.length > 0?pbnList.data.map((item)=> item.bscFctCd ):filteredFclt
+  const checkRuseFcltList =
+    searchNm && searchNm?.length > 0
+      ? pbnList.data.map((item) => item.bscFctCd)
+      : filteredFclt;
   const getRuseList = await postFectch(
     `/reuseFc/pubDetailList/${year}/${filterData}/${page}/${total}`,
     checkRuseFcltList,
@@ -147,9 +180,8 @@ export const hasuListFetch = async (
   );
   const checkWrRegListRes = getRuseList.data;
 
-
-  const data: WaterReuseFacility[] = checkWrRegListRes.map(
-    (item: FcPrfType) => {
+  const data: WaterReuseFacility[] = checkWrRegListRes
+    .map((item: FcPrfType) => {
       const findData = pbnList.data.find(
         (fclt: pubHasuType) =>
           fclt.bscFctCd === item.pbnstRuseFcltId.substring(0, 11)
@@ -182,57 +214,54 @@ export const hasuListFetch = async (
           { total: 0, inUsage: 0, outUsage: 0 }
         );
         return {
-          rvbsn: findData?.rvbsn || '-',
-          lgbsn: findData?.lgbsn || '-',
-          mdmbsn: findData?.mdmbsn || '-',
-          rgnNm: findData?.rgnNm || '-',
-          sido: findData?.sido || '-',
-          gugun: findData?.gugun || '-',
-          bscFctNm: findData?.bscFctNm || '-',
-          efflWqltStndrdNm: findData?.efflWqltStndrdNm || '-',
+          rvbsn: findData?.rvbsn || "-",
+          lgbsn: findData?.lgbsn || "-",
+          mdmbsn: findData?.mdmbsn || "-",
+          rgnNm: findData?.rgnNm || "-",
+          sido: findData?.sido || "-",
+          gugun: findData?.gugun || "-",
+          bscFctNm: findData?.bscFctNm || "-",
+          efflWqltStndrdNm: findData?.efflWqltStndrdNm || "-",
           fctCpc: Number(findData?.fctCpc) || 0,
           tel: findData?.tel ?? "-",
-          ruseUtztnFcltNm: item?.ruseUtztnFcltNm || '-',
-          fcltCpct: item?.fcltCpct || '-',
-          splyExtraCpct: item?.splyExtraCpct || '-',
-          ruseCpct: item?.ruseCpct || '-',
-          pbnstRuseFcltId: item.pbnstRuseFcltId || '-',
+          ruseUtztnFcltNm: item?.ruseUtztnFcltNm || "-",
+          fcltCpct: item?.fcltCpct || "-",
+          splyExtraCpct: item?.splyExtraCpct || "-",
+          ruseCpct: item?.ruseCpct || "-",
+          pbnstRuseFcltId: item.pbnstRuseFcltId || "-",
           usageTotal: usage?.total,
           inUsage: usage?.inUsage,
           outUsage: usage?.outUsage,
-          operMthd: item.operList[0]?.operMthd || '-',
+          operMthd: item.operList[0]?.operMthd || "-",
           rprtvBzenty: item.operList[0]?.rprtvBzenty,
           bgngDt: moment(item.operList[0]?.bgngDt).format("YYYY-MM-DD") ?? "",
           endDt: moment(item.operList[0]?.endDt).format("YYYY-MM-DD") ?? "",
-          searchNm: findData?.bscFctNm || '-',
-          searchPk: findData?.bscFctCd || '-',
-          prfList: item?.prfList ?? []
+          searchNm: findData?.bscFctNm || "-",
+          searchPk: findData?.bscFctCd || "-",
+          prfList: item?.prfList ?? [],
         };
       }
+    })
+    .filter(Boolean);
 
-    }
-  ).filter(Boolean);
-
-
-
-
-  return {data:data, count:getRuseList.count};
+  return { data: data, count: getRuseList.count };
 };
 
 export const pbnstSttnActionsExport: (set: any) => pbnstSttnActions = (
   set: any
 ) => {
   return {
+    //등록된 하수재이용시설을 조회한다.
     getFlcts: async () => {
-      const fclts = await getFetch(fetchType.WR, '/reuseFc/pubFc')
-
+      const fclts = await getFetch(fetchType.WR, "/reuseFc/pubFc");
       return set((state: pbnstSttnState) => ({
         pbnstSttn: {
           ...state.pbnstSttn,
-          fclts: fclts
+          fclts: fclts,
         },
       }));
     },
+    //테이블 헤드를 조정한다.
     pbnstChSttnHead: async (
       headList: z.infer<typeof sttnHeadListType>
     ): Promise<void> => {
@@ -246,6 +275,7 @@ export const pbnstSttnActionsExport: (set: any) => pbnstSttnActions = (
         },
       }));
     },
+    //하수처리시설을 조회하여 하수재이용시설을 확인한다.
     pbnstSttnSearch: async (
       isExcel: boolean,
       page: string,
@@ -256,14 +286,13 @@ export const pbnstSttnActionsExport: (set: any) => pbnstSttnActions = (
       fclts: string[]
     ) => {
       try {
-       
         const pbnstSttnRes = await hasuListFetch(
           page,
           total,
           reurnValue,
           searchNm,
           year,
-          fclts,
+          fclts
         );
 
         // if (Number(total) > 9000) {
@@ -279,14 +308,13 @@ export const pbnstSttnActionsExport: (set: any) => pbnstSttnActions = (
             };
           });
         } else {
-
           set((state: pbnstSttnState) => {
             return {
               ...state,
               pbnstSttn: {
                 ...state.pbnstSttn,
                 pbnstSttnRes: pbnstSttnRes.data,
-                pbnstSttnResCount: pbnstSttnRes.count
+                pbnstSttnResCount: pbnstSttnRes.count,
                 // isInit: false,
               },
             };
@@ -296,6 +324,7 @@ export const pbnstSttnActionsExport: (set: any) => pbnstSttnActions = (
         console.log("error", erTxt);
       }
     },
+    //하수처리시설을 조회하여 하수재이용시설을 조회한다.
     pbnSttnInit: async (
       page: string,
       total: string,
@@ -313,7 +342,6 @@ export const pbnstSttnActionsExport: (set: any) => pbnstSttnActions = (
           fclts
         );
 
-
         set((state: pbnstSttnState) => {
           return {
             ...state,
@@ -322,7 +350,7 @@ export const pbnstSttnActionsExport: (set: any) => pbnstSttnActions = (
               pbnstSttnRes: pbnstSttnRes.data,
               pbnstSttnResCount: pbnstSttnRes.count,
               isInit: false,
-              pbnstDetail: {} as customPbnst
+              pbnstDetail: {} as customPbnst,
             },
           };
         });
@@ -330,22 +358,29 @@ export const pbnstSttnActionsExport: (set: any) => pbnstSttnActions = (
         console.log("error", erTxt);
       }
     },
+    // 팝업에 있는 데이터를 초기화한다.
     resetPbnstDetail: async () => {
       set((state: pbnstSttnState) => {
         return {
           ...state,
           pbnstSttn: {
             ...state.pbnstSttn,
-            pbnstDetail: {} as customPbnst
+            pbnstDetail: {} as customPbnst,
           },
         };
-      })
+      });
     },
+    //하수처리시설을 조회하여 하수재이용시설을 조회한다.
     getPbnStnDetail: async (pbnstRuseFcltId: string) => {
       try {
-        let pbnstDetail = await getFetch("wr", `/reuseFc/pubFc/${pbnstRuseFcltId}`);
+        let pbnstDetail = await getFetch(
+          "wr",
+          `/reuseFc/pubFc/${pbnstRuseFcltId}`
+        );
         if (pbnstDetail.length >= 0) {
-          pbnstDetail = pbnstDetail.find((item: customPbnst) => item.pbnstRuseFcltId === pbnstRuseFcltId)
+          pbnstDetail = pbnstDetail.find(
+            (item: customPbnst) => item.pbnstRuseFcltId === pbnstRuseFcltId
+          );
         }
         set((state: pbnstSttnState) => {
           return {
@@ -360,6 +395,7 @@ export const pbnstSttnActionsExport: (set: any) => pbnstSttnActions = (
         console.log(errorHasu);
       }
     },
+    //하수재이용시설 실적 현황 에서 사용하는 조회
     pbnNmSearch: async (
       page: string,
       total: string,
@@ -369,7 +405,6 @@ export const pbnstSttnActionsExport: (set: any) => pbnstSttnActions = (
       flcts: string[]
     ) => {
       try {
-
         const pbnstSttnRes = await hasuListFetch(
           page,
           total,
diff --git a/apps/wr/components/ui/form/coMat/conCostForm/conCostForm.tsx b/apps/wr/components/ui/form/coMat/conCostForm/conCostForm.tsx
index 1ad310465..dcb0f0b65 100644
--- a/apps/wr/components/ui/form/coMat/conCostForm/conCostForm.tsx
+++ b/apps/wr/components/ui/form/coMat/conCostForm/conCostForm.tsx
@@ -26,6 +26,13 @@ import { Button, Checkbox, Input, Label } from "@common/components/ui";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { type UseFormReturn } from "react-hook-form";
 import toast from "react-hot-toast";
+/**
+ *   ConCostForm 
+ * 호출: (with-layout)/matMng/coMat/coMatRvw 에서 호출
+ *
+ *  공사비를 산정하고  
+ *  
+ * */
 
 export default function ConCostForm({
   form,
diff --git a/apps/wr/components/ui/form/fcltReg/bdstReg/bdstReg.tsx b/apps/wr/components/ui/form/fcltReg/bdstReg/bdstReg.tsx
index 91a2c5379..3e9f444f6 100644
--- a/apps/wr/components/ui/form/fcltReg/bdstReg/bdstReg.tsx
+++ b/apps/wr/components/ui/form/fcltReg/bdstReg/bdstReg.tsx
@@ -13,19 +13,18 @@ import { Input } from "@common/components";
 import { useEffect, useState } from "react";
 
 export default function BdstReg({ form, type }: { form: any; type?: string }) {
-  const { code, returnCodeText } = useWrStore((state) => {
+  const { code, auth, returnCodeText } = useWrStore((state) => {
     return state;
   });
-  const { userSiSggCd } = code;
+  const { laeSeCd } = auth;
+
   const [useCityCd, setUserCityCd] = useState<SelectDataType[]>([]);
   const [useSggCd, setUserSggCd] = useState<SelectDataType[]>([]);
 
   useEffect(() => {
-    if (userSiSggCd.length === 2 && code.cityCd.length > 0) {
-      const city = code.cityCd.filter((item) => item.val === userSiSggCd);
-      const sgg = code.sggCd.filter(
-        (item) => item.val.slice(0, 2) === userSiSggCd
-      );
+    if (laeSeCd.length === 2 && code.cityCd.length > 0) {
+      const city = code.cityCd.filter((item) => item.val === laeSeCd);
+      const sgg = code.sggCd.filter((item) => item.val.slice(0, 2) === laeSeCd);
       sgg.unshift({ text: "전체", val: "0" });
       setUserCityCd(city); // Fix: Ensure city is of type SelectDataType[]
       setUserSggCd(sgg);
@@ -40,20 +39,20 @@ export default function BdstReg({ form, type }: { form: any; type?: string }) {
         });
       }
     } else if (
-      userSiSggCd.length === 5 &&
+      laeSeCd.length === 5 &&
       code.cityCd.length > 0 &&
       code.sggCd.length > 0
     ) {
       const city = code.cityCd.filter(
-        (item) => item.val === userSiSggCd.slice(0, 2)
+        (item) => item.val === laeSeCd.slice(0, 2)
       );
-      const sgg = code.sggCd.filter((item) => item.val === userSiSggCd);
+      const sgg = code.sggCd.filter((item) => item.val === laeSeCd);
       setUserSggCd(sgg);
       setUserCityCd(city);
       form.setValue("ctpvCd", Number(city[0]?.val));
       form.setValue("sggCd", Number(sgg[0]?.val));
     }
-  }, [form, userSiSggCd, code.cityCd, code.sggCd]);
+  }, [form, laeSeCd, code.cityCd, code.sggCd]);
 
   useEffect(() => {
     const subscription = form.form?.watch((value: any) => {
@@ -63,10 +62,6 @@ export default function BdstReg({ form, type }: { form: any; type?: string }) {
     return () => subscription?.unsubscribe();
   }, [form.form]);
 
-  // useEffect(() => {
-  //   console.log("form ", form.watch());
-  // }, [form.formState]);
-
   useEffect(() => {
     const bdstInfoSn = form.getValues("bdstInfoSn");
     if (bdstInfoSn && bdstInfoSn > 0) form.setValue("daddr", bdstInfoSn);
@@ -238,7 +233,9 @@ export default function BdstReg({ form, type }: { form: any; type?: string }) {
                       className={""}
                       selectClass={selectClass}
                       label={""}
-                      selectArray={ type ==='RNB'?code.bdstUsgCd:code.rswtBdstType}
+                      selectArray={
+                        type === "RNB" ? code.bdstUsgCd : code.rswtBdstType
+                      }
                       onSelectValue={(val) => {
                         field.onChange(val);
                       }}
diff --git a/apps/wr/components/ui/form/fcltReg/pbnstReg/buseReg/bugRegForm.tsx b/apps/wr/components/ui/form/fcltReg/pbnstReg/buseReg/bugRegForm.tsx
index 33dd417af..e669a85f7 100644
--- a/apps/wr/components/ui/form/fcltReg/pbnstReg/buseReg/bugRegForm.tsx
+++ b/apps/wr/components/ui/form/fcltReg/pbnstReg/buseReg/bugRegForm.tsx
@@ -43,6 +43,21 @@ import toast from "react-hot-toast";
 import { useTranslation } from "react-i18next";
 //import { useTranslation } from "react-i18next";
 
+
+
+/**
+ * 재이용시설 등록 - 하수재이용 시설등록
+  * 재이용시설 등록 - 하수재이용 시설현황
+ * - layout.tsx에 의해 공통 레이아웃이 적용됨
+ * - with-layout 적용
+ * - 하수처리시설에 하수재이용 시설  차수별 정보를 등록한다.
+ * - form으로 시설정보 및 차수별 정보의 컴포넌트 데이터를 관리한다
+ * indexMng: 시설정보
+ * indexBiz: 차수별 정보
+ * 로 하수재이용 시설에 등록된 시설 및 차수별 정보를 관리한다.
+ * 
+ * MngRegFormDetail 사업현황, 사업비, 재처리시설, 농축수관리, 폐수시설 정보 에 대한 데이터를 기입하도록 한다
+ *  */
 export function PbnstBuseForm({
   indexMng = 0,
   indexBiz = 0,
diff --git a/apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegForm.tsx b/apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegForm.tsx
index 5b4d93d94..334f9567d 100644
--- a/apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegForm.tsx
+++ b/apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegForm.tsx
@@ -35,6 +35,18 @@ export type FilesType = {
   file: File;
 };
 
+
+/**
+ * 재이용시설 등록 - 하수재이용 시설등록
+  * 재이용시설 등록 - 하수재이용 시설현황
+ * - layout.tsx에 의해 공통 레이아웃이 적용됨
+ * - with-layout 적용
+ * - 하수처리시설에 하수재이용 시설 시설 정보를 등록한다.
+ * - form으로 시설정보 및 차수별 정보의 컴포넌트 데이터를 관리한다
+ * indexMng: 시설정보
+ * indexBiz: 차수별 정보
+ * 로 하수재이용 시설에 등록된 시설 및 차수별 정보를 관리한다.
+ *  */
 export function PbnstMngForm({
   form,
   formType,
diff --git a/apps/wr/components/ui/modal/fcltReg/bdstRegModal/bdstRegModal.tsx b/apps/wr/components/ui/modal/fcltReg/bdstRegModal/bdstRegModal.tsx
index a692553af..6947224e1 100644
--- a/apps/wr/components/ui/modal/fcltReg/bdstRegModal/bdstRegModal.tsx
+++ b/apps/wr/components/ui/modal/fcltReg/bdstRegModal/bdstRegModal.tsx
@@ -43,11 +43,11 @@ export function BdstReg<T extends MoType>({
   setIsModal,
   isModal,
 }: BdstRegProps<T>) {
-  const { code, bdst, findBdst } = useWrStore((state) => {
+  const { code, bdst, auth, findBdst } = useWrStore((state) => {
     return state;
   });
 
-  const { userSiSggCd } = code;
+  const { laeSeCd } = auth;
 
   const [bdstTable, setBdstTable] = useState<BdstTypeMap[T][]>();
   const [bdstForm, setBdstForm] = useState<BdstTypeMap[T]>(
@@ -88,29 +88,32 @@ export function BdstReg<T extends MoType>({
   }, [bdst]);
 
   useEffect(() => {
-    if (userSiSggCd.length === 2 && code.cityCd.length > 0) {
-      const city = code.cityCd.filter((item) => item.val === userSiSggCd);
-      const sgg = code.sggCd.filter(
-        (item) => item.val.slice(0, 2) === userSiSggCd
-      );
+    if (laeSeCd.length === 2 && code.cityCd.length > 0) {
+      const city = code.cityCd.filter((item) => item.val === laeSeCd);
+      const sgg = code.sggCd.filter((item) => item.val.slice(0, 2) === laeSeCd);
       sgg.unshift({ text: "전체", val: "0" });
       setUserCityCd(city); // Fix: Ensure city is of type SelectDataType[]
       setObjSearch({ ...objSearch, city: String(city[0]?.val) });
       setUserSggCd(sgg);
     } else if (
-      userSiSggCd.length === 5 &&
+      laeSeCd.length === 5 &&
       code.cityCd.length > 0 &&
       code.sggCd.length > 0
     ) {
       const city = code.cityCd.filter(
-        (item) => item.val === userSiSggCd.slice(0, 2)
+        (item) => item.val === laeSeCd.slice(0, 2)
       );
       setUserCityCd(city);
-      const sgg = code.sggCd.filter((item) => item.val === userSiSggCd);
+      const sgg = code.sggCd.filter((item) => item.val === laeSeCd);
       setUserSggCd(sgg);
       setObjSearch({ city: String(city[0]?.val), sgg: String(sgg[0]?.val) });
+    } else if (
+      laeSeCd === "0" &&
+      code.cityCd.length > 0 &&
+      code.sggCd.length > 0
+    ) {
     }
-  }, [userSiSggCd, code.cityCd, code.sggCd]);
+  }, [laeSeCd, code.cityCd, code.sggCd]);
 
   const tableClick: (val: number | undefined, headId: string) => void = (
     val
@@ -197,35 +200,35 @@ export function BdstReg<T extends MoType>({
         </ScrollArea>
         <div className="border-t border-gray-300 my-4"></div>
         <ScrollArea className="h-[40vh]">
-        <div>
-          {moType === "RNB" ? (
-            <RainRegForm
-              rainForm={bdstForm as customRainBdst}
-              isModal={isModal}
-              setIsModal={setIsModal}
-            />
-          ) : moType === "RST" ? (
-            <RswtrRegForm
-              rswtForm={bdstForm as customRswtBdst}
-              isModal={isModal}
-              setIsModal={(open?: boolean) => {
-                if (setIsModal && open) {
-                  setIsModal(open);
-                }
-              }}
-            ></RswtrRegForm>
-          ) : (
-            <HtdflRegForm
-              htdflForm={bdstForm as unknown as customHtdflBdst}
-              isModal={true}
-              setIsModal={(open?: boolean) => {
-                if (setIsModal && open) {
-                  setIsModal(open);
-                }
-              }}
-            ></HtdflRegForm>
-          )}
-        </div>
+          <div>
+            {moType === "RNB" ? (
+              <RainRegForm
+                rainForm={bdstForm as customRainBdst}
+                isModal={isModal}
+                setIsModal={setIsModal}
+              />
+            ) : moType === "RST" ? (
+              <RswtrRegForm
+                rswtForm={bdstForm as customRswtBdst}
+                isModal={isModal}
+                setIsModal={(open?: boolean) => {
+                  if (setIsModal && open) {
+                    setIsModal(open);
+                  }
+                }}
+              ></RswtrRegForm>
+            ) : (
+              <HtdflRegForm
+                htdflForm={bdstForm as unknown as customHtdflBdst}
+                isModal={true}
+                setIsModal={(open?: boolean) => {
+                  if (setIsModal && open) {
+                    setIsModal(open);
+                  }
+                }}
+              ></HtdflRegForm>
+            )}
+          </div>
         </ScrollArea>
       </div>
     </>
diff --git a/apps/wr/components/ui/table/pbnstReg/ruseMngTableForm/ruseMngTableForm.tsx b/apps/wr/components/ui/table/pbnstReg/ruseMngTableForm/ruseMngTableForm.tsx
index 0f919a603..fb243010e 100644
--- a/apps/wr/components/ui/table/pbnstReg/ruseMngTableForm/ruseMngTableForm.tsx
+++ b/apps/wr/components/ui/table/pbnstReg/ruseMngTableForm/ruseMngTableForm.tsx
@@ -39,6 +39,21 @@ type RuseMngTableProps = {
   readonly?: boolean;
 };
 
+
+/**
+ * 재이용시설 등록 - 하수재이용 시설등록
+  * 재이용시설 등록 - 하수재이용 시설현황
+ * - layout.tsx에 의해 공통 레이아웃이 적용됨
+ * - with-layout 적용
+ * - 하수처리시설에 하수재이용 시설 시설 정보를 등록한다.
+ * - form으로 시설정보 및 차수별 정보의 컴포넌트 데이터를 관리한다
+ * indexMng: 시설정보
+ * indexBiz: 차수별 정보
+ * 로 하수재이용 시설에 등록된 시설 및 차수별 정보를 관리한다.
+ * 
+ * 시설정보및 차수별정보의 테이블 데이터를 만들고 생성한다.
+ *  */
+
 const RuseMngTableForm = React.forwardRef<any, RuseMngTableProps>(
   (
     {