-
-
+
-
);
};
diff --git a/apps/st/src/components/statistics/input/SubmitDailog.tsx b/apps/st/src/components/statistics/input/SubmitDailog.tsx
new file mode 100644
index 000000000..b286117b7
--- /dev/null
+++ b/apps/st/src/components/statistics/input/SubmitDailog.tsx
@@ -0,0 +1,167 @@
+"use client";
+
+import {
+ Button,
+ Dialog,
+ DialogContent,
+ DialogFooter,
+ DialogHeader,
+ DialogTitle,
+ Input,
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableRow,
+} from "@common/components";
+import { useEffect } from "react";
+import { useForm, Controller } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { statisticsInputSubmitInfoSchema, type StatisticsInputSubmitInfoFormData } from "@/entities/statistics/model/statistics-input-submit-info-schema";
+import { type SewerageSupplyRateStatusInfo } from "@/entities/statistics/model/statistics-sewage-supply-rate-input-interface";
+
+/** 숫자만 추출 후 하이픈 포맷 (010-1234-5678, 02-123-4567 등) */
+function formatPhoneWithHyphen(value: string): string {
+ const digits = value.replace(/\D/g, "");
+ if (digits.length <= 3) return digits;
+ if (digits.startsWith("010")) {
+ if (digits.length <= 7) return `010-${digits.slice(3)}`;
+ return `010-${digits.slice(3, 7)}-${digits.slice(7, 11)}`;
+ }
+ if (digits.startsWith("02")) {
+ if (digits.length <= 5) return `02-${digits.slice(2)}`;
+ if (digits.length <= 9) return `02-${digits.slice(2, 5)}-${digits.slice(5, 9)}`;
+ return `02-${digits.slice(2, 6)}-${digits.slice(6, 10)}`;
+ }
+ if (digits.length <= 6) return `${digits.slice(0, 3)}-${digits.slice(3)}`;
+ return `${digits.slice(0, 3)}-${digits.slice(3, 6)}-${digits.slice(6, 10)}`;
+}
+
+const PHONE_FIELDS: (keyof StatisticsInputSubmitInfoFormData)[] = ["laePicTelNo", "laeIdfrTelNo"];
+
+interface SubmitDialogProps {
+ open: boolean;
+ onOpenChange: (open: boolean) => void;
+ statusInfo: SewerageSupplyRateStatusInfo | null;
+ /** 다이얼로그에서 저장 클릭 시 호출. 제출 정보를 넘기면 부모에서 requestData에 포함해 제출 API 호출 */
+ onConfirm?: (data: StatisticsInputSubmitInfoFormData) => void | Promise
;
+}
+
+const defaultValues: StatisticsInputSubmitInfoFormData = {
+ laePicNm: "",
+ laeKbrdrJbgdNm: "",
+ laeKbrdrDeptNm: "",
+ laePicTelNo: "",
+ laeIdfrNm: "",
+ laeIdfrJbgdNm: "",
+ laeIdfrDeptNm: "",
+ laeIdfrTelNo: "",
+};
+
+function statusInfoToFormData(info: SewerageSupplyRateStatusInfo): StatisticsInputSubmitInfoFormData {
+ return {
+ laePicNm: info.laePicNm ?? "",
+ laeKbrdrJbgdNm: info.laeKbrdrJbgdNm ?? "",
+ laeKbrdrDeptNm: info.laeKbrdrDeptNm ?? "",
+ laePicTelNo: info.laePicTelNo ?? "",
+ laeIdfrNm: info.laeIdfrNm ?? "",
+ laeIdfrJbgdNm: info.laeIdfrJbgdNm ?? "",
+ laeIdfrDeptNm: info.laeIdfrDeptNm ?? "",
+ laeIdfrTelNo: info.laeIdfrTelNo ?? "",
+ };
+}
+
+const SubmitDailog = ({ open, onOpenChange, statusInfo, onConfirm }: SubmitDialogProps) => {
+ const { control, handleSubmit, reset, formState: { errors } } = useForm({
+ resolver: zodResolver(statisticsInputSubmitInfoSchema),
+ defaultValues,
+ });
+
+ useEffect(() => {
+ if (open) {
+ reset(statusInfo ? statusInfoToFormData(statusInfo) : defaultValues);
+ }
+ }, [open, statusInfo, reset]);
+
+ async function onSubmit(data: StatisticsInputSubmitInfoFormData) {
+ await onConfirm?.(data);
+ onOpenChange(false);
+ reset(defaultValues);
+ }
+
+ function handleCancel() {
+ onOpenChange(false);
+ reset(defaultValues);
+ }
+
+ const rows: { name: keyof StatisticsInputSubmitInfoFormData; label: string; placeholder: string }[] = [
+ { name: "laePicNm", label: "작성자 명", placeholder: "작성자 명 입력" },
+ { name: "laeKbrdrJbgdNm", label: "작성자 직제", placeholder: "작성자 직제 입력" },
+ { name: "laeKbrdrDeptNm", label: "작성자 부서", placeholder: "작성자 부서 입력" },
+ { name: "laePicTelNo", label: "작성자 연락처", placeholder: "작성자 연락처 입력" },
+ { name: "laeIdfrNm", label: "승인자명", placeholder: "승인자명 입력" },
+ { name: "laeIdfrJbgdNm", label: "승인자 직제", placeholder: "승인자 직제 입력" },
+ { name: "laeIdfrDeptNm", label: "승인자 부서", placeholder: "승인자 부서 입력" },
+ { name: "laeIdfrTelNo", label: "승인자 연락처", placeholder: "승인자 연락처" },
+ ];
+
+ return (
+
+ );
+};
+
+export default SubmitDailog;
\ No newline at end of file
diff --git a/apps/st/src/components/statistics/management/LogHistory.tsx b/apps/st/src/components/statistics/management/LogHistory.tsx
new file mode 100644
index 000000000..0b45ce9fd
--- /dev/null
+++ b/apps/st/src/components/statistics/management/LogHistory.tsx
@@ -0,0 +1,113 @@
+"use client";
+
+import { useState } from 'react';
+// import useSWR from 'swr';
+
+import {
+ Button,
+ // Input,
+ Label,
+ // Select,
+ // SelectTrigger,
+ // SelectContent,
+ // SelectItem,
+ // SelectValue
+}
+ from "@common/components";
+import DataGrid from '@/components/module/DataGrid';
+import { CodeSelect } from '@/entities/code';
+
+import { LogHistoryColumn } from '@/components/util/column/management/LogHistoryColumn';
+import { useAlertStore } from "@/shared/lib";
+// import { LwpoCodeApi } from "@/entities/code";
+
+// const getStateCdListFetcher = async () => {
+// return LwpoCodeApi.getLwpoCodeList({
+// sort: 'regDt,desc',
+// upCd: 'STITEM',
+// page: 0,
+// size: 100,
+// });
+// }
+
+const LogHistory = () => {
+ // const { setMessage: alert } = useAlertStore((state) => state);
+ const [statsCd, setStatsCd] = useState('');
+
+ // const { data: lwpoCdList } = useSWR(
+ // "lwpo-code-list",
+ // getStateCdListFetcher,
+ // {
+ // revalidateOnFocus: false,
+ // revalidateOnReconnect: false,
+ // revalidateIfStale: false,
+ // dedupingInterval: 2000,
+ // shouldRetryOnError: false,
+ // onSuccess: (data) => {
+ // if (!data.content || data.content.length == 0) {
+ // alert(`시도 목록을 불러오는데 실패했습니다.
+ // 새로고침 후 다시 시도해주세요.`);
+ // }
+ // },
+ // onError: () => {
+ // alert(`시도 목록을 불러오는데 실패했습니다.
+ // 새로고침 후 다시 시도해주세요.`);
+ // },
+ // }
+ // );
+
+ return (
+
+ );
+};
+
+export default LogHistory;
\ No newline at end of file
diff --git a/apps/st/src/components/statistics/review/PumpingStationRvw.tsx b/apps/st/src/components/statistics/review/PumpingStationRvw.tsx
index 8a9df541a..3fc34a034 100644
--- a/apps/st/src/components/statistics/review/PumpingStationRvw.tsx
+++ b/apps/st/src/components/statistics/review/PumpingStationRvw.tsx
@@ -1,26 +1,82 @@
-import { useState } from "react";
-
-import { DataGrid } from "@rsone/components";
+import { useState, useMemo } from "react";
+import DataGrid from "@/components/module/DataGrid";
import SearchForm from "@/components/module/SearchForm";
import SaveButton from "@/components/button/SaveButton";
import ApproveButton from "@/components/button/ApproveButton";
import ReviewOpinionButton from "@/components/button/ReviewOpinionButton";
import ReturnButton from "@/components/button/ReturnButton";
+import { LoadingWithAnimation } from "@common/components";
+import { useAlertStore } from "@/shared/lib";
import { PumpingStationInfoList } from "@/components/util/column/review/PumpingStationRvwColumn";
+import { statisticsManagementApi } from "@/entities/statistics/api/statistics-management-service";
+import type { SearchFormValues } from "@/components/type/SearchForm.type";
+import { toGridRows } from "@/components/util/grid/gridFunction";
-// 하수도 통계 관리 05.펌프장
+// 하수도 통계 검토 05.중계펌프장
const PumpingStationRvw = () => {
+ const { setMessage: alert } = useAlertStore((state) => state);
const [rowData, setRowData] = useState[]>([]);
+ const [isLoading, setIsLoading] = useState(false);
- const approveFunc = () => { console.log('approveFunc'); };
- const saveFunc = () => { console.log('submit'); };
- const reviewOpinionFunc = () => { console.log('reviewOpinionFunc'); };
- const returnFunc = () => { console.log('returnFunc'); };
+ const columnInfo = useMemo(() => {
+ const { columns, columnLayout, fixedColumns, rowStartNum } = PumpingStationInfoList;
+ return {
+ columnLayout,
+ fixedColumns,
+ rowStartNum,
+ columns: columns.map((col) => ({
+ ...col,
+ editable: false as const, // 검토 화면이므로 읽기 전용
+ styleName: col.styleName ?? ("rg-cell-readonly" as const),
+ })),
+ };
+ }, []);
+
+ const handleReset = () => {
+ setRowData([]);
+ };
+
+ const handleSearch = async (values: SearchFormValues) => {
+ if (values.sido === '' || values.sido === 'ALL') {
+ alert('시도를 선택해주세요.');
+ return;
+ }
+
+ try {
+ setIsLoading(true);
+
+ const response = await statisticsManagementApi.getMediationPumpStationList({
+ sido: values.sido,
+ gugun: values.gugun === 'ALL' ? '' : values.gugun,
+ bsnmCd: values.bsnmCd,
+ yr: values.year,
+ bscFctNm: values.fctName, // 시설명 검색
+ });
+
+ if (response.status === 'success' && response.data) {
+ setRowData(toGridRows(response.data));
+ } else {
+ setRowData([]);
+ alert(response.message || "데이터가 없습니다.");
+ }
+ } catch (error) {
+ console.error("중계펌프장 조회 중 에러 발생:", error);
+ alert('데이터 조회 중 오류가 발생했습니다.');
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ const approveFunc = () => console.log('approveFunc');
+ const saveFunc = () => console.log('submit');
+ const reviewOpinionFunc = () => console.log('reviewOpinionFunc');
+ const returnFunc = () => console.log('returnFunc');
return (
- <>
-
+
+
+
@@ -29,8 +85,24 @@ const PumpingStationRvw = () => {
-
-
+
+ {isLoading && (
+
+ )}
+
+
+
+
+
-
-
-
-
+
{ }} />
+ { }} />
+ { }} />
+ { }} />
-
-
+
+ {isLoading && (
+
+ )}
+
+
+
+
+
-
-
-
-
+
{ /* 검토의견 로직 */ }} />
+ { /* 승인 로직 */ }} />
+ { /* 반려 로직 */ }} />
+ { /* 저장 로직 */ }} />
-
-
+
+ {isLoading && (
+
+ )}
+
+
+
+
-
+
diff --git a/apps/st/src/components/statistics/review/StatsInputStatusRvw.tsx b/apps/st/src/components/statistics/review/StatsInputStatusRvw.tsx
index 2c11f7abc..8fdd74d4f 100644
--- a/apps/st/src/components/statistics/review/StatsInputStatusRvw.tsx
+++ b/apps/st/src/components/statistics/review/StatsInputStatusRvw.tsx
@@ -11,12 +11,13 @@ import { useAlertStore } from "@/shared/lib";
import { StatsInputStatusInfoList } from "@/components/util/column/review/StatsInputStatusRvwColumn";
import { statisticsManagementApi } from "@/entities/statistics/api/statistics-management-service";
import type { StatsInputStatusReviewItem } from "@/entities/statistics/model/statistics-input-review-interface";
-import { toGridRows } from "@/components/util/grid/gridFunction";
+import { toGridRows } from "@/components/util/grid/gridFunction";
+import type { SearchFormValues } from "@/components/type/SearchForm.type";
// 하수도 통계 검토 00. 통계 입력 현황
const StatsInputStatusRvw = () => {
const { setMessage: alert } = useAlertStore((state) => state);
- const [rowData, setRowData] = useState
([]);
+ const [rowData, setRowData] = useState[]>([]);
const [isLoading, setIsLoading] = useState(false);
const columnInfo = useMemo(() => {
@@ -34,7 +35,7 @@ const StatsInputStatusRvw = () => {
setRowData([]);
};
- const handleSearch = async (values: any) => {
+ const handleSearch = async (values: SearchFormValues) => {
if (!values.sido || values.sido === 'ALL') {
alert('시도를 선택해주세요.');
return;
@@ -46,14 +47,13 @@ const StatsInputStatusRvw = () => {
const response = await statisticsManagementApi.getStatsInputStatusList({
sido: values.sido,
gugun: values.gugun === 'ALL' ? '' : values.gugun,
- yr: values.year || values.yr,
+ yr: values.year,
bsnmCd: values.bsnmCd
});
if (response.status === 'success' && response.data) {
- const rawList = response.data.sewerageSupplyRateList || response.data;
-
- const convertedData: StatsInputStatusReviewItem[] = rawList.map((item: any) => ({
+ const rawList = response.data.sewerageSupplyRateList ?? [];
+ const convertedData: StatsInputStatusReviewItem[] = rawList.map((item: StatsInputStatusReviewItem) => ({
...item,
status: item.status || '미확인',
}));
diff --git a/apps/st/src/components/statistics/verification/GeneralVerificationManagement.tsx b/apps/st/src/components/statistics/verification/GeneralVerificationManagement.tsx
new file mode 100644
index 000000000..0bd348123
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/GeneralVerificationManagement.tsx
@@ -0,0 +1,86 @@
+"use client";
+
+import { useState } from 'react';
+
+import { CodeSelect } from '@/entities/code';
+import {
+ Button,
+ Label,
+ Table,
+ TableBody,
+ TableCell,
+ TableHead,
+ TableRow,
+} from "@common/components";
+
+const GeneralVerificationManagement = () => {
+ const [statsCd, setStatsCd] = useState('');
+
+ return (
+
+
+
+
+
+
+ No
+ 검증항목
+ 등록자
+ 등록일
+ 사용여부
+
+
+
+
+ 1
+
+
+ 인구수검증
+
+
+ 관리자
+
+
+ 2026-02-09
+
+
+ Y
+
+
+
+
+
+
+
+
+
+
-
- {/* 통계 검증 섹션 */}
-
-
- 통계 검증
-
-
-
- {/* 왼쪽: 검증 변수 */}
-
-
- 검증 변수
-
-
-
-
-
-
- handleInputChange(
- "mu",
- e.target.value,
- )
- }
- className="flex-1"
- />
-
-
-
-
-
- handleInputChange(
- "percentile",
- e.target.value,
- )
- }
- className="flex-1"
- />
-
-
-
-
-
- handleInputChange(
- "a",
- e.target.value,
- )
- }
- className="flex-1"
- />
-
-
-
-
-
- handleInputChange(
- "c",
- e.target.value,
- )
- }
- className="flex-1"
- />
-
-
-
-
-
+
+
);
};
diff --git a/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx b/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx
new file mode 100644
index 000000000..11eb6c8fd
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/detail/HbVerificationDetail.tsx
@@ -0,0 +1,87 @@
+import React, { useState } from "react";
+
+import { Button } from "@common/components";
+
+import AreaDIndicators from "./Indicators";
+import AreaBRegionalGrid from "./RegionalGrid";
+import AreaCScatterChart from "./ScatterChart";
+import AreaAVerificationList from "./VerificationList";
+
+interface HbVerificationDetailProps {
+ anlsSn: number;
+ onBack: () => void;
+}
+
+const HbVerificationDetail: React.FC
= ({
+ anlsSn,
+ onBack,
+}) => {
+ const [selectedVrfcTrgtSn, setSelectedVrfcTrgtSn] = useState(
+ null,
+ );
+ const [selectedSido, setSelectedSido] = useState(null);
+
+ return (
+
+
+
+
+ 검증 상세
+
+
+
+
+
+ 항목을 선택해주세요
+
+ );
+ }
+
+ if (isLoading) {
+ return (
+
+ 지표 데이터를 불러오는 중...
+
+ );
+ }
+
+ const IndicatorItem = ({
+ label,
+ value,
+ }: {
+ label: string;
+ value: number | null | undefined;
+ }) => (
+
+
+ {label}
+
+
+ {value != null ? Number(value).toFixed(4) : "-"}
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default Indicators;
diff --git a/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx b/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx
new file mode 100644
index 000000000..940d328d9
--- /dev/null
+++ b/apps/st/src/components/statistics/verification/detail/RegionalGrid.tsx
@@ -0,0 +1,269 @@
+import React, { useMemo, useState } from "react";
+
+import { useQuery } from "@tanstack/react-query";
+import {
+ type ColumnDef,
+ getCoreRowModel,
+ getPaginationRowModel,
+ useReactTable,
+} from "@tanstack/react-table";
+
+import { ENDPOINT } from "@/shared/config";
+import { CodeApi } from "@/entities/code/api/code-service";
+import { stAnlsRsltApi } from "@/entities/statistics/api/statistics-analysis-result-api";
+import type { StAnlsRsltResponse } from "@/entities/statistics/model/statistics-analysis-result-interface";
+import {
+ Button,
+ DataTable,
+ Select,
+ SelectContent,
+ SelectItem,
+ SelectTrigger,
+ SelectValue,
+} from "@common/components";
+
+interface RegionalGridProps {
+ anlsSn: number;
+ vrfcTrgtSn: string | null;
+ selectedSido: string | null;
+ onSidoSelect: (sido: string | null) => void;
+}
+
+const RegionalGrid: React.FC = ({
+ anlsSn,
+ vrfcTrgtSn,
+ selectedSido,
+ onSidoSelect,
+}) => {
+ const [selectedGugun, setSelectedGugun] = useState("ALL");
+ const [selectedStatus, setSelectedStatus] = useState("ALL");
+
+ const { data: regionCodes } = useQuery({
+ queryKey: [ENDPOINT.CMS_SERVICE.CODE, "LAESECD"],
+ queryFn: () => CodeApi.getCode("LAESECD"),
+ });
+
+ const sidoOptions = useMemo(() => {
+ if (!regionCodes) return [];
+ return regionCodes.filter(
+ (code) => code.lwpoCd.startsWith("G3") && code.lwpoCd.length === 4,
+ );
+ }, [regionCodes]);
+
+ const gugunOptions = useMemo(() => {
+ if (!regionCodes || !selectedSido || selectedSido === "ALL") return [];
+
+ const sidoPrefix = selectedSido;
+ return regionCodes.filter(
+ (code) =>
+ code.lwpoCd.startsWith(sidoPrefix) && code.lwpoCd.length === 7,
+ );
+ }, [regionCodes, selectedSido]);
+
+ const {
+ data: resultData,
+ isLoading,
+ refetch,
+ } = useQuery({
+ queryKey: [
+ ENDPOINT.STATVERIFY_SERVICE.ST_ANLS_RSLT,
+ "list",
+ anlsSn,
+ vrfcTrgtSn,
+ ],
+ queryFn: () =>
+ stAnlsRsltApi.getResultList({
+ anlsSn,
+ vrfcTrgtSn: Number(vrfcTrgtSn),
+ page: 0,
+ size: 1000,
+ }),
+ enabled: false,
+ });
+
+ const rowData = useMemo(() => {
+ let data = (resultData?.content ?? []) as StAnlsRsltResponse[];
+
+ if (selectedSido && selectedSido !== "ALL") {
+ const sidoName = sidoOptions.find(
+ (opt) => opt.lwpoCd === selectedSido,
+ )?.lwpoCdNm;
+ if (sidoName) {
+ data = data.filter((item) => item.sido === sidoName);
+ }
+ }
+
+ if (selectedGugun && selectedGugun !== "ALL") {
+ const gugunName = gugunOptions.find(
+ (opt) => opt.lwpoCd === selectedGugun,
+ )?.lwpoCdNm;
+ if (gugunName) {
+ data = data.filter((item) => item.gugun === gugunName);
+ }
+ }
+
+ if (selectedStatus && selectedStatus !== "ALL") {
+ const statusTarget = selectedStatus === "NORMAL" ? "y" : "n";
+ data = data.filter(
+ (item) => item.otlrYn.toLowerCase() === statusTarget,
+ );
+ }
+
+ return data;
+ }, [
+ resultData,
+ selectedSido,
+ selectedGugun,
+ selectedStatus,
+ sidoOptions,
+ gugunOptions,
+ ]);
+
+ const columns: ColumnDef[] = useMemo(
+ () => [
+ { header: "시도", accessorKey: "sido", size: 80 },
+ { header: "구군", accessorKey: "gugun", size: 80 },
+ { header: "행정구역", accessorKey: "admdstNm", size: 100 },
+ { header: "이전년도", accessorKey: "prvyrVl", size: 80 },
+ { header: "당해년도", accessorKey: "cryrVl", size: 80 },
+ {
+ header: "R",
+ accessorKey: "chgRt",
+ size: 60,
+ cell: (info) => Number(info.getValue() ?? 0).toFixed(2),
+ },
+ {
+ header: "S",
+ accessorKey: "trsfRt",
+ size: 60,
+ cell: (info) => Number(info.getValue() ?? 0).toFixed(2),
+ },
+ {
+ header: "E",
+ accessorKey: "otlrTrsfRt",
+ size: 60,
+ cell: (info) => Number(info.getValue() ?? 0).toFixed(2),
+ },
+ {
+ header: "상태",
+ accessorKey: "otlrYn",
+ size: 60,
+ cell: (info) => {
+ const val = info.getValue();
+ if (val === "y")
+ return (
+
+ 정상
+
+ );
+ if (val === "n")
+ return (
+
+ 이상치
+
+ );
+ return "-";
+ },
+ },
+ ],
+ [],
+ );
+
+ const table = useReactTable({
+ data: rowData,
+ columns,
+ getCoreRowModel: getCoreRowModel(),
+ getPaginationRowModel: getPaginationRowModel(),
+ initialState: {
+ pagination: { pageSize: 10 },
+ },
+ });
+
+ const handleSidoChange = (val: string) => {
+ onSidoSelect(val === "ALL" ? null : val);
+ setSelectedGugun("ALL");
+ };
+
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {isLoading && (
+
+ 데이터를 불러오는 중...
+
+ )}
+ {!isLoading && (!vrfcTrgtSn || rowData.length === 0) && (
+
+ {vrfcTrgtSn
+ ? "표시할 항목이 없습니다."
+ : "항목을 선택해주세요"}
+
+ )}
+
+
+ {!vrfcTrgtSn ? (
+
+ 항목을 선택해주세요
+
+ ) : isLoading ? (
+
+ 차트를 불러오는 중...
+
+ ) : chartConfig ? (
+
+
+
+ ) : (
+
+ 표시할 데이터가 없습니다.
+
+ )}
+
+ {isLoading && (
+
+ 데이터를 불러오는 중...
+
+ )}
+ {!isLoading && rowData.length === 0 && (
+
+ 표시할 항목이 없습니다.
+
+ )}
+ {!isLoading && rowData.length > 0 && (
+
+ )}
+