onchange 적용

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

@@ -129,7 +129,7 @@ useEffect(() => {
                   <TabsTrigger className="!text-xl" value="buse">차수별정보</TabsTrigger>
                 </TabsList>
               <TabsContent className="max-h-full" value="mng">
-                  <PbnstMngForm data={selectBdst} />
+                  <PbnstMngForm data={selectBdst || []} />
               </TabsContent>
               <TabsContent className="max-h-full" value="buse">
                   <PbnstBuseForm data={pbnstBiz || []} />

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

@@ -36,7 +36,6 @@ const formSchema = z.object({
 });
 
 export function PbnstMngForm({ data }: { data: customPbnst }) {
-  console.log("data", data);
   const { pbnst } = useWrStore((state) => state);
   const { pbnstMngUpHeadList} = pbnst;
   const [ruseOperData, setRuseOperData] = useState<operType[]>();
@@ -50,7 +49,6 @@ export function PbnstMngForm({ data }: { data: customPbnst }) {
 
   const handleProgress = (percentage: string) => {
 
-    console.log("handleProgress", percentage);
     setProgress(Number(percentage));
   };
 
@@ -64,7 +62,6 @@ export function PbnstMngForm({ data }: { data: customPbnst }) {
     name: "fcOpers",
   });
 
-  console.log("fcOpersField", fcOpersField);
   // const selectOptions = data?.map((item) => ({
   //   text: item.fcltNm,
   //   val: item.pbnstRuseFcltPk,
@@ -125,6 +122,9 @@ export function PbnstMngForm({ data }: { data: customPbnst }) {
                 </h2>
                 <span className="mt-4 ml-2">{form.getValues("ruseUtztnFcltNm") ? ": " + form.getValues("ruseUtztnFcltNm") : ""}</span>
               </div>
+
+              <Button size={commonButonSize}>저장</Button>
+
             </div>
 
             <div>
@@ -160,7 +160,7 @@ export function PbnstMngForm({ data }: { data: customPbnst }) {
                     name="fcltCpct"
                     render={({ field }) => (
                       <FormUi label="시설용량(m³/일)">
-                        <Input placeholder="" type="number" value={field.value} />
+                        <Input placeholder="" type="number" onChange={field.onChange} value={field.value} />
                       </FormUi>
                     )}
                   />
@@ -171,7 +171,7 @@ export function PbnstMngForm({ data }: { data: customPbnst }) {
                     name="swtrmtCpct"
                     render={({ field }) => (
                       <FormUi label="하수처리량(m³/일)">
-                        <Input placeholder="" type="number" value={field.value} />
+                        <Input placeholder="" type="number"  onChange={field.onChange} value={field.value} />
                       </FormUi>
                     )}
                   />
@@ -182,7 +182,7 @@ export function PbnstMngForm({ data }: { data: customPbnst }) {
                     name="ruseCpct"
                     render={({ field }) => (
                       <FormUi label="재이용량(m³/일)">
-                        <Input placeholder="" type="number" value={field.value} />
+                        <Input placeholder="" type="number"  onChange={field.onChange} value={field.value} />
                       </FormUi>
                     )}
                   />
@@ -193,7 +193,7 @@ export function PbnstMngForm({ data }: { data: customPbnst }) {
                     name="splyExtraCpct"
                     render={({ field }) => (
                       <FormUi label="공급여유량(m³/일)">
-                        <Input placeholder="" type="number" value={field.value} />
+                        <Input placeholder="" type="number"onChange={field.onChange}   value={field.value} />
                       </FormUi>
                     )}
                   />