[st] feat: 입력 - 제출 시 imr 요청 및 상태 확인, 진행 progress bar 추가

apps/st/src/components/module/SearchForm.tsx

@@ -5,7 +5,7 @@ import { useEffect, useState } from "react";
 import useSWR from "swr";
 
 import { useAlertStore, useUserStore } from "@/shared/lib";
-import { statisticsAPi } from "@/entities/statistics/api/statistics-service";
+import { statisticsApi } from "@/entities/statistics/api/statistics-service";
 import type {
     ApiResponse,
     SearchCondition,
@@ -33,14 +33,14 @@ import { doList } from "../util/column/input/DoList";
 const getSidoListFetcher = async (
     key: [string, string],
 ): Promise<ApiResponse<SearchCondition>> => {
-    return statisticsAPi.getSidoList({ instSeCd: key[1] });
+    return statisticsApi.getSidoList({ instSeCd: key[1] });
 };
 
 const getSggListFetcher = async (
     key: [string, string, string, string],
 ): Promise<ApiResponse<Sgg[]>> => {
     const gugunSkipYn = doList.includes(key[3]) ? "N" : "Y";
-    return statisticsAPi.getSggAllList(key[1], {
+    return statisticsApi.getSggAllList(key[1], {
         instSeCd: key[2],
         gugunSkipYn,
     });

apps/st/src/components/module/SidoSggFacilityNameSearchForm.tsx

@@ -19,7 +19,7 @@ import CompactDataGrid from "./CompactDataGrid";
 import SaveButton from "../button/SaveButton";
 
 import { useAlertStore } from "@/shared/lib";
-import { statisticsAPi } from "@/entities/statistics/api/statistics-service";
+import { statisticsApi } from "@/entities/statistics/api/statistics-service";
 import type {
     ApiResponse,
     SearchCondition,
@@ -91,13 +91,13 @@ const adminRegionColumnInfo: ColumnInfo = {
 };
 
 const getSidoListFetcher = async (): Promise<ApiResponse<SearchCondition>> => {
-    return statisticsAPi.getSidoList();
+    return statisticsApi.getSidoList();
 };
 
 const getSggAllListFetcher = async (
     key: [string, string],
 ): Promise<ApiResponse<Sgg[]>> => {
-    return statisticsAPi.getSggAllList(key[1]);
+    return statisticsApi.getSggAllList(key[1]);
 };
 
 type SidoSggFacilityNameSearchFormProps = {

apps/st/src/components/module/VerificationResultDialog.tsx

@@ -0,0 +1,40 @@
+"use client";
+
+import {
+    Button,
+    Dialog,
+    DialogClose,
+    DialogContent,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+} from "@common/components";
+
+export interface VerificationResultDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+
+export function VerificationResultDialog({
+    open,
+    onOpenChange,
+}: VerificationResultDialogProps) {
+    return (
+        <Dialog open={open} onOpenChange={onOpenChange}>
+            <DialogContent className="max-w-[640px]" aria-describedby={undefined}>
+                <DialogHeader>
+                    <DialogTitle>검증 결과</DialogTitle>
+                </DialogHeader>
+                <div className="min-h-[120px]" />
+                <DialogFooter>
+                    <DialogClose asChild>
+                        <Button type="button" color="gray">
+                            닫기
+                        </Button>
+                    </DialogClose>
+                </DialogFooter>
+            </DialogContent>
+        </Dialog>
+    );
+}
+

apps/st/src/components/module/VerificationResultHistoryDialog.tsx

@@ -14,7 +14,7 @@ import {
 import DataGrid from "@/components/module/DataGrid";
 import { VerificationResultHistoryPagination } from "@/components/module/VerificationResultHistoryPagination";
 import type { ColumnInfo } from "@/components/type/DataGrid.type";
-import { statisticsAPi } from "@/entities/statistics/api/statistics-service";
+import { statisticsApi } from "@/entities/statistics/api/statistics-service";
 import type { VerificationResultListRequest, VerificationResultReportItem } from "@/entities/statistics/model/statistics-interface";
 
 type VerificationResultGridRow = Record<string, string | number>;
@@ -37,8 +37,9 @@ const verificationResultColumnInfo: ColumnInfo = {
         { name: "prcsYn", fieldName: "prcsYn", header: { text: "처리여부" }, editable: false },
         { name: "pbcpAprvYn", fieldName: "pbcpAprvYn", header: { text: "공단승인여부" }, editable: false },
         { name: "regDt", fieldName: "regDt", header: { text: "등록일시" }, editable: false },
+        { name: "mdfcnDt", fieldName: "mdfcnDt", header: { text: "갱신일시" }, editable: false },
     ],
-    columnLayout: ["ctpvNm", "sggNm", "vrfcTrgtNm", "rsnExpln", "nowVlCn", "compVlCn", "prcsYn", "pbcpAprvYn", "regDt"],
+    columnLayout: ["ctpvNm", "sggNm", "vrfcTrgtNm", "rsnExpln", "nowVlCn", "compVlCn", "prcsYn", "pbcpAprvYn", "regDt", "mdfcnDt"],
 };
 
 export interface VerificationResultHistoryDialogProps {
@@ -93,12 +94,13 @@ export function VerificationResultHistoryDialog({
                 sggNm: queryContext.sggNm,
                 statsYr: queryContext.statsYr,
                 statsCd: queryContext.statsCd,
+                pbcpAprvYn: 'N',
                 vrfcMthdCd,
                 prcsYnList: "0,2,3",
                 page: pageIndex + 1,
                 size: 30,
             };
-            return statisticsAPi.getVerificationResultList(param);
+            return statisticsApi.getVerificationResultList(param);
         },
         [queryContext],
     );
@@ -191,6 +193,7 @@ export function VerificationResultHistoryDialog({
             prcsYn: PRCS_YN_LABEL[item.prcsYn] ?? item.prcsYn,
             pbcpAprvYn: item.pbcpAprvYn,
             regDt: (item.regDt ?? "").slice(0, 16),
+            mdfcnDt: (item.mdfcnDt ?? "").slice(0, 16),
         }));
 
     const normalRows = useMemo(() => mapRows(normalEntries), [normalEntries]);
@@ -243,7 +246,7 @@ export function VerificationResultHistoryDialog({
         <Dialog open={open} onOpenChange={onOpenChange}>
             <DialogContent className="max-w-[80%]" aria-describedby={undefined}>
                 <DialogHeader>
-                    <DialogTitle>{title}</DialogTitle>
+                    <DialogTitle>{`${title} - ${queryContext?.statsYr} ${queryContext?.ctpvNm} ${queryContext?.sggNm}`}</DialogTitle>
                 </DialogHeader>
                 <div className="max-h-[85vh] space-y-5 overflow-auto">
                     {errorMessage && (