시설현황 완료

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

@@ -28,36 +28,38 @@ export default function PbnstSttn() {
     pbnstSttnSearch,
     pbnSttnInit,
     getPbnStnDetail,
-    getFlcts
+    getFlcts,
   } = useWrStore((state) => state);
 
-  const {  pbnstSttnRes, fclts,pbnstSttnResCount} =pbnstSttn
+  const { pbnstSttnRes, fclts, pbnstSttnResCount } = pbnstSttn;
   const ref = useRef<ReturnType>({} as ReturnType);
   const [searchYear, setSearchYear] = useState<string>(
     String(new Date().getFullYear())
   );
   const [isChHead, setIsChHead] = useState(false);
   const [bdstTable, setBdstTable] = useState<WaterReuseFacility[]>();
-  const [pageNation, setPageNation] = useState(1);
   const [pbnDetaileData, setPbnDetaileData] = useState<{
     isModal: boolean;
     data: customPbnst;
   }>({ isModal: false, data: {} as customPbnst });
-  const [returnType, setReturnType] = useState<ReturnType>({} as ReturnType);
 
   const [pbnRuseNm, setPbnRuseNm] = useState<string>("");
 
   const excelClick = useCallback(() => {
-    pbnstSttnSearch(true, String(pageNation), "100000", ref.current, pbnRuseNm, searchYear,fclts );
-  }, [pbnstSttnSearch,fclts,pbnRuseNm]);
+    pbnstSttnSearch(
+      true,
+      String(1),
+      "100000",
+      ref.current,
+      pbnRuseNm,
+      searchYear,
+      fclts
+    );
+  }, [pbnstSttnSearch, fclts, pbnRuseNm]);
 
   const cellCLick = useCallback(
     (index: number | undefined) => {
-      if (
-        index !== undefined &&
-        pbnstSttnRes &&
-        pbnstSttnRes[index]
-      ) {
+      if (index !== undefined && pbnstSttnRes && pbnstSttnRes[index]) {
         const pbnstRuseFcltPk = pbnstSttnRes[index].pbnstRuseFcltPk;
         getPbnStnDetail(pbnstRuseFcltPk);
       }
@@ -78,21 +80,20 @@ export default function PbnstSttn() {
   }, [pbnstSttn.excelList]);
   useEffect(() => {
     if (!pbnstSttn.isInit) {
-      getFlcts()
-
+      getFlcts();
     }
   }, [pbnstSttn.isInit, pbnSttnInit, ref.current]);
   useEffect(() => {
-    if(pbnstSttnRes && pbnstSttnRes.length>0) {
+    if (pbnstSttnRes && pbnstSttnRes.length > 0) {
       setBdstTable(pbnstSttnRes);
-    }else{
+    } else {
       setBdstTable([]);
     }
   }, [pbnstSttnRes]);
 
-  useEffect(() =>{
+  useEffect(() => {
     pbnSttnInit("1", "15", ref.current, searchYear, pbnstSttn.fclts);
-  },[fclts])
+  }, [fclts]);
 
   useEffect(() => {
     if (pbnstSttn.pbnstDetail.pbnstRuseFcltPk)
@@ -154,13 +155,19 @@ export default function PbnstSttn() {
                 </div>
               }
               queryClick={function (returnType: ReturnType): void {
-                setReturnType(returnType);
-                pbnstSttnSearch(false, "1", "15", returnType, pbnRuseNm, searchYear, fclts);
+                pbnstSttnSearch(
+                  false,
+                  "1",
+                  "15",
+                  returnType,
+                  pbnRuseNm,
+                  searchYear,
+                  fclts
+                );
               }}
               excelClick={excelClick}
-              initClick={function (): void { 
-                  setPbnRuseNm('')
-
+              initClick={function (): void {
+                setPbnRuseNm("");
               }}
               btnClass={btnClass}
               ref={ref}
@@ -174,13 +181,10 @@ export default function PbnstSttn() {
               <UiTable
                 headName={undefined}
                 tableData={bdstTable || []}
-                children={
-                  <HeadMakeColSpan upHeadList={pbnstSttn.pbnstSttNodeList} />
-                }
                 headlist={pbnstSttn.pbnstSttHeadList}
                 pageSize={15}
                 total={pbnstSttnResCount}
-                cellClick={(index: number | undefined, headId: string) => {
+                cellClick={(index: number | undefined) => {
                   cellCLick(index);
                 }}
                 onPageChange={(page: number) => {
@@ -194,7 +198,9 @@ export default function PbnstSttn() {
                     fclts
                   );
                 }}
-              ></UiTable>
+              >
+                <HeadMakeColSpan upHeadList={pbnstSttn.pbnstSttNodeList} />
+              </UiTable>
             </ListDiv>
           </div>
         </div>
@@ -223,7 +229,9 @@ export default function PbnstSttn() {
           bodyClass="w-[68vw] max-w-none h-[90vh]"
           open={pbnDetaileData.isModal}
           onOpenChange={(open) => {
-            setPbnDetaileData({ data: {} as customPbnst, isModal: false });
+            //TODO:OPEN 상태 확인필요
+            if(!open)
+            setPbnDetaileData({ data: {} as customPbnst, isModal: open });
           }}
         />
       </ContentsDiv>