잠재수요처 종업원 자동합계 수정

apps/wr/components/ui/modal/sttn/sttnDetailModal/coDatailModal.tsx

@@ -7,7 +7,7 @@ import { handleCommaNumberChange } from "@/components/lib/func/commom";
 import { DatePicker, Form, FormField, FormUi, ScrollArea } from "@common/business_components/ui";
 import { Button, Input } from "@common/components/ui";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { useEffect } from "react";
+import { useEffect, useState } from "react";
 import { useForm } from "react-hook-form";
 import type { z } from "zod";
 
@@ -33,8 +33,24 @@ export default function SttnDetailModal({
 
   useEffect(() => {
     if (ldrmntZod) form.reset(formObj);
-
   }, [formObj]);
+
+  useEffect(() => {
+    const male = Number(form.watch("maleEmpCnt") ?? 0);
+    const female = Number(form.watch("fmaleEmpCnt") ?? 0);
+    const frgnrMale = Number(form.watch("frgnrMaleEmpCnt") ?? 0);
+    const frgnrFemale = Number(form.watch("frgnrFmaleEmpCnt") ?? 0);
+
+    const total = male + female + frgnrMale + frgnrFemale;
+
+    form.setValue("totalEmpCnt", total);
+  }, [
+    form.watch("maleEmpCnt"),
+    form.watch("fmaleEmpCnt"),
+    form.watch("frgnrMaleEmpCnt"),
+    form.watch("frgnrFmaleEmpCnt"),
+  ]);
+
   return (
     <div>
       <ScrollArea className="h-[85vh]">
@@ -324,6 +340,7 @@ export default function SttnDetailModal({
                           handleCommaNumberChange(e, field.onChange);
                         }}
                         value={field.value ?? 0}
+                        min={0}
                       />
                     </FormUi>
                   )}
@@ -343,6 +360,7 @@ export default function SttnDetailModal({
                           field.onChange(e.target.value);
                         }}
                         value={field.value ?? 0}
+                        min={0}
                       />
                     </FormUi>
                   )}
@@ -362,6 +380,7 @@ export default function SttnDetailModal({
                           field.onChange(e.target.value);
                         }}
                         value={field.value ?? 0}
+                        min={0}
                       />
                     </FormUi>
                   )}
@@ -381,6 +400,7 @@ export default function SttnDetailModal({
                           field.onChange(e.target.value);
                         }}
                         value={field.value ?? 0}
+                        min={0}
                       />
                     </FormUi>
                   )}
@@ -400,6 +420,8 @@ export default function SttnDetailModal({
                           field.onChange(e.target.value);
                         }}
                         value={field.value ?? 0}
+                        min={0}
+                        readOnly={true}
                       />
                     </FormUi>
                   )}