신규등록 팝업

apps/wr/app/ruseFcltMng/fcltReg/pbnstReg/page.tsx

@@ -20,6 +20,7 @@ import { PbnstMngForm } from "@/components/ui/form/fcltReg/pbnstReg/mngReg/mngRe
 import { PbnstBuseForm } from "@/components/ui/form/fcltReg/pbnstReg/buseReg/bugRegForm";
 import { z } from "zod";
 import { PbnstRegModal } from "@/components/ui/modal/fcltReg/pbnstRegModal/pbnstRegModal";
+import { Toaster } from "react-hot-toast";
 
 export default function PublicReuseFaciltyInsert() {
   const { code, pbnst, pubHasuInit,pbnstRegInit } = useWrStore((state) => state);
@@ -32,6 +33,7 @@ export default function PublicReuseFaciltyInsert() {
   const [searchTxt, setSearchTxt] = useState<string>();
   const [bdstTable, setbdstTable] = useState<customPbnst[]>();
   const [selectBdst, setSelectBdst] = useState<customPbnst | null>(null);
+  const [selectedRow, setSelectedRow] = useState<customPbnst | null>(null);
 
 useEffect(() => {
     if (!pbnst.isInit ) {
@@ -55,6 +57,14 @@ useEffect(() => {
   };
   const cellClick = (val: number | undefined) => {
     if (val === undefined) return;
+    console.log("pbnstRes", pbnstRes)
+    const selectRow = pbnstHasuRes?.[val];
+    setSelectedRow(selectRow);
+    console.log("아제발", selectRow)
+    if (pbnstRes === null){
+      alert("등록된 재이용시설 정보가 없습니다. 신규등록 하십시오.")
+      return;
+    }
     setSelectBdst(pbnstRes);
     setPbnstBiz(pbnstRes?.fcBizs)
   };
@@ -141,7 +151,7 @@ useEffect(() => {
                 </ScrollArea>
           </ListDiv>
           <UiModal
-            body={<PbnstRegModal></PbnstRegModal>}
+            body={<PbnstRegModal data={selectedRow || []}></PbnstRegModal>}
             bodyClass="w-[68vw] max-w-none h-[90vh]"
             open={issNewReg}
             onOpenChange={(open) => {
@@ -149,6 +159,7 @@ useEffect(() => {
             }}
           />
         </div>
+          <Toaster position="top-center" />
       </ContentsDiv>
     </>
   );

apps/wr/app/store/ruseFcltMng/fcltReg/pbnstReg/index.tsx

@@ -102,6 +102,12 @@ const getBizCycle = (fcBizs: z.infer<typeof fcBizSchema>[]) => {
 
   return pbnstBizCycle;
 };
+
+const initFetch = async (code:string|undefined) => {
+  const pbnstRes =await getFetch("wr", `${code}`);
+  return pbnstRes;
+};
+
 export const pubFacActionsExport: (set: any) => pubFacActions = (set: any) => {
   return {
     pubHasuInit: async (txt: string | undefined) => {
@@ -125,7 +131,7 @@ export const pubFacActionsExport: (set: any) => pubFacActions = (set: any) => {
 
     pbnstRegInit: async (txt: string | undefined) => {
       try {
-        //const pbnstRes = await initFetch(txt);
+        // const pbnstRes = await initFetch(txt);
 
         const pbnstRes = exampleData;
 

apps/wr/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegForm.tsx

@@ -76,8 +76,8 @@ export function PbnstMngForm({ data }: { data: customPbnst }) {
   const onSelectValue = (val: string) => {};
 
   useEffect(() => {
-      form.reset(data);
-      setRuseOperData(data?.fcOpers);
+    form.reset(data);
+    setRuseOperData(data.fcOpers);
   }, [data]);
 
   // 2. Define a submit handler.

apps/wr/components/ui/modal/fcltReg/pbnstRegModal/pbnstRegModal.tsx

@@ -7,114 +7,51 @@ import { getCity } from "@/components/lib/func/commom";
 import { PbnstMngForm } from "@/components/ui/form/fcltReg/pbnstReg/mngReg/mngRegForm";
 import { ScrollArea, SelectBox, UiTable, type SelectDataType } from "@common/business_components";
 import { Button, Input, Label, Tabs, TabsContent, TabsList, TabsTrigger } from "@common/components/ui";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import type { objSearchType } from "../bdstRegModal/bdstRegModal";
 import { PbnstBuseForm } from "@/components/ui/form/fcltReg/pbnstReg/buseReg/bugRegForm";
 
-export function PbnstRegModal() {
-  const {code, pbnst} = useWrStore((state) => {
+
+export function PbnstRegModal({ data }: { data: customPbnst }) {
+
+  const { code, pbnst } = useWrStore((state) => {
     return state;
   });
   const { pubFacHeadList, pbnstHasuRes, pbnstRes } = pbnst;
-  const [selectSgg, setSelectSgg] = useState<SelectDataType[] | []>()
-  const [objSearch, setObjSearch] = useState<objSearchType>({sgg:"",city:""});
-  const [searchTxt, setSearchTxt] = useState<string>()
-  const [bdstTable, setbdstTable] = useState<customPbnst[]>();
-  const [selectBdst, setSelectBdst] = useState<customPbnst | null>(null);
-  const [pbnstBiz, setPbnstBiz] = useState<fcBizType[]>();
   const [pbnstBdstForm, setPbnstBdstForm] = useState<customPbnst>({} as customPbnst);
   const [currentTab, setCurrentTab] = useState<string>("mng");
   // const nodeList = headMakeColSpan(pubFacHeadList.moUpHeadList);
-  const getSelCity = (val: string | number) => {
-    const cityValue = String(val);
-    const data = getCity(cityValue, code.sggCd);
-    setSelectSgg(data);
-    setObjSearch({ city: cityValue, sgg: '' });
-  };
-  const getSgg = (val: string | number) => {
-    console.log(val);
-    setObjSearch({...objSearch,sgg: String(val)})
-  };
-  const tableClick: (val: number | undefined , headId:string) => void = (val ,headId) => {
-    // if(val!==undefined && bdst?.bdstBase.length>0){
-      // const data:BdstTypeMap[T] =bdst?.bdstBase[val]
-      //   if (data) {
-      //     setRainBdstForm(data); 
-      //   }
-      // }
-  } 
+
   const handleTabChange = (value: string) => {
     setCurrentTab(value);
   };
 
-  return (
-   <>
-      <div className="grid grid-cols-12 gap-4 mt-4 items-center">
-        <SelectBox
-          className="col-span-3 h-full"
-          label={"시도"}
-          selectClass={selectClass}
-          selectArray={code.cityCd || []}
-          onSelectValue={getSelCity}
-        >
-          {""}
-        </SelectBox>
-        <SelectBox
-          className="col-span-3 h-full"
-          label={"시군구"}
-          selectClass={selectClass}
-          selectArray={selectSgg || []}
-          onSelectValue={getSgg}
-        >
-          {" "}
-        </SelectBox>
-        <Label className="w-full text-xl text-gray-600 text-right">시설명</Label>
-        <Input className="w-full h-full !text-xl col-span-2 col-start-8" type="text" value={searchTxt || ''} onChange={()=>{}}/> 
-        <Button className="" size={"sm"} onClick={()=>{}}>조회</Button>
-      </div>
-      <div className="border-t border-gray-300 my-4"></div>
-      <div className="h-auto">
-        <h1 className="text-2xl font-medium text-label pl-8">공공 하수처리시설 목록</h1>
-        <ScrollArea className="h-[30vh]">
-          <div>
-            <UiTable
-              tableData={bdstTable || []}
-              headlist={pbnst.pubFacHeadList}
-              pageSize={-10}
-              total={-1}
-              headName={undefined}
-              cellClick={(idx, headId) => (tableClick(idx, headId || ""))} 
-              onPageChange={function (page: number): void {
-                throw new Error("Function not implemented.");
-              }}>
-              {/* {nodeList} */}
-            </UiTable>
-          </div>
-        </ScrollArea>
-        <div className="border-t border-gray-300 my-4"></div>
-        <ScrollArea className="h-[40vh]">
-          <Tabs  defaultValue="mng" onValueChange={handleTabChange}>
-            <TabsList  className="">
-              <TabsTrigger className="!text-xl" value="mng">시설정보</TabsTrigger>
-              <TabsTrigger className="!text-xl" value="buse">차수별정보</TabsTrigger>
-            </TabsList>
-            <TabsContent className="max-h-full" value="mng">
-                  <PbnstMngForm mngForm={pbnstBdstForm as customPbnst} isModal={true} />
-              </TabsContent>
-              <TabsContent className="max-h-full" value="buse">
-                  <PbnstBuseForm buseForm={pbnstBdstForm as customPbnst} isModal={true} />
-              </TabsContent>
-            </Tabs>
-          <div>
-            
-            
+  useEffect(() => {
+    if (!data) return;
+    console.log("데이터", data)
+  }, [data]);
 
-            
-          </div>
-        </ScrollArea>
-      </div>
+  return (
+    <>
+      <h1 className="text-2xl font-medium text-label pl-8">하수재이용 시설 신규등록</h1>
+
+      <div className="border-t border-gray-300 my-4"></div>
+      <ScrollArea className="h-[75vh]">
+        <Tabs defaultValue="mng" onValueChange={handleTabChange}>
+          <TabsList className="">
+            <TabsTrigger className="!text-xl" value="mng">시설정보</TabsTrigger>
+            <TabsTrigger className="!text-xl" value="buse">차수별정보</TabsTrigger>
+          </TabsList>
+          <TabsContent className="max-h-full" value="mng">
+            <PbnstMngForm mngForm={pbnstBdstForm as customPbnst} isModal={true} />
+          </TabsContent>
+          <TabsContent className="max-h-full" value="buse">
+            <PbnstBuseForm buseForm={pbnstBdstForm as customPbnst} isModal={true} />
+          </TabsContent>
+        </Tabs>
+      </ScrollArea>
     </>
-        
+
   )
 }