하수재이용시설현황 결함대장 오류 수정

apps/wr/app/ruseFcltMng/fcltSttn/rainSttn/page.tsx

@@ -4,6 +4,7 @@ import { useWrStore } from "@/app/store";
 import { btnClass } from "@/app/store/common/code";
 import {
   excelDownload,
+  getCity,
   getCityOrSgg,
   tableData,
 } from "@/components/lib/func/commom";
@@ -11,10 +12,16 @@ import HeadChModal from "@/components/ui/modal/sttn/headChModal/headChModal";
 import {
   ContentsDiv,
   SearchBaseForm,
+  SearchDiv,
+  SearchFormLeft,
+  SearchFormRight,
+  SearchInput,
+  SelectBox,
   Title,
   UiModal,
   UiTable,
   type ReturnType,
+  type SelectDataType,
 } from "@common/business_components/ui";
 import ListDiv from "@common/business_components/ui/list_div";
 import { Button } from "@common/components/ui";
@@ -26,6 +33,7 @@ import type {
 import { HeadMakeColSpan } from "@common/business_components/ui/table/HeadMakeColSpan";
 import SttnDetailModal from "@/components/ui/modal/sttn/sttnDetailModal/sttnDetailModal";
 import BdstChgModal from "@/components/ui/modal/fcltReg/bdstChgModal/bdstChgModal";
+import type { objSearchType } from "@/components/ui/modal/fcltReg/bdstRegModal/bdstRegModal";
 
 export default function RainSttn() {
   const { code, rainSttn, rainSttnSearch, rainSttnInit } = useWrStore(
@@ -37,6 +45,8 @@ 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 [objSearch, setObjSearch] = useState<objSearchType>({ sgg: "", city: "" });
   const [detailModal, setDetailModal] = useState<{ isOpen: boolean, data: customRainBdst | undefined }>({ data: undefined, isOpen: false })
   const [bdstChgProps, setBdstChgProps] = useState<{
     isOpen: boolean;
@@ -56,6 +66,38 @@ export default function RainSttn() {
     }
   };
 
+  const getSelCity = (val: string | number) => {
+    const cityValue = String(val);
+
+    if (cityValue === "0") {
+      setSelectSgg([]);
+      setObjSearch({ city: cityValue, sgg: "" });
+    } else {
+      const data = getCity(cityValue, code.sggCd);
+      setSelectSgg(data);
+
+      const firstSggVal = data.find(item => item.val === "0")?.val || (data[0]?.val ?? "");
+      setObjSearch({ city: cityValue, sgg: firstSggVal });
+    }
+  };
+
+  const getSgg = (val: string | number) => {
+    console.log("val", val)
+    setObjSearch({ ...objSearch, sgg: String(val) })
+  };
+
+  const getConValue = () => {
+    if (!objSearch.city || objSearch.city === "0") {
+      return "0";
+    }
+    if (objSearch.sgg && objSearch.sgg !== "0") {
+      return objSearch.sgg;
+    }
+    return objSearch.city;
+  };
+
+
+
   useEffect(() => {
     if (!rainSttn.isInit) {
       rainSttnInit(codeData ?? "0");
@@ -63,19 +105,30 @@ export default function RainSttn() {
   }, [rainSttn.isInit, rainSttnInit]);
 
   useEffect(() => {
-    if (rainSttnRes.length > 0 && code.cityCd.length > 0) {
-      const data = tableData(rainSttnRes, { code });
-      const chData = data
-        .map((item: any) => ({
+    const data = tableData(rainSttnRes, { code });
+    const chData = data
+      .map((item: any) => {
+        console.log("item", item);
+        console.log("왜안돼", item.reuseBuilding[0].rainyObj.dtfcltCpct)
+        return {
           ...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,
           chBuildingYn: item.chgBuilding[0]?.bdstChgNm !== null ? "Y" : "N",
-        }))
-        .filter((item: any) => item.rainyObj !== undefined);
-
-      setBdstTable(chData);
-    }
+        };
+      })
+      .filter((item: any) => item.rainyObj !== undefined);
+    console.log("chData", chData)
+    setBdstTable(chData);
   }, [code, rainSttnRes, rainSttn.rainSttHeadList]);
 
   useEffect(() => {
@@ -94,9 +147,14 @@ export default function RainSttn() {
     }
   }, [rainSttn.excelList]);
 
+  // const excelClick = useCallback(() => {
+  //   if (codeData) rainSttnSearch(1, "10000", codeData, code.cityCd, code.sggCd);
+  // }, [rainSttnSearch, codeData, code.cityCd, code.sggCd]);
   const excelClick = useCallback(() => {
-    if (codeData) rainSttnSearch(1, "10000", codeData, code.cityCd, code.sggCd);
-  }, [rainSttnSearch, codeData, code.cityCd, code.sggCd]);
+    // 최신 검색 조건 반영
+    const con = getConValue();
+    rainSttnSearch(1, "10000", String(con), code.cityCd, code.sggCd);
+  }, [rainSttnSearch, objSearch, code.cityCd, code.sggCd]);
 
   return (
     <>
@@ -104,7 +162,70 @@ export default function RainSttn() {
         <div className="grid grid-cols-4 gap-4 ">
           <div className="col-span-4">
             <Title title={"빗물재이용 시설 현황"} />
-            <SearchBaseForm
+
+
+            <SearchDiv>
+              <SearchFormLeft>
+                <div className="col-span-10 flex flex-row">
+                  <SelectBox
+                    className="col-span-2 w-1/6 h-full text-2xl"
+                    label="시도"
+                    selectClass={""}
+                    selectArray={code.cityCd}
+                    onSelectValue={getSelCity}
+                  />
+                  <SelectBox
+                    className="col-span-2 w-1/6 h-full text-2xl ml-4"
+                    label="시군구"
+                    selectClass={""}
+                    selectArray={selectSgg || []}
+                    value={objSearch.sgg} // value props 추가
+                    onSelectValue={getSgg}
+                  />
+                </div>
+              </SearchFormLeft>
+              <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={() => {
+                      const con = getConValue();
+                      rainSttnSearch(1, "20", String(con), code.cityCd, code.sggCd);
+                    }}
+                  >
+                    조회
+                  </Button>
+                  <Button
+                    size={"sm"}
+                    className={`${btnClass} green`}
+                    onClick={excelClick}
+                  >
+                    다운로드
+                  </Button>
+                  <Button
+                    size={"sm"}
+                    className={btnClass}
+                    onClick={() => {
+                      setIsChHead(true);
+                    }}
+                  >
+                    조회항목설정
+                  </Button>
+                </div>
+              </SearchFormRight>
+            </SearchDiv>
+
+
+
+
+
+
+
+
+
+
+            {/* <SearchBaseForm
               selectSidoData={code.cityCd}
               selectSigunData={code.sggCd}
               selectRegionData={code.rvbsnCd}
@@ -137,14 +258,14 @@ export default function RainSttn() {
               btnClass={btnClass}
               ref={ref}
               isAdmin={false}
-            />
+            /> */}
           </div>
         </div>
         <div className="grid grid-cols-6 gap-4 ">
           <div className="col-span-6">
             <ListDiv>
               <UiTable
-                headName={[]}
+                headName={undefined}
                 tableData={bdstTable || []}
                 children={
                   <HeadMakeColSpan upHeadList={rainSttn.rainSttNodeList} />

apps/wr/app/store/ruseFcltMng/fcltSttn/rainSttn/headList.tsx

@@ -31,8 +31,8 @@ export const rainSttHeadListExport: z.infer<typeof sttnHeadListType> = [
     visible: true,
   },
   {
-    id: "bdstUsgCd",
-    title: "건축물용도코드",
+    id: "bdsgUsgText",
+    title: "건축물용도",
     visible: true,
   },
   {
@@ -209,8 +209,8 @@ export const rainSttNodeListExport: CommonTableProps[] = [
     colSpan: 1,
   },
   {
-    id: "bdstUsgCd",
-    title: "건축물용도코드",
+    id: "bdsgUsgText",
+    title: "건축물용도",
     upName: "bdnstInfo",
     visible: true,
     row: 2,

apps/wr/app/store/ruseFcltMng/fcltSttn/rainSttn/index.tsx

@@ -153,10 +153,13 @@ export const rainSttnActionsExport: (set: any) => rainSttnActions = (
           sidoCode: SelectDataType[],
           sggCode: SelectDataType[]) => {
       try {
+        let a = `/reuseFc/rainyInfoList/${page}/${total}/${con}`
+        console.log("주소", a)
         const rainSttnRes = await getFetch(
           fetchType.WR,
           `/reuseFc/rainyInfoList/${page}/${total}/${con}`
         );
+        console.log("rainSttnRes", rainSttnRes)
         if (Number(total) > 9000) {
           const rainExcel = excelRainSttnParsing(rainSttnRes, sidoCode, sggCode);
           set((state: rainSttnState) => {

apps/wr/components/ui/modal/sttn/pbnstSttnModal/pbnstSttnModal.tsx

@@ -13,6 +13,7 @@ import {
   type customPbnst,
   type fcBizType,
 } from "@/app/store/ruseFcltMng/fcltReg/pbnstReg/type";
+import { formH1Class } from "@/components/lib/class/comClass";
 import { PbnstMngForm } from "@/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegForm";
 import { ScrollArea, Title, UiTable } from "@common/business_components/ui";
 import { HeadMakeColSpan } from "@common/business_components/ui/table/HeadMakeColSpan";
@@ -31,7 +32,7 @@ import { z } from "zod";
 export function PbnstSttnModal({ data, titleVisible }: { data: customPbnst; titleVisible?: boolean }) {
   const { code, pbnstSttn, prfmnc } = useWrStore((state) => state);
   const [fcltTab, setFcltTab] = useState<string>("fclt");
-  const [ruseTab, setRuseTab] = useState<string>("inoutTotal");
+  const [ruseTab, setRuseTab] = useState<string>("totalPrf");
   const [ruseBizData, setRuseBizData] = useState<{
     data: any[];
     head: TableUpperProps[];
@@ -229,7 +230,8 @@ export function PbnstSttnModal({ data, titleVisible }: { data: customPbnst; titl
         (item) => item.pbnstRuseFcltPk === data.pbnstRuseFcltPk
       )?.prfList;
 
-      if (prfList) {console.log("prfList", prfList);
+      if (prfList) {
+        console.log("prfList", prfList);
 
         getTablePrfData(prfList);
       }
@@ -243,12 +245,12 @@ export function PbnstSttnModal({ data, titleVisible }: { data: customPbnst; titl
       form.reset({ items: [data] })
     }
 
-  },[data, form])
+  }, [data, form])
 
 
-  useEffect(()=>{
+  useEffect(() => {
     console.log("prfData", prfData);
-  },[prfData])
+  }, [prfData])
   return (
     <>
       <div>
@@ -264,72 +266,79 @@ export function PbnstSttnModal({ data, titleVisible }: { data: customPbnst; titl
             indexMng={indexMng}
             setIndexMng={setIndexMng}
           />
-          <Tabs defaultValue="fclt" onValueChange={setFcltTab}>
-            <TabsList className="">
-              <TabsTrigger className="!text-xl" value="fclt">
-                하수처리수 재이용시설 현황
-              </TabsTrigger>
-              <TabsTrigger className="!text-xl" value="sply">
-                재이용 원수 취수 현황
-              </TabsTrigger>
-              <TabsTrigger className="!text-xl" value="ppi">
-                재이용 공급관로 현황
-              </TabsTrigger>
-              <TabsTrigger className="!text-xl" value="guarantee">
-                재이용 보증수질 현황
-              </TabsTrigger>
-              <TabsTrigger className="!text-xl" value="dmdCo">
-                재이용 수요처 현황
-              </TabsTrigger>
-            </TabsList>
-            <TabsContent className="max-h-full" value={fcltTab}>
-              <UiTable
-                headName={undefined}
-                tableData={ruseTableData || []}
-                headlist={ruseHeadList || []}
-                pageSize={0}
-                total={0}
-                cellClick={undefined}
-                onPageChange={function (page: number): void {
-                  throw new Error("Function not implemented.");
-                }}
-                children={
-                  fcltTab === "fclt" ? (
-                    <HeadMakeColSpan upHeadList={pbnstSttn.ruseFcltNodeList} />
-                  ) : undefined
-                }
-              ></UiTable>
-            </TabsContent>
-          </Tabs>
-
-          <Tabs  onValueChange={setRuseTab}>
-            <TabsList className="">
-              <TabsTrigger className="!text-xl" value="totalPrf">
-                장내외합계
-              </TabsTrigger>
-              <TabsTrigger className="!text-xl" value="inPrf">
-                장내용수
-              </TabsTrigger>
-              <TabsTrigger className="!text-xl" value="outPrf">
-                장외용수
-              </TabsTrigger>
-            </TabsList>
-            <TabsContent className="max-h-full" value={ruseTab}>
-              {prfData && (
+          <div className="px-6">
+            <div className="">
+              <h1 className={formH1Class}>하수재이용시설 현황</h1>
+            </div>
+            <Tabs defaultValue="fclt" onValueChange={setFcltTab}>
+              <TabsList className="mt-4">
+                <TabsTrigger className="!text-xl" value="fclt">
+                  하수처리수 재이용시설 현황
+                </TabsTrigger>
+                <TabsTrigger className="!text-xl" value="sply">
+                  재이용 원수 취수 현황
+                </TabsTrigger>
+                <TabsTrigger className="!text-xl" value="ppi">
+                  재이용 공급관로 현황
+                </TabsTrigger>
+                <TabsTrigger className="!text-xl" value="guarantee">
+                  재이용 보증수질 현황
+                </TabsTrigger>
+                <TabsTrigger className="!text-xl" value="dmdCo">
+                  재이용 수요처 현황
+                </TabsTrigger>
+              </TabsList>
+              <TabsContent className="max-h-full" value={fcltTab}>
                 <UiTable
                   headName={undefined}
-                  tableData={prfData[ruseTab as keyof typeof prfData] || []}
-                  headlist={monthHeadList || []}
+                  tableData={ruseTableData || []}
+                  headlist={ruseHeadList || []}
                   pageSize={0}
                   total={0}
                   cellClick={undefined}
                   onPageChange={function (page: number): void {
                     throw new Error("Function not implemented.");
                   }}
+                  children={
+                    fcltTab === "fclt" ? (
+                      <HeadMakeColSpan upHeadList={pbnstSttn.ruseFcltNodeList} />
+                    ) : undefined
+                  }
                 ></UiTable>
-              )}
-            </TabsContent>
-          </Tabs>
+              </TabsContent>
+            </Tabs>
+            <div className="">
+              <h1 className={formH1Class}>하수재이용실적</h1>
+            </div>
+            <Tabs defaultValue="totalPrf" onValueChange={setRuseTab}>
+              <TabsList className="mt-4">
+                <TabsTrigger className="!text-xl" value="totalPrf">
+                  장내외합계
+                </TabsTrigger>
+                <TabsTrigger className="!text-xl" value="inPrf">
+                  장내용수
+                </TabsTrigger>
+                <TabsTrigger className="!text-xl" value="outPrf">
+                  장외용수
+                </TabsTrigger>
+              </TabsList>
+              <TabsContent className="max-h-full" value={ruseTab}>
+                {prfData && (
+                  <UiTable
+                    headName={undefined}
+                    tableData={prfData[ruseTab as keyof typeof prfData] || []}
+                    headlist={monthHeadList || []}
+                    pageSize={0}
+                    total={0}
+                    cellClick={undefined}
+                    onPageChange={function (page: number): void {
+                      throw new Error("Function not implemented.");
+                    }}
+                  ></UiTable>
+                )}
+              </TabsContent>
+            </Tabs>
+          </div>
         </ScrollArea>
       </div>
     </>