하수재이용 시설 현황 중축/개축 등 단독 팝업 호출 삭제

2025-07-14 16:43:28 +09:00
parent b806134cb4
commit 01c137efca
2 changed files with 87 additions and 84 deletions
@@ -1,17 +1,14 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 "use client";
 import { useWrStore } from "@/app/store";
 import { btnClass } from "@/app/store/common/code";
 import type {
-  chgBuilding,
  customRainBdst,
 } from "@/app/store/ruseFcltMng/fcltReg/rainReg";
 import {
  excelDownload,
  getCity,
-  tableData
+  tableData,
 } from "@/components/lib/func/commom";
-import BdstChgModal from "@/components/ui/modal/fcltReg/bdstChgModal/bdstChgModal";
 import type { objSearchType } from "@/components/ui/modal/fcltReg/bdstRegModal/bdstRegModal";
 import HeadChModal from "@/components/ui/modal/sttn/headChModal/headChModal";
 import SttnDetailModal from "@/components/ui/modal/sttn/sttnDetailModal/sttnDetailModal";
@@ -25,7 +22,7 @@ import {
  Title,
  UiModal,
  UiTable,
-  type SelectDataType
+  type SelectDataType,
 } from "@common/business_components/ui";
 import ListDiv from "@common/business_components/ui/list_div";
 import { HeadMakeColSpan } from "@common/business_components/ui/table/HeadMakeColSpan";
@@ -43,24 +40,24 @@ export default function RainSttn() {
  const [pageNation, setPageNation] = useState(1);
  const [isChHead, setIsChHead] = useState(false);
  const [bdstTable, setBdstTable] = useState<customRainBdst[]>();
-  const [selectSgg, setSelectSgg] = useState<SelectDataType[] | []>()
+  const [selectSgg, setSelectSgg] = useState<SelectDataType[] | []>();
  const [resetPage, isResetPage] = useState(false);
  const isDownloadTriggered = useRef(false);
-  const [objSearch, setObjSearch] = useState<objSearchType>({ sgg: "", city: "" });
-  const [detailModal, setDetailModal] = useState<{ isOpen: boolean, data: customRainBdst | undefined }>({ data: undefined, isOpen: false })
-  const [bdstChgProps, setBdstChgProps] = useState<{
+  const [objSearch, setObjSearch] = useState<objSearchType>({
+    sgg: "",
+    city: "",
+  });
+  const [detailModal, setDetailModal] = useState<{
    isOpen: boolean;
-    chBuilding: chgBuilding[];
-  }>({ isOpen: false, chBuilding: [] });
+    data: customRainBdst | undefined;
+  }>({ data: undefined, isOpen: false });
+
  const [fcltNm, setFcltNm] = useState<string>("");
-  const { t } = useTranslation('base');
-  const cellClick = (index: number | undefined, headId: string) => {
-    if (headId !== 'chBuildingYn' && index !== undefined && bdstTable !== undefined) {
-      setDetailModal({ isOpen: true, data: bdstTable[index] })
-    } else if (headId === 'chBuildingYn' && index !== undefined && bdstTable !== undefined) {
-      if (bdstTable[index] && bdstTable[index]?.chgBuilding[0]?.bdstChgNm !== null) {
-        setBdstChgProps({ isOpen: true, chBuilding: bdstTable[index].chgBuilding });
-      }
+  const { t } = useTranslation("base");
+
+  const cellClick = (index: number | undefined) => {
+    if (index !== undefined && bdstTable !== undefined) {
+      setDetailModal({ isOpen: true, data: bdstTable[index] });
    }
  };

@@ -72,13 +69,14 @@ export default function RainSttn() {
    } else {
      const data = getCity(cityValue, code.sggCd);
      setSelectSgg(data);
-      const firstSggVal = data.find(item => item.val === "0")?.val || (data[0]?.val ?? "");
+      const firstSggVal =
+        data.find((item) => item.val === "0")?.val || (data[0]?.val ?? "");
      setObjSearch({ city: cityValue, sgg: firstSggVal });
    }
  };

  const getSgg = (val: string | number) => {
-    setObjSearch({ ...objSearch, sgg: String(val) })
+    setObjSearch({ ...objSearch, sgg: String(val) });
  };

  const getConValue = () => {
@@ -105,23 +103,29 @@ export default function RainSttn() {
          ...item,
          ...item.reuseBuilding[0],
          ...item.reuseBuilding[0].rainyObj,
-          dtfcltCpct: item.reuseBuilding[0].rainyObj.dtfcltCpct === -1
-            ? "확인불가"
-            : item.reuseBuilding[0].rainyObj.dtfcltCpct,
-          instlCst: item.reuseBuilding[0].instlCst === -1
-            ? "확인불가"
-            : item.reuseBuilding[0].instlCst,
-          instlCstSprtAmt: item.reuseBuilding[0].instlCstSprtAmt === -1
-            ? "확인불가"
-            : item.reuseBuilding[0].instlCstSprtAmt,
+          dtfcltCpct:
+            item.reuseBuilding[0].rainyObj.dtfcltCpct === -1
+              ? "확인불가"
+              : item.reuseBuilding[0].rainyObj.dtfcltCpct,
+          instlCst:
+            item.reuseBuilding[0].instlCst === -1
+              ? "확인불가"
+              : item.reuseBuilding[0].instlCst,
+          instlCstSprtAmt:
+            item.reuseBuilding[0].instlCstSprtAmt === -1
+              ? "확인불가"
+              : item.reuseBuilding[0].instlCstSprtAmt,
          chBuildingYn: item.chgBuilding[0]?.bdstChgNm !== null ? "Y" : "N",
-          pntfColArea: item.reuseBuilding[0].rainyObj.pntfColArea === -1
-            ? "확인불가"
-            : item.reuseBuilding[0].rainyObj.pntfColArea,
-          filtrTrtmfctCpct: item.reuseBuilding[0].rainyObj.filtrTrtmfctCpct === -1
-            ? "확인불가"
-            : item.reuseBuilding[0].rainyObj.filtrTrtmfctCpct,
-          archArea: Math.floor(item.archArea) === -1 ? "확인불가" : item.archArea,
+          pntfColArea:
+            item.reuseBuilding[0].rainyObj.pntfColArea === -1
+              ? "확인불가"
+              : item.reuseBuilding[0].rainyObj.pntfColArea,
+          filtrTrtmfctCpct:
+            item.reuseBuilding[0].rainyObj.filtrTrtmfctCpct === -1
+              ? "확인불가"
+              : item.reuseBuilding[0].rainyObj.filtrTrtmfctCpct,
+          archArea:
+            Math.floor(item.archArea) === -1 ? "확인불가" : item.archArea,
        };
      })
      .filter((item: any) => item.rainyObj !== undefined);
@@ -129,8 +133,16 @@ export default function RainSttn() {
  }, [code, rainSttnRes]);

  useEffect(() => {
-    rainSttnSearch(false, pageNation, "20", String(getConValue()), fcltNm, code.cityCd, code.sggCd);
-    isResetPage(false)
+    rainSttnSearch(
+      false,
+      pageNation,
+      "20",
+      String(getConValue()),
+      fcltNm,
+      code.cityCd,
+      code.sggCd
+    );
+    isResetPage(false);
  }, [pageNation]);

  useEffect(() => {
@@ -145,15 +157,30 @@ export default function RainSttn() {
        "A1:W3"
      );
    } else {
-      toast.error(t('excelDownErrMsg'));
+      toast.error(t("excelDownErrMsg"));
    }
    isDownloadTriggered.current = false;
  }, [rainSttn.excelList]);

  const excelClick = useCallback(() => {
    isDownloadTriggered.current = true;
-    rainSttnSearch(true, 1, String(rainSttnResCount), String(getConValue()), fcltNm, code.cityCd, code.sggCd);
-  }, [rainSttnSearch, objSearch, code.cityCd, code.sggCd, fcltNm, rainSttnResCount]);
+    rainSttnSearch(
+      true,
+      1,
+      String(rainSttnResCount),
+      String(getConValue()),
+      fcltNm,
+      code.cityCd,
+      code.sggCd
+    );
+  }, [
+    rainSttnSearch,
+    objSearch,
+    code.cityCd,
+    code.sggCd,
+    fcltNm,
+    rainSttnResCount,
+  ]);

  return (
    <>
@@ -192,14 +219,21 @@ export default function RainSttn() {
                  </div>
                </div>
              </SearchFormLeft>
-              <SearchFormRight
-                className="w-2/12 mx-5 flex flex-col items-center justify-center space-x-2 ">
+              <SearchFormRight className="w-2/12 mx-5 flex flex-col items-center justify-center space-x-2 ">
                <div className="flex flex-row space-x-2 items-center">
                  <Button
                    size={"sm"}
                    onClick={() => {
-                      rainSttnSearch(false, 1, "20", String(getConValue()), fcltNm, code.cityCd, code.sggCd);
-                      isResetPage(true)
+                      rainSttnSearch(
+                        false,
+                        1,
+                        "20",
+                        String(getConValue()),
+                        fcltNm,
+                        code.cityCd,
+                        code.sggCd
+                      );
+                      isResetPage(true);
                    }}
                  >
                    조회
@@ -234,7 +268,9 @@ export default function RainSttn() {
                headlist={rainSttn.rainSttHeadList}
                pageSize={20}
                total={rainSttnResCount || 0}
-                cellClick={(index: number | undefined, headId: string) => { cellClick(index ?? undefined, headId) }}
+                cellClick={(index: number | undefined) => {
+                  cellClick(index ?? undefined);
+                }}
                onPageChange={setPageNation}
                resetPageNo={resetPage}
              >
@@ -267,16 +303,6 @@ export default function RainSttn() {
          bodyClass={"w-[40vw] max-w-none max-h-[calc(100%-70px)]"}
          body={<SttnDetailModal type={"RNB"} formObj={detailModal.data} />}
        />
-        <UiModal
-          bodyClass={""}
-          open={bdstChgProps.isOpen}
-          body={
-            <BdstChgModal chgBuilding={bdstChgProps.chBuilding}></BdstChgModal>
-          }
-          onOpenChange={(open) => {
-            setBdstChgProps({ ...bdstChgProps, isOpen: open });
-          }}
-        />
      </ContentsDiv>
      <Toaster position="top-center" />
    </>
@@ -1,14 +1,12 @@
 "use client";
 import { useWrStore } from "@/app/store";
 import { btnClass } from "@/app/store/common/code";
-import type { chgBuilding } from "@/app/store/ruseFcltMng/fcltReg/rainReg";
 import type { customRswtBdst } from "@/app/store/ruseFcltMng/fcltReg/rswtReg";
 import {
  excelDownload,
  getCity,
  tableData
 } from "@/components/lib/func/commom";
-import BdstChgModal from "@/components/ui/modal/fcltReg/bdstChgModal/bdstChgModal";
 import type { objSearchType } from "@/components/ui/modal/fcltReg/bdstRegModal/bdstRegModal";
 import HeadChModal from "@/components/ui/modal/sttn/headChModal/headChModal";
 import SttnDetailModal from "@/components/ui/modal/sttn/sttnDetailModal/sttnDetailModal";
@@ -45,24 +43,13 @@ export default function RswtSttn() {
  const [selectSgg, setSelectSgg] = useState<SelectDataType[] | []>()
  const [objSearch, setObjSearch] = useState<objSearchType>({ sgg: "", city: "" });
  const [detailModal, setDetailModal] = useState<{ isOpen: boolean, data: customRswtBdst | undefined }>({ data: undefined, isOpen: false })
-  const [bdstChgProps, setBdstChgProps] = useState<{
-    isOpen: boolean;
-    chBuilding: chgBuilding[];
-  }>({ isOpen: false, chBuilding: [] });
  const [fcltNm, setFcltNm] = useState<string>("");
  const { t } = useTranslation('base');
-  const cellClick = (index: number | undefined, headId: string) => {
+  const cellClick = (index: number | undefined) => {

-    if (headId !== 'chBuildingYn' && index !== undefined && bdstTable !== undefined) {
+    if ( index !== undefined && bdstTable !== undefined) {
      setDetailModal({ isOpen: true, data: bdstTable[index] })
-    } else if (headId === 'chBuildingYn' && index !== undefined && bdstTable !== undefined) {
-      if (
-        bdstTable[index] &&
-        bdstTable[index]?.chBuildingYn === 'Y'
-      ) {
-        setBdstChgProps({ isOpen: true, chBuilding: bdstTable[index].chgBuilding });
-      }
-    }
+    } 
  }

  const getSelCity = (val: string | number) => {
@@ -232,7 +219,7 @@ export default function RswtSttn() {
                headlist={rswtSttn.rswtSttHeadList}
                pageSize={20}
                total={rswtSttnResCount || 0}
-                cellClick={(index: number | undefined, headId: string) => { cellClick(index ?? undefined, headId) }}
+                cellClick={(index: number | undefined) => { cellClick(index ?? undefined) }}
                onPageChange={setPageNation}
                resetPageNo={resetPage}
              >
@@ -266,16 +253,6 @@ export default function RswtSttn() {
          body={<SttnDetailModal type={"RST"} formObj={detailModal.data} />}
        />

-        <UiModal
-          bodyClass={""}
-          open={bdstChgProps.isOpen}
-          body={
-            <BdstChgModal chgBuilding={bdstChgProps.chBuilding}></BdstChgModal>
-          }
-          onOpenChange={(open) => {
-            setBdstChgProps({ ...bdstChgProps, isOpen: open });
-          }}
-        />
      </ContentsDiv>
      <Toaster position="top-center" />
    </>