From 5446a8a6568e5f46fe6f990c8beabed8797b09f4 Mon Sep 17 00:00:00 2001
From: bicochan <chanii8@naver.com>
Date: Thu, 12 Mar 2026 16:56:39 +0900
Subject: [PATCH] =?UTF-8?q?[st]=20feat:=20=EA=B2=80=EC=A6=9D=20=ED=95=AD?=
 =?UTF-8?q?=EB=AA=A9=20=EB=93=B1=EB=A1=9D=20=EA=B8=B0=EB=8A=A5=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../VerificationArticleManagement.tsx         |  42 ++++++-
 .../verification/VerificationTargetDialog.tsx | 114 ++++++++++++------
 2 files changed, 115 insertions(+), 41 deletions(-)

diff --git a/apps/st/src/components/statistics/verification/VerificationArticleManagement.tsx b/apps/st/src/components/statistics/verification/VerificationArticleManagement.tsx
index b852b1496..d919a6823 100644
--- a/apps/st/src/components/statistics/verification/VerificationArticleManagement.tsx
+++ b/apps/st/src/components/statistics/verification/VerificationArticleManagement.tsx
@@ -108,6 +108,30 @@ function VerificationArticleManagement() {
         });
     }
 
+    const saveMutation = useMutation({
+        mutationFn: (data: VerificationTargetManagementResponse) =>
+            verificationTargetManagementApi.saveVerificationTargetManagement({
+                vrfcMthdCd: data.vrfcMthdCd || activeTab,
+                statsCd: data.statsCd,
+                schmNm: data.schmNm,
+                tblNm: data.tblNm,
+                colNm: data.colNm,
+                pkColNm: data.pkColNm,
+                ipcrCntVl: data.ipcrCntVl,
+                pctlCrtrVl: data.pctlCrtrVl,
+                scopCntCntVl: data.scopCntCntVl,
+                thrsCntVl: data.thrsCntVl,
+                useYn: data.useYn,
+                vrfcTrgtNm: data.vrfcTrgtNm,
+            }),
+        onSuccess: () => {
+            queryClient.invalidateQueries({
+                queryKey: [ENDPOINT.STATVERIFY_SERVICE.VRFCTGT_MNG],
+            });
+            setDialogOpen(false);
+        },
+    });
+
     const updateMutation = useMutation({
         mutationFn: (data: VerificationTargetManagementResponse) =>
             verificationTargetManagementApi.updateVerificationTargetManagement(
@@ -155,6 +179,11 @@ function VerificationArticleManagement() {
         setDialogOpen(true);
     }
 
+    function handleRegister() {
+        setSelectedData(null);
+        setDialogOpen(true);
+    }
+
     function handleSubmit(e: React.FormEvent) {
         e.preventDefault();
         handleSearch();
@@ -162,7 +191,11 @@ function VerificationArticleManagement() {
 
     async function handleSave(data: VerificationTargetManagementResponse) {
         if (await confirm("저장하시겠습니까?")) {
-            updateMutation.mutate(data);
+            if (data.vrfcTrgtSn) {
+                updateMutation.mutate(data);
+            } else {
+                saveMutation.mutate(data);
+            }
         }
     }
 
@@ -219,6 +252,13 @@ function VerificationArticleManagement() {
                         </div>
 
                         <div className="ml-auto flex gap-2">
+                            <Button
+                                type="button"
+                                className="h-[3.6rem] w-[80px]"
+                                onClick={handleRegister}
+                            >
+                                등록
+                            </Button>
                             <Button
                                 type="submit"
                                 color="green"
diff --git a/apps/st/src/components/statistics/verification/VerificationTargetDialog.tsx b/apps/st/src/components/statistics/verification/VerificationTargetDialog.tsx
index 40fa92826..b59606c25 100644
--- a/apps/st/src/components/statistics/verification/VerificationTargetDialog.tsx
+++ b/apps/st/src/components/statistics/verification/VerificationTargetDialog.tsx
@@ -1,5 +1,16 @@
 "use client";
 
+import { useEffect } from "react";
+import { Controller, useForm } from "react-hook-form";
+
+import { zodResolver } from "@hookform/resolvers/zod";
+
+import { CodeSelect } from "@/entities/code/ui/code-select";
+import type { VerificationTargetManagementResponse } from "@/entities/statistics/model/verification-target-management-interface";
+import {
+    type VerificationTargetManagementFormData,
+    verificationTargetManagementSchema,
+} from "@/entities/statistics/model/verification-target-management-schema";
 import {
     Button,
     Dialog,
@@ -14,15 +25,7 @@ import {
     TableHead,
     TableRow,
 } from "@common/components";
-import { CodeSelect } from "@/entities/code/ui/code-select";
-import type { VerificationTargetManagementResponse } from "@/entities/statistics/model/verification-target-management-interface";
-import {
-    verificationTargetManagementSchema,
-    type VerificationTargetManagementFormData,
-} from "@/entities/statistics/model/verification-target-management-schema";
-import { useEffect } from "react";
-import { useForm, Controller } from "react-hook-form";
-import { zodResolver } from "@hookform/resolvers/zod";
+
 import type { TabValue } from "./VerificationArticleManagement";
 
 interface VerificationTargetDialogProps {
@@ -42,24 +45,41 @@ export function VerificationTargetDialog({
     onSave,
     onDelete,
 }: VerificationTargetDialogProps) {
-    const {
-        control,
-        handleSubmit,
-        reset,
-        formState: { errors },
-    } = useForm<VerificationTargetManagementFormData>({
-        resolver: zodResolver(verificationTargetManagementSchema),
-        defaultValues: data || undefined,
-    });
+    const { control, handleSubmit, reset } =
+        useForm<VerificationTargetManagementFormData>({
+            resolver: zodResolver(verificationTargetManagementSchema),
+            defaultValues: data || {
+                vrfcMthdCd: tabValue,
+                statsCd: "",
+                vrfcTrgtNm: "",
+                schmNm: "",
+                tblNm: "",
+                colNm: "",
+                pkColNm: "",
+                useYn: "Y",
+            },
+        });
 
     useEffect(() => {
-        if (data && open) reset(data);
-    }, [data, open, reset]);
+        if (open) {
+            reset(
+                data || {
+                    vrfcMthdCd: tabValue,
+                    statsCd: "",
+                    vrfcTrgtNm: "",
+                    schmNm: "",
+                    tblNm: "",
+                    colNm: "",
+                    pkColNm: "",
+                    useYn: "Y",
+                },
+            );
+        }
+    }, [data, open, reset, tabValue]);
 
     function onSubmit(formData: VerificationTargetManagementFormData) {
-        if (!data) return;
         onSave({
-            ...data,
+            ...(data || {}),
             ...formData,
         } as VerificationTargetManagementResponse);
     }
@@ -70,13 +90,13 @@ export function VerificationTargetDialog({
         }
     }
 
-    if (!data) return null;
-
     return (
         <Dialog open={open} onOpenChange={onOpenChange}>
             <DialogContent className="max-w-[800px]">
                 <DialogHeader>
-                    <DialogTitle>검증 항목 상세</DialogTitle>
+                    <DialogTitle>
+                        {data ? "검증 항목 상세" : "검증 항목 등록"}
+                    </DialogTitle>
                 </DialogHeader>
 
                 <form onSubmit={handleSubmit(onSubmit)}>
@@ -230,12 +250,15 @@ export function VerificationTargetDialog({
                                                         min="0"
                                                         max="1"
                                                         step="0.1"
-                                                        value={field.value ?? ""}
+                                                        value={
+                                                            field.value ?? ""
+                                                        }
                                                         onChange={(e) =>
                                                             field.onChange(
                                                                 e.target.value
                                                                     ? Number(
-                                                                          e.target
+                                                                          e
+                                                                              .target
                                                                               .value,
                                                                       )
                                                                     : null,
@@ -261,12 +284,15 @@ export function VerificationTargetDialog({
                                                         min="0"
                                                         max="0.5"
                                                         step="0.1"
-                                                        value={field.value ?? ""}
+                                                        value={
+                                                            field.value ?? ""
+                                                        }
                                                         onChange={(e) =>
                                                             field.onChange(
                                                                 e.target.value
                                                                     ? Number(
-                                                                          e.target
+                                                                          e
+                                                                              .target
                                                                               .value,
                                                                       )
                                                                     : null,
@@ -297,12 +323,15 @@ export function VerificationTargetDialog({
                                                         min="0"
                                                         max="1"
                                                         step="0.01"
-                                                        value={field.value ?? ""}
+                                                        value={
+                                                            field.value ?? ""
+                                                        }
                                                         onChange={(e) =>
                                                             field.onChange(
                                                                 e.target.value
                                                                     ? Number(
-                                                                          e.target
+                                                                          e
+                                                                              .target
                                                                               .value,
                                                                       )
                                                                     : null,
@@ -328,12 +357,15 @@ export function VerificationTargetDialog({
                                                         min="0"
                                                         max="100"
                                                         step="1"
-                                                        value={field.value ?? ""}
+                                                        value={
+                                                            field.value ?? ""
+                                                        }
                                                         onChange={(e) =>
                                                             field.onChange(
                                                                 e.target.value
                                                                     ? Number(
-                                                                          e.target
+                                                                          e
+                                                                              .target
                                                                               .value,
                                                                       )
                                                                     : null,
@@ -358,13 +390,15 @@ export function VerificationTargetDialog({
                         >
                             취소
                         </Button>
-                        <Button
-                            type="button"
-                            color="red"
-                            onClick={handleDelete}
-                        >
-                            삭제
-                        </Button>
+                        {data && (
+                            <Button
+                                type="button"
+                                color="red"
+                                onClick={handleDelete}
+                            >
+                                삭제
+                            </Button>
+                        )}
                         <Button type="submit" color="green">
                             저장
                         </Button>