diff --git a/apps/st/src/components/module/SidoSggFacilityNameSearchForm.tsx b/apps/st/src/components/module/SidoSggFacilityNameSearchForm.tsx
index d8647037e..82a1bae17 100644
--- a/apps/st/src/components/module/SidoSggFacilityNameSearchForm.tsx
+++ b/apps/st/src/components/module/SidoSggFacilityNameSearchForm.tsx
@@ -1,6 +1,6 @@
"use client";
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
import useSWR from "swr";
import { ValueType } from "realgrid";
@@ -29,8 +29,13 @@ import type { ColumnInfo } from "../type/DataGrid.type";
import type {
SeweragePipeFacilitiesListRequest,
SeweragePipeFacilityAdminAreaListRequest,
+ SeweragePipeFactConnectionSaveRequest,
+ SeweragePipeFactConnectionSaveItem,
} from "@/entities/statistics/model/input/statistics-sewage-pipe-input-interface";
import { statisticsInputSewPipeApiService } from "@/entities/statistics/api/input/statistics-sewage-pipe-input-service";
+import type { SearchFormValues } from "../type/SearchForm.type";
+import { doNameList } from "../util/column/input/DoList";
+import { getUserInfo } from "../../../../../packages/common/components/src/api";
/** 다이얼로그 좌측: 처리시설 정보 (순번 없음) */
const treatmentFacilityColumnInfo: ColumnInfo = {
@@ -48,21 +53,35 @@ const treatmentFacilityColumnInfo: ColumnInfo = {
editable: false,
},
{
- name: "fctNm",
- fieldName: "fctNm",
+ name: "fcltNm",
+ fieldName: "fcltNm",
header: { text: "시설명" },
editable: false,
},
{
- name: "fctCpc",
- fieldName: "fctCpc",
+ name: "fcltCd",
+ fieldName: "fcltCd",
+ header: { text: "시설코드" },
+ editable: false,
+ visible: false,
+ },
+ {
+ name: "fcltSn",
+ fieldName: "fcltSn",
+ header: { text: "시설일련번호" },
+ editable: false,
+ visible: false,
+ },
+ {
+ name: "fcltCpct",
+ fieldName: "fcltCpct",
header: { text: "시설용량(m³/일)" },
valueType: ValueType.NUMBER,
dataFormat: "#,##0",
editable: false,
},
],
- columnLayout: ["ctpvNm", "sggNm", "fctNm", "fctCpc"],
+ columnLayout: ["ctpvNm", "sggNm", "fcltNm", "fcltCpct", "fcltCd"],
};
/** 다이얼로그 우측: 행정구역 정보 (순번 없음, 헤더 체크박스는 showHeaderCheckbox) */
@@ -103,12 +122,26 @@ const getSggAllListFetcher = async (
type SidoSggFacilityNameSearchFormProps = {
/** 상위(SewagePipeInp 등) 검색 조건의 통계연도 — facilitiesList 등 API 필수값 */
statsYr?: string;
+ /** 상위(SewagePipeInp) 마지막 검색 조건 */
+ initialSearchValues?: Pick
| null;
+ /** 저장 성공 후 부모 탭 데이터 재조회 훅 */
+ onSaveSuccess?: () => Promise | void;
};
const SidoSggFacilityNameSearchForm = ({
statsYr,
+ initialSearchValues,
+ onSaveSuccess,
}: SidoSggFacilityNameSearchFormProps) => {
const { setMessage: alert } = useAlertStore((state) => state);
+ const initialSidoValue =
+ initialSearchValues?.sido && initialSearchValues.sido !== "ALL"
+ ? initialSearchValues.sido
+ : "ALL";
+ const initialGugunValue =
+ initialSearchValues?.gugun && initialSearchValues.gugun !== "ALL"
+ ? initialSearchValues.gugun
+ : "ALL";
const { data: sidoList } = useSWR>(
"sido-list",
@@ -134,9 +167,9 @@ const SidoSggFacilityNameSearchForm = ({
},
);
- const [sido, setSido] = useState("ALL");
- const [gugun, setGugun] = useState("ALL");
- const [fctNm, setFctNm] = useState("");
+ const [sido, setSido] = useState(initialSidoValue);
+ const [gugun, setGugun] = useState(initialGugunValue);
+ const [fcltNm, setFcltNm] = useState("");
const [isLoading, setIsLoading] = useState(false);
const [treatmentFacilityRows, setTreatmentFacilityRows] = useState<
@@ -145,6 +178,10 @@ const SidoSggFacilityNameSearchForm = ({
const [adminRegionRows, setAdminRegionRows] = useState<
Record[]
>([]);
+ const [selectedFacilityRow, setSelectedFacilityRow] = useState<
+ Record | null
+ >(null);
+ const didAutoFetchRef = useRef(false);
const sggKey: [string, string] | null =
sido && sido !== "ALL" ? ["sgg-all", sido] : null;
@@ -198,7 +235,7 @@ const SidoSggFacilityNameSearchForm = ({
alert("시도를 선택해주세요.");
return;
}
- const trimmedFclty = fctNm.trim();
+ const trimmedFclty = fcltNm.trim();
const sewerBzmnCd = resolveSewerBzmnCd();
@@ -225,13 +262,15 @@ const SidoSggFacilityNameSearchForm = ({
list.map((item) => ({
ctpvNm: item.ctpvNm,
sggNm: item.sggNm,
- fctNm: item.bscFctNm,
- fctCpc: item.fctCpc,
- bscFctCd: item.bscFctCd,
+ fcltNm: item.fcltNm,
+ fcltCpct: item.fcltCpct,
+ fcltCd: item.fcltCd,
+ fcltSn: item.fcltSn,
admdstCd: item.admdstCd,
statsYr: item.statsYr,
})),
);
+ setSelectedFacilityRow(null);
setAdminRegionRows([]);
} catch {
alert("처리시설 목록 조회 중 오류가 발생했습니다.");
@@ -247,7 +286,7 @@ const SidoSggFacilityNameSearchForm = ({
alert("상단에서 통계연도로 조회한 뒤 이용해 주세요.");
return;
}
- const swtrmtFcltCd = String(row.bscFctCd ?? "").trim();
+ const swtrmtFcltCd = String(row.fcltCd ?? "").trim();
if (!swtrmtFcltCd) {
alert("처리시설 코드가 없습니다.");
return;
@@ -261,13 +300,14 @@ const SidoSggFacilityNameSearchForm = ({
const params: SeweragePipeFacilityAdminAreaListRequest = {
statsYr: statsYr.trim(),
swtrmtFcltCd,
- sewerBzmnCd: String(row.admdstCd ?? "").trim(),
+ sewerBzmnCd: initialSearchValues?.bsnmCd || '',
ctpvNm,
- sggNm,
+ ...(doNameList.includes(ctpvNm) ? { sggNm } : {}),
};
try {
setIsLoading(true);
+ setSelectedFacilityRow(row);
const response =
await statisticsInputSewPipeApiService.getFacilityAdminAreaList(
params,
@@ -283,6 +323,8 @@ const SidoSggFacilityNameSearchForm = ({
sggNm: item.sggNm,
emdNm: item.admdstNm,
admdstCd: item.admdstCd,
+ isConnection: item.isConnection,
+ __checked: item.isConnection === "1" ? "1" : "0",
})),
);
} catch {
@@ -293,9 +335,172 @@ const SidoSggFacilityNameSearchForm = ({
};
const handleSaveAdminRegions = () => {
- alert("저장 API 연동 예정입니다.");
+ if (!statsYr?.trim()) {
+ alert("상단에서 통계연도로 조회한 뒤 이용해 주세요.");
+ return;
+ }
+ if (!selectedFacilityRow) {
+ alert("처리시설을 먼저 선택해주세요.");
+ return;
+ }
+
+ const hasChanged = adminRegionRows.some(
+ (row) =>
+ (row.__checked === "1" && row.isConnection !== "1") ||
+ (row.__checked !== "1" && row.isConnection === "1"),
+ );
+
+ const saveList: SeweragePipeFactConnectionSaveItem[] = adminRegionRows
+ .filter((row) => row.__checked === "1")
+ .map((row) => ({
+ admdstCd: String(row.admdstCd ?? ""),
+ admdstNm: String(row.emdNm ?? ""),
+ }))
+ .filter((row) => row.admdstCd && row.admdstNm);
+
+ const deleteList = adminRegionRows
+ .filter((row) => row.__checked !== "1" && row.isConnection === "1")
+ .map((row) => String(row.admdstCd ?? ""))
+ .filter(Boolean);
+
+ if (!hasChanged) {
+ alert("변경된 연결 정보가 없습니다.");
+ return;
+ }
+
+ const run = async () => {
+ try {
+ setIsLoading(true);
+ const userInfo = await getUserInfo();
+ const request: SeweragePipeFactConnectionSaveRequest = {
+ ctpvNm: String(selectedFacilityRow.ctpvNm ?? ""),
+ sggNm: String(selectedFacilityRow.sggNm ?? ""),
+ fcltSn: String(selectedFacilityRow.fcltSn ?? ""),
+ statsYr: statsYr.trim(),
+ swtrmtFcltCd: String(selectedFacilityRow.fcltCd ?? ""),
+ swtrmtFcltNm: String(selectedFacilityRow.fcltNm ?? ""),
+ prcsFcltCpct: Number(selectedFacilityRow.fcltCpct ?? 0),
+ sewerBzmnCd: initialSearchValues?.bsnmCd?.trim() ?? "",
+ userId: userInfo.userUnqId,
+ saveList,
+ deleteList,
+ };
+
+ const response =
+ await statisticsInputSewPipeApiService.saveFactConnection(
+ request,
+ );
+
+ if (response.status !== "success") {
+ alert(response.message ?? "연결관계 저장에 실패했습니다.");
+ return;
+ }
+
+ setAdminRegionRows((prev) =>
+ prev.map((row) => ({
+ ...row,
+ isConnection: row.__checked === "1" ? "1" : "0",
+ })),
+ );
+ await onSaveSuccess?.();
+ alert("저장되었습니다.");
+ } catch {
+ alert("연결관계 저장 중 오류가 발생했습니다.");
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ void run();
};
+ const handleAdminRegionItemChecked = (
+ itemIndex: number,
+ checked: boolean,
+ ) => {
+ setAdminRegionRows((prev) =>
+ prev.map((row, idx) =>
+ idx === itemIndex
+ ? { ...row, __checked: checked ? "1" : "0" }
+ : row,
+ ),
+ );
+ };
+
+ const handleAdminRegionItemAllChecked = (checked: boolean) => {
+ setAdminRegionRows((prev) =>
+ prev.map((row) => ({ ...row, __checked: checked ? "1" : "0" })),
+ );
+ };
+
+ useEffect(() => {
+ if (!initialSearchValues?.sido || initialSearchValues.sido === "ALL") return;
+ setSido(initialSearchValues.sido);
+ setGugun(
+ initialSearchValues.gugun && initialSearchValues.gugun !== "ALL"
+ ? initialSearchValues.gugun
+ : "ALL",
+ );
+ }, [initialSearchValues?.sido, initialSearchValues?.gugun]);
+
+ useEffect(() => {
+ if (didAutoFetchRef.current) return;
+ if (!statsYr?.trim()) return;
+ if (!initialSearchValues?.sido || initialSearchValues.sido === "ALL") return;
+
+ const nextSido = initialSearchValues.sido;
+ const nextGugun =
+ initialSearchValues.gugun && initialSearchValues.gugun !== "ALL"
+ ? initialSearchValues.gugun
+ : "ALL";
+
+ didAutoFetchRef.current = true;
+ setSido(nextSido);
+ setGugun(nextGugun);
+
+ const params: SeweragePipeFacilitiesListRequest = {
+ statsYr: statsYr.trim(),
+ ...(initialSearchValues.bsnmCd?.trim()
+ ? { sewerBzmnCd: initialSearchValues.bsnmCd.trim() }
+ : {}),
+ ctpvNm: nextSido,
+ ...(nextGugun !== "ALL" ? { sggNm: nextGugun } : {}),
+ };
+
+ const run = async () => {
+ try {
+ setIsLoading(true);
+ const response =
+ await statisticsInputSewPipeApiService.getFacilitiesList(params);
+ if (response.status !== "success") {
+ alert(response.message ?? "처리시설 목록 조회에 실패했습니다.");
+ return;
+ }
+ const list = response.data ?? [];
+ setTreatmentFacilityRows(
+ list.map((item) => ({
+ ctpvNm: item.ctpvNm,
+ sggNm: item.sggNm,
+ fcltNm: item.fcltNm,
+ fcltCpct: item.fcltCpct,
+ fcltCd: item.fcltCd,
+ fcltSn: item.fcltSn,
+ admdstCd: item.admdstCd,
+ statsYr: item.statsYr,
+ })),
+ );
+ setSelectedFacilityRow(null);
+ setAdminRegionRows([]);
+ } catch {
+ alert("처리시설 목록 조회 중 오류가 발생했습니다.");
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ void run();
+ }, [statsYr, initialSearchValues, alert]);
+
return (
@@ -396,6 +601,8 @@ const SidoSggFacilityNameSearchForm = ({
rowData={adminRegionRows}
setRowData={setAdminRegionRows}
showHeaderCheckbox
+ onItemChecked={handleAdminRegionItemChecked}
+ onItemAllChecked={handleAdminRegionItemAllChecked}
compactFullWidth
// compactGridHeightClass="h-[min(40vh,28rem)] min-h-[16rem]"
/>
diff --git a/apps/st/src/components/statistics/Dashboard.tsx b/apps/st/src/components/statistics/Dashboard.tsx
new file mode 100644
index 000000000..423294d2f
--- /dev/null
+++ b/apps/st/src/components/statistics/Dashboard.tsx
@@ -0,0 +1,93 @@
+"use client";
+
+import { useEffect, useState } from "react";
+
+import { closestCenter, DndContext } from "@dnd-kit/core";
+import { rectSortingStrategy, SortableContext } from "@dnd-kit/sortable";
+import dayjs from "dayjs";
+
+import { useUserStore } from "@/shared/lib";
+import { Skeleton } from "@common/components";
+
+import { useDndSensors } from "@/pages/statistics/lib/hooks/use-dnd-sensors";
+import { usePanelOrder } from "@/pages/statistics/lib/hooks/use-panel-order";
+import { getInitialPanels } from "@/pages/statistics/model/panel-config";
+import { SortablePanel } from "@/pages/statistics/ui/sortable-panel";
+
+interface PanelItem {
+ id: string;
+ component: React.ReactNode;
+ className?: string;
+}
+
+function Dashboard() {
+ const userInfo = useUserStore((state) => state.userInfo);
+ const [initialPanels, setInitialPanels] = useState([]);
+ const [isMounted, setIsMounted] = useState(false);
+ const sensors = useDndSensors();
+
+ const { panels, handleDragEnd } = usePanelOrder({
+ initialPanels,
+ storageKey: "statistics-dashboard-panels-order",
+ });
+
+ useEffect(() => {
+ setIsMounted(true);
+ }, []);
+
+ useEffect(() => {
+ if (!userInfo) return;
+ const initialPanels = getInitialPanels({
+ dashboardParams: {
+ statsYr: String(dayjs().year() - 1),
+ dtlInstCd: userInfo.dtlInstCd,
+ enoCd: userInfo.enoCd,
+ laeSeCd: userInfo.laeSeCd,
+ },
+ scheduleInfoParams: {
+ statsYr: String(dayjs().year() - 1),
+ },
+ });
+ setInitialPanels(initialPanels);
+ }, [userInfo]);
+
+ return (
+ <>
+ {isMounted && initialPanels.length > 0 ? (
+
+ p.id)}
+ strategy={rectSortingStrategy}
+ >
+
+ {panels.map((panel) => (
+
+ {panel.component}
+
+ ))}
+
+
+
+ ) : (
+
+
+
+
+
+
+
+
+ )}
+
+ );
+}
+
+export default Dashboard;
diff --git a/apps/st/src/components/statistics/input/SewagePipeInp.tsx b/apps/st/src/components/statistics/input/SewagePipeInp.tsx
index 91eaaacc3..5ea57e205 100644
--- a/apps/st/src/components/statistics/input/SewagePipeInp.tsx
+++ b/apps/st/src/components/statistics/input/SewagePipeInp.tsx
@@ -1,4 +1,4 @@
-import { useState, useMemo, useRef } from "react";
+import { useState, useMemo, useRef, useEffect } from "react";
import SearchForm from "@/components/module/SearchForm";
import DataGrid from "@/components/module/DataGrid";
@@ -7,41 +7,44 @@ import GridTopActionButton from "@/components/module/GridTopActionButton";
import SubmitButton from "@/components/button/SumitButton";
import SaveButton from "@/components/button/SaveButton";
import LastYearDataButton from "@/components/button/LastYearDataButton";
-import SubmitExceptionButton from "@/components/button/SubmitExceptionButton";
+import VerificationResultButton from "@/components/button/VerificationResultButton";
+import { VerificationResultHistoryDialog } from "@/components/module/VerificationResultHistoryDialog";
import { SewagePipeInpColumnInfoList } from "@/components/util/column/input/sewagePipe/SewagePipeInpColumn";
import type { ColumnInfo, ColumnInfoList, ColumnConfig } from "@/components/type/DataGrid.type";
import type { SearchFormValues } from "@/components/type/SearchForm.type";
-import { useAlertStore } from "@/shared/lib";
+import { useAlertStore, useGlobalProgressStore } from "@/shared/lib";
import { useAdminStore } from "@/store/admin-store";
import { statisticsInputSewSupplyRateApi } from "@/entities/statistics/api/input/statistics-input-sew-supply-rate-service";
import { useConfirm } from "@frontend-opensource/use-react-hooks";
import { doList } from "@/components/util/column/input/DoList";
import { statisticsInputSewPipeApiService } from "@/entities/statistics/api/input/statistics-sewage-pipe-input-service";
import type {
+ SeweragePipeInputFactInstallStatusSaveRequest,
SeweragePipeInputRegionalFactStatusSaveRequest,
SeweragePipeInputStatusInfo,
+ SeweragePipeInputVerificationResult,
SeweragePipeRequestParams,
} from "@/entities/statistics/model/input/statistics-sewage-pipe-input-interface";
+import { isInputPeriodCurrent } from "@/entities/statistics/model/input/statistics-sewage-supply-rate-input-interface";
+import { FactInstallStatusInpColumn } from "@/components/util/column/input/sewagePipe/FactInstallStatusInpColumn";
import { RegionalFactStatusInpColumn } from "@/components/util/column/input/sewagePipe/RegionalFactStatusInpColumn";
import { toGridRows } from "@/components/util/grid/gridFunction";
import { LoadingWithAnimation, Tabs, TabsContent, TabsList, TabsTrigger } from "@common/components";
import { getUserInfo } from "../../../../../../packages/common/components/src/api";
-const applyEnterableFromStatus = (
+/** 탭별 status + 입력기간으로 편집 가능 여부 */
+const computeTabEnterable = (
statusInfo: SeweragePipeInputStatusInfo | null | undefined,
periodEnterable: boolean,
- setIsEnterable: (v: boolean) => void
-) => {
+): boolean => {
if (statusInfo?.laeSbmsnSttsCd) {
if (["2", "3"].includes(statusInfo.laeSbmsnSttsCd)) {
- setIsEnterable(false);
- } else {
- setIsEnterable(periodEnterable);
+ return false;
}
- } else {
- setIsEnterable(periodEnterable);
+ return periodEnterable;
}
+ return periodEnterable;
};
function buildSewagePipeSearchParam(
@@ -58,6 +61,10 @@ function buildSewagePipeSearchParam(
}
/** ST00020006(연결)은 행이 좌·우 그리드 키에만 있음 */
+type GridRowWithVerification = Record & {
+ verificationResult?: SeweragePipeInputVerificationResult;
+};
+
function tabRowDataExists(
m: Map[]>,
tabKey: string,
@@ -74,6 +81,43 @@ function tabRowDataExists(
return Array.isArray(rows) && rows.length > 0;
}
+/** 조회 직후 해당 탭에만 저장하는 상단 툴바 노출 조건 */
+type TabToolbarSnapshot = {
+ showSaveInToolbar: boolean;
+ showEnterableToolbarButtons: boolean;
+ showActionToolbarCard: boolean;
+};
+
+function buildGugunOkForToolbar(values: SearchFormValues | null): boolean {
+ return doList.includes(values?.bsnmCd || "")
+ ? Boolean(values?.gugun && values.gugun !== "ALL")
+ : true;
+}
+
+/**
+ * @param searchContext 조회에 사용된 검색값(해당 요청 기준으로 구군·사업자 조건 반영)
+ * @param treatAsSearched (hasRow || 이 값) 일 때 카드 후보 — load 내부에서는 searchDoneRef 반영용
+ */
+function computeTabToolbarSnapshot(
+ statusInfo: SeweragePipeInputStatusInfo | null,
+ hasRowData: boolean,
+ treatAsSearched: boolean,
+ searchContext: SearchFormValues | null,
+ periodEnterable: boolean,
+ isAdminInfo: boolean,
+): TabToolbarSnapshot {
+ const gugunOk = buildGugunOkForToolbar(searchContext);
+ const enterable = computeTabEnterable(statusInfo, periodEnterable);
+ const showSaveInToolbar = (enterable || isAdminInfo) && gugunOk;
+ const showEnterableToolbarButtons = enterable && gugunOk;
+ const showActionToolbarCard =
+ (hasRowData || treatAsSearched) &&
+ (showSaveInToolbar ||
+ (statusInfo?.laeSbmsnSttsCd === "2" &&
+ (isAdminInfo || (enterable && gugunOk))));
+ return { showSaveInToolbar, showEnterableToolbarButtons, showActionToolbarCard };
+}
+
// 하수도 통계 관리 > 02. 하수관로
const SewagePipeInp = () => {
const [rowDataMap, setRowDataMap] = useState[]>>(new Map());
@@ -81,19 +125,31 @@ const SewagePipeInp = () => {
const [activeTab, setActiveTab] = useState(SewagePipeInpColumnInfoList[0]?.tabKey ?? "ST00020001");
const [isLoading, setIsLoading] = useState(false);
const [searchValues, setSearchValues] = useState(null);
- const [isEnterable, setIsEnterable] = useState(true);
const [lastSearchedYear, setLastSearchedYear] = useState(null);
const [lastSearchedValues, setLastSearchedValues] = useState(null);
- const [statusInfo, setStatusInfo] = useState(null);
+ const [tabStatusInfoMap, setTabStatusInfoMap] = useState>(new Map());
// const [showDailog, setShowDailog] = useState(false);
// const [isExceptionSubmitFlow, setIsExceptionSubmitFlow] = useState(false);
- const [_statsCd, setStatsCd] = useState('');
+ const [statsCd, setStatsCd] = useState('');
+ const [tabStatsCdMap, setTabStatsCdMap] = useState>(new Map());
+ const [verificationHistoryOpen, setVerificationHistoryOpen] = useState(false);
/** API 연결 전에도 검색 후 툴바 등 UI를 쓸 수 있게 함 */
const [hasSearched, setHasSearched] = useState(false);
- // const { confirm } = useConfirm();
+ /** checkInputPeriod — columnInfo useMemo가 입력기간 변경을 반영하도록 state로도 유지 */
+ const [inputPeriodEnterable, setInputPeriodEnterable] = useState(true);
+ /** 탭별 조회 시점의 상단 버튼 노출 조건(해당 탭을 다시 조회할 때만 그 탭 항목 갱신) */
+ const [toolbarSnapshotByTab, setToolbarSnapshotByTab] = useState>(
+ () => new Map(),
+ );
+ const { confirm } = useConfirm();
+ const showGlobalProgress = useGlobalProgressStore((state) => state.show);
+ const setGlobalProgress = useGlobalProgressStore((state) => state.setProgress);
+ const hideGlobalProgress = useGlobalProgressStore((state) => state.hide);
+ const globalProgressVisible = useGlobalProgressStore((state) => state.visible);
const { isAdminInfo } = useAdminStore();
const getGridDataRef = useRef<(() => Record[]) | null>(null);
+ const getFactInstallGridDataRef = useRef<(() => Record[]) | null>(null);
const searchParamRef = useRef(null);
/** 검색 시 checkInputPeriod 결과 — 탭 전환 지연 조회 시 편집 가능 여부와 동일하게 맞춤 */
const periodEnterableRef = useRef(true);
@@ -102,23 +158,41 @@ const SewagePipeInp = () => {
const lazyTabLoggedRef = useRef>(new Set());
const firstTabKey = SewagePipeInpColumnInfoList[0]?.tabKey ?? "ST00020001";
+ const activeTabRef = useRef(firstTabKey);
+
+ useEffect(() => {
+ activeTabRef.current = activeTab;
+ }, [activeTab]);
+
+ const syncTopStatusIfStillOnTab = (loadedTabKey: string, nextStatsCd: string) => {
+ if (loadedTabKey === activeTabRef.current) {
+ setStatsCd(nextStatsCd);
+ }
+ };
const handleReset = () => {
setRowDataMap(new Map());
- setStatusInfo(null);
+ setTabStatusInfoMap(new Map());
+ setTabStatsCdMap(new Map());
setLastSearchedYear(null);
setLastSearchedValues(null);
setHasSearched(false);
+ setInputPeriodEnterable(true);
+ setToolbarSnapshotByTab(new Map());
searchParamRef.current = null;
searchDoneRef.current = false;
lazyTabLoggedRef.current.clear();
periodEnterableRef.current = true;
+ activeTabRef.current = firstTabKey;
setActiveTab(firstTabKey);
+ setStatsCd("");
};
const columnInfo = useMemo(() => {
- const canEdit = isEnterable || isAdminInfo;
return SewagePipeInpColumnInfoList.map((tab: ColumnInfoList) => {
+ const canEdit =
+ computeTabEnterable(tabStatusInfoMap.get(tab.tabKey) ?? null, inputPeriodEnterable) ||
+ isAdminInfo;
const applyEditable = (cols: ColumnConfig[] | undefined) =>
(cols ?? []).map((col: ColumnConfig) =>
canEdit
@@ -138,14 +212,36 @@ const SewagePipeInp = () => {
columns: applyEditable(tab.columns),
};
});
- }, [isEnterable, isAdminInfo]);
+ }, [tabStatusInfoMap, isAdminInfo, inputPeriodEnterable]);
+
+ const commitToolbarSnapshotForLoadedTab = (
+ tabKey: string,
+ statusInfo: SeweragePipeInputStatusInfo | null,
+ hasRowData: boolean,
+ searchContext: SearchFormValues,
+ ) => {
+ setToolbarSnapshotByTab((prev) => {
+ const next = new Map(prev);
+ next.set(
+ tabKey,
+ computeTabToolbarSnapshot(
+ statusInfo,
+ hasRowData,
+ searchDoneRef.current,
+ searchContext,
+ periodEnterableRef.current,
+ isAdminInfo,
+ ),
+ );
+ return next;
+ });
+ };
/** mergeIntoExistingMap: true면 기존 맵에 병합(다른 탭 rowData·검색 후 다른 탭 캐시 유지). false면 맵 전체 교체 */
const loadSewagePipeActiveTabData = async (
tabKey: string,
searchParam: SeweragePipeRequestParams,
values: SearchFormValues,
- checkEnterable: boolean,
mergeIntoExistingMap: boolean,
updateLastSearchedValues: boolean,
): Promise => {
@@ -172,10 +268,16 @@ const SewagePipeInp = () => {
...d,
}));
applyRowMap((m) => m.set('ST00020001', toGridRows(convertedData)));
- setStatusInfo(response.data.statusInfo);
- setStatsCd(commonInfo.statsCd);
- applyEnterableFromStatus(response.data.statusInfo, checkEnterable, setIsEnterable);
+ setTabStatusInfoMap((prev) => new Map(prev).set(tabKey, response.data.statusInfo));
+ setTabStatsCdMap((prev) => new Map(prev).set(tabKey, commonInfo.statsCd));
+ syncTopStatusIfStillOnTab(tabKey, commonInfo.statsCd);
if (updateLastSearchedValues) setLastSearchedValues(values);
+ commitToolbarSnapshotForLoadedTab(
+ tabKey,
+ response.data.statusInfo,
+ convertedData.length > 0,
+ values,
+ );
return true;
}
alert(response.message || '데이터 조회 중 오류가 발생했습니다.');
@@ -190,10 +292,16 @@ const SewagePipeInp = () => {
...d,
}));
applyRowMap((m) => m.set('ST00020002', toGridRows(convertedData)));
- setStatusInfo(response.data.statusInfo);
- setStatsCd(commonInfo.statsCd);
- applyEnterableFromStatus(response.data.statusInfo, checkEnterable, setIsEnterable);
+ setTabStatusInfoMap((prev) => new Map(prev).set(tabKey, response.data.statusInfo));
+ setTabStatsCdMap((prev) => new Map(prev).set(tabKey, commonInfo.statsCd));
+ syncTopStatusIfStillOnTab(tabKey, commonInfo.statsCd);
if (updateLastSearchedValues) setLastSearchedValues(values);
+ commitToolbarSnapshotForLoadedTab(
+ tabKey,
+ response.data.statusInfo,
+ convertedData.length > 0,
+ values,
+ );
return true;
}
alert(response.message || '데이터 조회 중 오류가 발생했습니다.');
@@ -208,10 +316,16 @@ const SewagePipeInp = () => {
...d,
}));
applyRowMap((m) => m.set('ST00020003', toGridRows(convertedData)));
- setStatusInfo(response.data.statusInfo);
- setStatsCd(commonInfo.statsCd);
- applyEnterableFromStatus(response.data.statusInfo, checkEnterable, setIsEnterable);
+ setTabStatusInfoMap((prev) => new Map(prev).set(tabKey, response.data.statusInfo));
+ setTabStatsCdMap((prev) => new Map(prev).set(tabKey, commonInfo.statsCd));
+ syncTopStatusIfStillOnTab(tabKey, commonInfo.statsCd);
if (updateLastSearchedValues) setLastSearchedValues(values);
+ commitToolbarSnapshotForLoadedTab(
+ tabKey,
+ response.data.statusInfo,
+ convertedData.length > 0,
+ values,
+ );
return true;
}
alert(response.message || '데이터 조회 중 오류가 발생했습니다.');
@@ -226,10 +340,16 @@ const SewagePipeInp = () => {
...d,
}));
applyRowMap((m) => m.set('ST00020004', toGridRows(convertedData)));
- setStatusInfo(response.data.statusInfo);
- setStatsCd(commonInfo.statsCd);
- applyEnterableFromStatus(response.data.statusInfo, checkEnterable, setIsEnterable);
+ setTabStatusInfoMap((prev) => new Map(prev).set(tabKey, response.data.statusInfo));
+ setTabStatsCdMap((prev) => new Map(prev).set(tabKey, commonInfo.statsCd));
+ syncTopStatusIfStillOnTab(tabKey, commonInfo.statsCd);
if (updateLastSearchedValues) setLastSearchedValues(values);
+ commitToolbarSnapshotForLoadedTab(
+ tabKey,
+ response.data.statusInfo,
+ convertedData.length > 0,
+ values,
+ );
return true;
}
alert(response.message || '데이터 조회 중 오류가 발생했습니다.');
@@ -244,10 +364,16 @@ const SewagePipeInp = () => {
...d,
}));
applyRowMap((m) => m.set('ST00020005', toGridRows(convertedData)));
- setStatusInfo(response.data.statusInfo);
- setStatsCd(commonInfo.statsCd);
- applyEnterableFromStatus(response.data.statusInfo, checkEnterable, setIsEnterable);
+ setTabStatusInfoMap((prev) => new Map(prev).set(tabKey, response.data.statusInfo));
+ setTabStatsCdMap((prev) => new Map(prev).set(tabKey, commonInfo.statsCd));
+ syncTopStatusIfStillOnTab(tabKey, commonInfo.statsCd);
if (updateLastSearchedValues) setLastSearchedValues(values);
+ commitToolbarSnapshotForLoadedTab(
+ tabKey,
+ response.data.statusInfo,
+ convertedData.length > 0,
+ values,
+ );
return true;
}
alert(response.message || '데이터 조회 중 오류가 발생했습니다.');
@@ -268,10 +394,16 @@ const SewagePipeInp = () => {
m.set('treatmentPlantConnectionInp', toGridRows(facilityConvertedData));
m.set('adminAreaConnectionInp', toGridRows(adminConvertedData));
});
- setStatusInfo(response.data.statusInfo);
- setStatsCd(commonInfo.statsCd);
- applyEnterableFromStatus(response.data.statusInfo, checkEnterable, setIsEnterable);
+ setTabStatusInfoMap((prev) => new Map(prev).set(tabKey, response.data.statusInfo));
+ setTabStatsCdMap((prev) => new Map(prev).set(tabKey, commonInfo.statsCd));
+ syncTopStatusIfStillOnTab(tabKey, commonInfo.statsCd);
if (updateLastSearchedValues) setLastSearchedValues(values);
+ commitToolbarSnapshotForLoadedTab(
+ tabKey,
+ response.data.statusInfo,
+ facilityConvertedData.length > 0 || adminConvertedData.length > 0,
+ values,
+ );
return true;
}
alert(response.message || '데이터 조회 중 오류가 발생했습니다.');
@@ -281,7 +413,6 @@ const SewagePipeInp = () => {
setRowDataMap(new Map());
}
if (updateLastSearchedValues) setLastSearchedValues(values);
- applyEnterableFromStatus(null, checkEnterable, setIsEnterable);
return true;
};
@@ -299,8 +430,21 @@ const SewagePipeInp = () => {
return;
}
- const checkEnterable = periodResponse.data;
- periodEnterableRef.current = checkEnterable;
+ const periodOk = isInputPeriodCurrent(periodResponse.data);
+ periodEnterableRef.current = periodOk;
+ setInputPeriodEnterable(periodOk);
+
+ /** 연도가 바뀐 검색만 전 탭 캐시 초기화 + 첫 탭으로 이동. 연도 외 조건만 바뀌면 다른 탭은 이전 조회 데이터 유지 */
+ const yearChangedFromLastSearch =
+ lastSearchedValues != null &&
+ (lastSearchedValues.year ?? "") !== (values.year ?? "");
+ if (yearChangedFromLastSearch) {
+ setRowDataMap(new Map());
+ setTabStatusInfoMap(new Map());
+ setTabStatsCdMap(new Map());
+ setStatsCd("");
+ setToolbarSnapshotByTab(new Map());
+ }
lazyTabLoggedRef.current.clear();
@@ -312,7 +456,15 @@ const SewagePipeInp = () => {
setHasSearched(true);
setLastSearchedYear(values.year ?? null);
- await loadSewagePipeActiveTabData(activeTab, searchParam, values, checkEnterable, true, true);
+ const tabKeyToLoad = yearChangedFromLastSearch ? firstTabKey : activeTab;
+
+ if (yearChangedFromLastSearch) {
+ activeTabRef.current = firstTabKey;
+ setActiveTab(firstTabKey);
+ } else {
+ activeTabRef.current = activeTab;
+ }
+ await loadSewagePipeActiveTabData(tabKeyToLoad, searchParam, values, true, true);
} catch {
alert('데이터 조회 중 오류가 발생했습니다.');
} finally {
@@ -321,7 +473,9 @@ const SewagePipeInp = () => {
};
const handleActiveTabChange = async (tabKey: string) => {
+ activeTabRef.current = tabKey;
setActiveTab(tabKey);
+ setStatsCd(tabStatsCdMap.get(tabKey) ?? "");
const hasActiveTabData = tabRowDataExists(rowDataMap, tabKey);
@@ -339,14 +493,7 @@ const SewagePipeInp = () => {
try {
setIsLoading(true);
- const ok = await loadSewagePipeActiveTabData(
- tabKey,
- searchParam,
- values,
- periodEnterableRef.current,
- true,
- false,
- );
+ const ok = await loadSewagePipeActiveTabData(tabKey, searchParam, values, true, false);
if (ok) lazyTabLoggedRef.current.add(tabKey);
} catch {
alert('데이터 조회 중 오류가 발생했습니다.');
@@ -355,11 +502,6 @@ const SewagePipeInp = () => {
}
};
- const SubmitExceptionFunc = () => {
- console.log('submit exception');
- // 예외 제출 로직
- };
-
const getLastYearDataFunc = async () => {
const values = lastSearchedValues ?? searchValues;
if (!values?.sido || values.sido === 'ALL') {
@@ -373,7 +515,7 @@ const SewagePipeInp = () => {
try {
setIsLoading(true);
const param = buildSewagePipeSearchParam(values, { mode: 'PRE' });
- await loadSewagePipeActiveTabData(activeTab, param, values, periodEnterableRef.current, true, false);
+ await loadSewagePipeActiveTabData(activeTab, param, values, true, false);
} catch {
alert('데이터 조회 중 오류가 발생했습니다.');
} finally {
@@ -386,115 +528,237 @@ const SewagePipeInp = () => {
// 제출 로직
};
- const saveFunc = async () => {
- if (activeTab !== "ST00020001") {
+ const refreshConnectionStatusAfterPopupSave = async () => {
+ const searchParam = searchParamRef.current;
+ const values = lastSearchedValues ?? searchValues;
+ if (!searchParam || !values) return;
+ await loadSewagePipeActiveTabData("ST00020006", searchParam, values, true, false);
+ };
+
+ const openVerificationHistoryDialog = () => {
+ const activeTabStatsCd = tabStatsCdMap.get(activeTab) ?? statsCd;
+ if (!searchValues?.year || !searchValues?.sido || !searchValues?.bsnmCd || !activeTabStatsCd) {
+ alert("먼저 조회를 진행해주세요.");
return;
}
+ setVerificationHistoryOpen(true);
+ };
+
+ const saveFunc = async () => {
+ if (!(await confirm("저장 하시겠습니까?"))) return;
+
+ const values = lastSearchedValues ?? searchValues;
+ if (!values?.year) {
+ alert("검색 후 저장해 주세요.");
+ return;
+ }
+
try {
- const currentData = getGridDataRef.current?.();
- if (!currentData || currentData.length === 0) {
- alert("저장할 데이터가 없습니다.");
- return;
- }
- const values = lastSearchedValues ?? searchValues;
- if (!values?.year) {
- alert("검색 후 저장해 주세요.");
- return;
- }
+ showGlobalProgress({ label: "저장 진행 중...", progress: 0 });
- const columnFormatMap = new Map();
- RegionalFactStatusInpColumn.columns.forEach((col) => {
- if (col.fieldName && col.dataFormat) {
- columnFormatMap.set(col.fieldName, col.dataFormat);
+ switch (activeTab) {
+ case "ST00020001": {
+ const currentData = getGridDataRef.current?.();
+ if (!currentData || currentData.length === 0) {
+ alert("저장할 데이터가 없습니다.");
+ return;
+ }
+
+ const columnFormatMap = new Map();
+ RegionalFactStatusInpColumn.columns.forEach((col) => {
+ if (col.fieldName && col.dataFormat) {
+ columnFormatMap.set(col.fieldName, col.dataFormat);
+ }
+ });
+
+ const formatNumber = (value: string | number | null | undefined, fieldName: string): number => {
+ if (value === null || value === undefined || value === "") return 0;
+ const num = typeof value === "string" ? parseFloat(value.replace(/,/g, "")) : value;
+ if (isNaN(num)) return 0;
+ const format = columnFormatMap.get(fieldName);
+ if (!format) return num;
+ const decimalPlaces = format.match(/\.(\d+)/)?.[1]?.length ?? 0;
+ return decimalPlaces > 0 ? parseFloat(num.toFixed(decimalPlaces)) : Math.round(num);
+ };
+
+ const userInfo = await getUserInfo();
+
+ const saveList = currentData.map((d) => ({
+ admdstCd: String(d.admdstCd ?? ""),
+ sggNm: String(d.sggNm ?? ""),
+ admdstNm: String(d.admdstNm ?? ""),
+ goalYr: String(d.goalYr ?? ""),
+ wholPplMtncPlanPrlg: formatNumber(d.wholPplMtncPlanPrlg, "wholPplMtncPlanPrlg"),
+ wholPlanPrlg: formatNumber(d.wholPlanPrlg, "wholPlanPrlg"),
+ wholFcltPrlg: formatNumber(d.wholFcltPrlg, "wholFcltPrlg"),
+ swagePplPsplyRt: formatNumber(d.swagePplPsplyRt, "swagePplPsplyRt"),
+ cbsysPplMtncPlanArea: formatNumber(d.cbsysPplMtncPlanArea, "cbsysPplMtncPlanArea"),
+ cbsysPplMtncPlanPrlg: formatNumber(d.cbsysPplMtncPlanPrlg, "cbsysPplMtncPlanPrlg"),
+ cbsysPlanPrlg: formatNumber(d.cbsysPlanPrlg, "cbsysPlanPrlg"),
+ cbsysFcltPrlg: formatNumber(d.cbsysFcltPrlg, "cbsysFcltPrlg"),
+ cbsysSqrePrlg: formatNumber(d.cbsysSqrePrlg, "cbsysSqrePrlg"),
+ cbsysCiclPrlg: formatNumber(d.cbsysCiclPrlg, "cbsysCiclPrlg"),
+ cbsysOpnPrlg: formatNumber(d.cbsysOpnPrlg, "cbsysOpnPrlg"),
+ cbsysGttrPrlg: formatNumber(d.cbsysGttrPrlg, "cbsysGttrPrlg"),
+ drtwPplMtncPlanArea: formatNumber(d.drtwPplMtncPlanArea, "drtwPplMtncPlanArea"),
+ drtwPplMtncPlanPrlg: formatNumber(d.drtwPplMtncPlanPrlg, "drtwPplMtncPlanPrlg"),
+ drtwPplPlanPrlg: formatNumber(d.drtwPplPlanPrlg, "drtwPplPlanPrlg"),
+ drtwPplFcltPrlg: formatNumber(d.drtwPplFcltPrlg, "drtwPplFcltPrlg"),
+ drtwPplSqrePrlg: formatNumber(d.drtwPplSqrePrlg, "drtwPplSqrePrlg"),
+ drtwPplCiclPrlg: formatNumber(d.drtwPplCiclPrlg, "drtwPplCiclPrlg"),
+ exlnPplMtncPlanArea: formatNumber(d.exlnPplMtncPlanArea, "exlnPplMtncPlanArea"),
+ exlnPplMtncPlanPrlg: formatNumber(d.exlnPplMtncPlanPrlg, "exlnPplMtncPlanPrlg"),
+ exlnPplPlanPrlg: formatNumber(d.exlnPplPlanPrlg, "exlnPplPlanPrlg"),
+ exlnPplFcltPrlg: formatNumber(d.exlnPplFcltPrlg, "exlnPplFcltPrlg"),
+ exlnPplSqrePrlg: formatNumber(d.exlnPplSqrePrlg, "exlnPplSqrePrlg"),
+ exlnPplCiclPrlg: formatNumber(d.exlnPplCiclPrlg, "exlnPplCiclPrlg"),
+ exlnPplOpnPrlg: formatNumber(d.exlnPplOpnPrlg, "exlnPplOpnPrlg"),
+ exlnPplGttrPrlg: formatNumber(d.exlnPplGttrPrlg, "exlnPplGttrPrlg"),
+ cbsysMnhlCnt: formatNumber(d.cbsysMnhlCnt, "cbsysMnhlCnt"),
+ sprsysDrtwMnhlCnt: formatNumber(d.sprsysDrtwMnhlCnt, "sprsysDrtwMnhlCnt"),
+ sprsysExlnMnhlCnt: formatNumber(d.sprsysExlnMnhlCnt, "sprsysExlnMnhlCnt"),
+ drtwRcvprpCnt: formatNumber(d.drtwRcvprpCnt, "drtwRcvprpCnt"),
+ exlnRcvprpCnt: formatNumber(d.exlnRcvprpCnt, "exlnRcvprpCnt"),
+ stofcbrCnt: formatNumber(d.stofcbrCnt, "stofcbrCnt"),
+ exlnOtflCnt: formatNumber(d.exlnOtflCnt, "exlnOtflCnt"),
+ sewerLdgrEdpPrlg: formatNumber(d.sewerLdgrEdpPrlg, "sewerLdgrEdpPrlg"),
+ sewerLdgrEdpRt: formatNumber(d.sewerLdgrEdpRt, "sewerLdgrEdpRt"),
+ rmrk: (d.rmrk as string | null) ?? null,
+ }));
+
+ const param: SeweragePipeInputRegionalFactStatusSaveRequest = {
+ statsYr: values.year ?? "",
+ ctpvNm: values.sido ?? "",
+ sggNm: values.gugun === "ALL" ? "" : (values.gugun ?? ""),
+ sewerBzmnCd: values.bsnmCd ?? "",
+ userId: userInfo.userUnqId,
+ superAdmin: isAdminInfo ? "superAdmin" : "",
+ saveList,
+ };
+
+ const response =
+ await statisticsInputSewPipeApiService.saveRegionalFactStatus(param);
+ if (response.status === "success") {
+ setGlobalProgress(50);
+ const refreshedParam = buildSewagePipeSearchParam(values);
+ await loadSewagePipeActiveTabData(activeTab, refreshedParam, values, true, false);
+ setGlobalProgress(100);
+ alert("저장되었습니다.");
+ } else {
+ alert(response.message || "데이터 저장 중 오류가 발생했습니다.");
+ }
+ break;
}
- });
+ case "ST00020002": {
+ const currentData = getFactInstallGridDataRef.current?.();
+ if (!currentData || currentData.length === 0) {
+ alert("저장할 데이터가 없습니다.");
+ return;
+ }
- const formatNumber = (value: string | number | null | undefined, fieldName: string): number => {
- if (value === null || value === undefined || value === "") return 0;
- const num = typeof value === "string" ? parseFloat(value.replace(/,/g, "")) : value;
- if (isNaN(num)) return 0;
- const format = columnFormatMap.get(fieldName);
- if (!format) return num;
- const decimalPlaces = format.match(/\.(\d+)/)?.[1]?.length ?? 0;
- return decimalPlaces > 0 ? parseFloat(num.toFixed(decimalPlaces)) : Math.round(num);
- };
+ const columnFormatMap = new Map();
+ FactInstallStatusInpColumn.columns.forEach((col) => {
+ if (col.fieldName && col.dataFormat) {
+ columnFormatMap.set(col.fieldName, col.dataFormat);
+ }
+ });
- const userInfo = await getUserInfo();
+ const formatNumber = (value: string | number | null | undefined, fieldName: string): number => {
+ if (value === null || value === undefined || value === "") return 0;
+ const num = typeof value === "string" ? parseFloat(value.replace(/,/g, "")) : value;
+ if (isNaN(num)) return 0;
+ const format = columnFormatMap.get(fieldName);
+ if (!format) return num;
+ const decimalPlaces = format.match(/\.(\d+)/)?.[1]?.length ?? 0;
+ return decimalPlaces > 0 ? parseFloat(num.toFixed(decimalPlaces)) : Math.round(num);
+ };
- const saveList = currentData.map((d) => ({
- admdstCd: String(d.admdstCd ?? ""),
- sggNm: String(d.sggNm ?? ""),
- admdstNm: String(d.admdstNm ?? ""),
- goalYr: String(d.goalYr ?? ""),
- wholPplMtncPlanPrlg: formatNumber(d.wholPplMtncPlanPrlg, "wholPplMtncPlanPrlg"),
- wholPlanPrlg: formatNumber(d.wholPlanPrlg, "wholPlanPrlg"),
- wholFcltPrlg: formatNumber(d.wholFcltPrlg, "wholFcltPrlg"),
- swagePplPsplyRt: formatNumber(d.swagePplPsplyRt, "swagePplPsplyRt"),
- cbsysPplMtncPlanArea: formatNumber(d.cbsysPplMtncPlanArea, "cbsysPplMtncPlanArea"),
- cbsysPplMtncPlanPrlg: formatNumber(d.cbsysPplMtncPlanPrlg, "cbsysPplMtncPlanPrlg"),
- cbsysPlanPrlg: formatNumber(d.cbsysPlanPrlg, "cbsysPlanPrlg"),
- cbsysFcltPrlg: formatNumber(d.cbsysFcltPrlg, "cbsysFcltPrlg"),
- cbsysSqrePrlg: formatNumber(d.cbsysSqrePrlg, "cbsysSqrePrlg"),
- cbsysCiclPrlg: formatNumber(d.cbsysCiclPrlg, "cbsysCiclPrlg"),
- cbsysOpnPrlg: formatNumber(d.cbsysOpnPrlg, "cbsysOpnPrlg"),
- cbsysGttrPrlg: formatNumber(d.cbsysGttrPrlg, "cbsysGttrPrlg"),
- drtwPplMtncPlanArea: formatNumber(d.drtwPplMtncPlanArea, "drtwPplMtncPlanArea"),
- drtwPplMtncPlanPrlg: formatNumber(d.drtwPplMtncPlanPrlg, "drtwPplMtncPlanPrlg"),
- drtwPplPlanPrlg: formatNumber(d.drtwPplPlanPrlg, "drtwPplPlanPrlg"),
- drtwPplFcltPrlg: formatNumber(d.drtwPplFcltPrlg, "drtwPplFcltPrlg"),
- drtwPplSqrePrlg: formatNumber(d.drtwPplSqrePrlg, "drtwPplSqrePrlg"),
- drtwPplCiclPrlg: formatNumber(d.drtwPplCiclPrlg, "drtwPplCiclPrlg"),
- exlnPplMtncPlanArea: formatNumber(d.exlnPplMtncPlanArea, "exlnPplMtncPlanArea"),
- exlnPplMtncPlanPrlg: formatNumber(d.exlnPplMtncPlanPrlg, "exlnPplMtncPlanPrlg"),
- exlnPplPlanPrlg: formatNumber(d.exlnPplPlanPrlg, "exlnPplPlanPrlg"),
- exlnPplFcltPrlg: formatNumber(d.exlnPplFcltPrlg, "exlnPplFcltPrlg"),
- exlnPplSqrePrlg: formatNumber(d.exlnPplSqrePrlg, "exlnPplSqrePrlg"),
- exlnPplCiclPrlg: formatNumber(d.exlnPplCiclPrlg, "exlnPplCiclPrlg"),
- exlnPplOpnPrlg: formatNumber(d.exlnPplOpnPrlg, "exlnPplOpnPrlg"),
- exlnPplGttrPrlg: formatNumber(d.exlnPplGttrPrlg, "exlnPplGttrPrlg"),
- cbsysMnhlCnt: formatNumber(d.cbsysMnhlCnt, "cbsysMnhlCnt"),
- sprsysDrtwMnhlCnt: formatNumber(d.sprsysDrtwMnhlCnt, "sprsysDrtwMnhlCnt"),
- sprsysExlnMnhlCnt: formatNumber(d.sprsysExlnMnhlCnt, "sprsysExlnMnhlCnt"),
- drtwRcvprpCnt: formatNumber(d.drtwRcvprpCnt, "drtwRcvprpCnt"),
- exlnRcvprpCnt: formatNumber(d.exlnRcvprpCnt, "exlnRcvprpCnt"),
- stofcbrCnt: formatNumber(d.stofcbrCnt, "stofcbrCnt"),
- exlnOtflCnt: formatNumber(d.exlnOtflCnt, "exlnOtflCnt"),
- sewerLdgrEdpPrlg: formatNumber(d.sewerLdgrEdpPrlg, "sewerLdgrEdpPrlg"),
- sewerLdgrEdpRt: formatNumber(d.sewerLdgrEdpRt, "sewerLdgrEdpRt"),
- rmrk: (d.rmrk as string | null) ?? null,
- }));
+ const userInfo = await getUserInfo();
- const param: SeweragePipeInputRegionalFactStatusSaveRequest = {
- statsYr: values.year ?? "",
- ctpvNm: values.sido ?? "",
- sggNm: values.gugun === "ALL" ? "" : (values.gugun ?? ""),
- sewerBzmnCd: values.bsnmCd ?? "",
- userId: userInfo.userUnqId,
- superAdmin: isAdminInfo ? "superAdmin" : "",
- saveList,
- };
+ const saveList = currentData.map((d) => ({
+ admdstCd: String(d.admdstCd ?? ""),
+ sggNm: String(d.sggNm ?? ""),
+ admdstNm: String(d.admdstNm ?? ""),
+ fcltSn: String(d.fcltSn ?? ""),
+ swtrmtFcltCd: String(d.swtrmtFcltCd ?? ""),
+ swtrmtFcltNm: String(d.swtrmtFcltNm ?? ""),
+ prcsFcltCpct: formatNumber(d.prcsFcltCpct, "prcsFcltCpct"),
+ prcsZoneArea: formatNumber(d.prcsZoneArea, "prcsZoneArea"),
+ cbsysPrcsZoneArea: formatNumber(d.cbsysPrcsZoneArea, "cbsysPrcsZoneArea"),
+ sprsysPrcsZoneArea: formatNumber(d.sprsysPrcsZoneArea, "sprsysPrcsZoneArea"),
+ sprsysVartnRt: formatNumber(d.sprsysVartnRt, "sprsysVartnRt"),
+ mltvEqpmCnt: formatNumber(d.mltvEqpmCnt, "mltvEqpmCnt"),
+ cbsysMltvEqpmCnt: formatNumber(d.cbsysMltvEqpmCnt, "cbsysMltvEqpmCnt"),
+ sprsysMltvEqpmCnt: formatNumber(d.sprsysMltvEqpmCnt, "sprsysMltvEqpmCnt"),
+ sprsysMltvLnkgCnt: formatNumber(d.sprsysMltvLnkgCnt, "sprsysMltvLnkgCnt"),
+ sprsysMltvYetLnkgCnt: formatNumber(d.sprsysMltvYetLnkgCnt, "sprsysMltvYetLnkgCnt"),
+ wholFcltPrlg: formatNumber(d.wholFcltPrlg, "wholFcltPrlg"),
+ wholIcptgAtlfcsPrlg: formatNumber(d.wholIcptgAtlfcsPrlg, "wholIcptgAtlfcsPrlg"),
+ icptgPrlg: formatNumber(d.icptgPrlg, "icptgPrlg"),
+ atlfcsPrlg: formatNumber(d.atlfcsPrlg, "atlfcsPrlg"),
+ cbsysStofcbrCnt: formatNumber(d.cbsysStofcbrCnt, "cbsysStofcbrCnt"),
+ sprsysStofcbrCnt: formatNumber(d.sprsysStofcbrCnt, "sprsysStofcbrCnt"),
+ sprsysExlnOtflCnt: formatNumber(d.sprsysExlnOtflCnt, "sprsysExlnOtflCnt"),
+ wholBrchlnPrlg: formatNumber(d.wholBrchlnPrlg, "wholBrchlnPrlg"),
+ cbsysBrchlnPrlg: formatNumber(d.cbsysBrchlnPrlg, "cbsysBrchlnPrlg"),
+ exlnBrchlnPrlg: formatNumber(d.exlnBrchlnPrlg, "exlnBrchlnPrlg"),
+ drtwBrchlnPrlg: formatNumber(d.drtwBrchlnPrlg, "drtwBrchlnPrlg"),
+ rmrk: String(d.rmrk ?? ""),
+ }));
- console.log(param);
+ const param: SeweragePipeInputFactInstallStatusSaveRequest = {
+ statsYr: values.year ?? "",
+ ctpvNm: values.sido ?? "",
+ sggNm: values.gugun === "ALL" ? "" : (values.gugun ?? ""),
+ sewerBzmnCd: values.bsnmCd ?? "",
+ userId: userInfo.userUnqId,
+ superAdmin: isAdminInfo ? "superAdmin" : "",
+ saveList,
+ };
+
+ const response =
+ await statisticsInputSewPipeApiService.saveFactInstallStatus(param);
+ if (response.status === "success") {
+ setGlobalProgress(50);
+ const refreshedParam = buildSewagePipeSearchParam(values);
+ await loadSewagePipeActiveTabData(activeTab, refreshedParam, values, true, false);
+ setGlobalProgress(100);
+ alert("저장되었습니다.");
+ } else {
+ alert(response.message || "데이터 저장 중 오류가 발생했습니다.");
+ }
+ break;
+ }
+ default:
+ alert("현재 탭 저장 API 연동 전입니다.");
+ break;
+ }
} catch {
- alert("저장 준비 중 오류가 발생했습니다.");
+ alert("데이터 저장 중 오류가 발생했습니다.");
+ } finally {
+ hideGlobalProgress();
}
};
- const gugunOkOrNotDoList = doList.includes(lastSearchedValues?.bsnmCd || '')
- ? Boolean(lastSearchedValues?.gugun && lastSearchedValues.gugun !== 'ALL')
- : true;
+ const gugunOkOrNotDoList = buildGugunOkForToolbar(lastSearchedValues);
- const showSaveInToolbar = (isEnterable || isAdminInfo) && gugunOkOrNotDoList;
- const showEnterableToolbarButtons = isEnterable && gugunOkOrNotDoList;
+ const searchContextForToolbar = lastSearchedValues ?? searchValues;
+ const activeTabToolbar =
+ toolbarSnapshotByTab.get(activeTab) ??
+ computeTabToolbarSnapshot(
+ tabStatusInfoMap.get(activeTab) ?? null,
+ tabRowDataExists(rowDataMap, activeTab),
+ hasSearched,
+ searchContextForToolbar,
+ inputPeriodEnterable,
+ isAdminInfo,
+ );
- /** rowDataMap — 행이 하나라도 있을 때만 툴바·엑셀 의미 있음 */
- const hasRowData = Array.from(rowDataMap.values()).some((rows) => rows.length > 0);
- const excelToolbarEnabled = hasRowData && isEnterable && gugunOkOrNotDoList;
-
- const showActionToolbarCard =
- (hasRowData || hasSearched) &&
- (showSaveInToolbar ||
- (statusInfo?.laeSbmsnSttsCd === '2' && (isAdminInfo || (isEnterable && gugunOkOrNotDoList))));
+ const {
+ showSaveInToolbar,
+ showEnterableToolbarButtons,
+ showActionToolbarCard,
+ } = activeTabToolbar;
return (
<>
@@ -502,9 +766,11 @@ const SewagePipeInp = () => {
{showActionToolbarCard && (
+
{showEnterableToolbarButtons && (
<>
-
void getLastYearDataFunc()} />
@@ -513,7 +779,7 @@ const SewagePipeInp = () => {
)}
- {isLoading &&
+ {isLoading && !globalProgressVisible &&
@@ -534,6 +800,14 @@ const SewagePipeInp = () => {
{columnInfo.map((info) => {
const tabKey = info.tabKey;
+ const tabEnterableForGrid = computeTabEnterable(
+ tabStatusInfoMap.get(tabKey) ?? null,
+ inputPeriodEnterable,
+ );
+ const excelToolbarEnabledForTab =
+ tabRowDataExists(rowDataMap, tabKey) &&
+ tabEnterableForGrid &&
+ gugunOkOrNotDoList;
if (info.isSplitGrid && info.left && info.right) {
const leftKey = info.left.tabKey || `${tabKey}_left`;
@@ -544,7 +818,7 @@ const SewagePipeInp = () => {
const showSplitTopButton =
Boolean(splitTopButton?.text) &&
(splitTopButton?.visible ?? true) &&
- excelToolbarEnabled;
+ excelToolbarEnabledForTab;
const leftColumnInfo: ColumnInfo = {
columns: info.left.columns ?? [],
columnLayout: info.left.columnLayout ?? [],
@@ -563,6 +837,16 @@ const SewagePipeInp = () => {
text={splitTopButton?.text ?? ""}
onClick={splitTopButton?.onClick}
statsYr={lastSearchedYear ?? undefined}
+ initialSearchValues={
+ lastSearchedValues
+ ? {
+ sido: lastSearchedValues.sido,
+ gugun: lastSearchedValues.gugun,
+ bsnmCd: lastSearchedValues.bsnmCd,
+ }
+ : null
+ }
+ onSaveSuccess={refreshConnectionStatusAfterPopupSave}
/>
)}
@@ -618,6 +902,7 @@ const SewagePipeInp = () => {
return (
{
return next;
});
}}
- isExcelImport={excelToolbarEnabled}
+ isExcelImport={excelToolbarEnabledForTab}
isExcelExport
showHeaderCheckbox={false}
fixedColumns={info.fixedColumns}
enableSort={false}
- getGridDataRef={tabKey === "ST00020001" ? getGridDataRef : undefined}
+ statusInfo={tabStatusInfoMap.get(tabKey) ?? null}
+ getGridDataRef={
+ tabKey === "ST00020001"
+ ? getGridDataRef
+ : tabKey === "ST00020002"
+ ? getFactInstallGridDataRef
+ : undefined
+ }
+ cellStyleCallback={({ row, fieldName }) => {
+ const verification = (row as GridRowWithVerification).verificationResult;
+ if (!verification) return;
+ const errors = verification[fieldName];
+ if (Array.isArray(errors) && errors.length > 0) {
+ const hasImr = errors.some((e) => e.vrfcCd === "IMR");
+ return hasImr ? "rg-cell-verify-error-imr" : "rg-cell-verify-error";
+ }
+ }}
+ cellTooltipCallback={({ row, fieldName }) => {
+ const verification = (row as GridRowWithVerification).verificationResult;
+ if (!verification) return;
+ const errors = verification[fieldName];
+ if (Array.isArray(errors) && errors.length > 0) {
+ return errors
+ .map((e) => {
+ const prefix =
+ e.vrfcCd === "IMR" ? "IMR검증 - " : "일반검증 - ";
+ const comp = e.compVlCn ?? "";
+ const now = e.nowVlCn ?? "";
+ return `${prefix}${e.rsnExpln}(검증 기준값: ${comp} / 현재 입력값: ${now})`;
+ })
+ .filter(Boolean)
+ .join("\n");
+ }
+ }}
/>
);
})}
+
{showEnterableToolbarButtons && (
<>
-
getLastYearDataFunc(searchValues ?? {})} />
submitFunc(false)} />
diff --git a/apps/st/src/components/statistics/management/LogHistory.tsx b/apps/st/src/components/statistics/management/LogHistory.tsx
index e2abaf60d..fdb9a4e1a 100644
--- a/apps/st/src/components/statistics/management/LogHistory.tsx
+++ b/apps/st/src/components/statistics/management/LogHistory.tsx
@@ -12,7 +12,6 @@ import type {
ApiResponse,
SearchCondition,
Sgg,
- StatisticsLog,
StatisticsLogRequest,
} from "@/entities/statistics/model/statistics-interface";
import {
diff --git a/apps/st/src/components/statistics/total/CellColorInfo.tsx b/apps/st/src/components/statistics/total/CellColorInfo.tsx
new file mode 100644
index 000000000..a44ee1879
--- /dev/null
+++ b/apps/st/src/components/statistics/total/CellColorInfo.tsx
@@ -0,0 +1,22 @@
+const CellColorInfo = () => {
+ return (
+
+ );
+};
+
+export default CellColorInfo;
\ No newline at end of file
diff --git a/apps/st/src/components/statistics/total/SewagePipeMaintainTot.tsx b/apps/st/src/components/statistics/total/SewagePipeMaintainTot.tsx
index 12e71151d..a061146c5 100644
--- a/apps/st/src/components/statistics/total/SewagePipeMaintainTot.tsx
+++ b/apps/st/src/components/statistics/total/SewagePipeMaintainTot.tsx
@@ -1,10 +1,202 @@
+import { useRef, useState } from "react";
+
+import { useAlertStore } from "@/shared/lib";
+import { statisticsTotalStatusApi } from "@/entities/statistics/api/statistics-total-service";
+import { LoadingWithAnimation, Tabs, TabsContent, TabsList, TabsTrigger } from "@common/components";
+
import SearchForm from "@/components/module/SearchForm";
+import DataGrid from "@/components/module/DataGrid";
+import type { ColumnInfo } from "@/components/type/DataGrid.type";
+import type { SearchFormValues } from "@/components/type/SearchForm.type";
+import { SewagePipeMaintainColumnListTot } from "@/components/util/column/total/sewagePipeMaintain/sewagePipeMaintainColumn";
+import { toGridRows } from "@/components/util/grid/gridFunction";
+import type { SewagePipeMaintainTotalRequest } from "@/entities/statistics/model/statistics-total/statistics-sewage-pipe-maintain-total-interface";
+
+const firstTabKey = SewagePipeMaintainColumnListTot[0]?.tabKey ?? "ST00030001";
+
+function buildSewagePipeMaintainTotSearchParam(values: SearchFormValues): SewagePipeMaintainTotalRequest {
+ return {
+ ctpvNm: values.sido === "ALL" ? "" : values.sido,
+ sggNm: values.gugun === "ALL" ? "" : values.gugun,
+ sewerBzmnCd: values.bsnmCd,
+ statsYr: values.year,
+ rowDataYn: values.isDetail,
+ };
+}
const SewagePipeMaintainTot = () => {
+ const { setMessage: alert } = useAlertStore((state) => state);
+ const [rowDataMap, setRowDataMap] = useState[]>>(new Map());
+ const [isLoading, setIsLoading] = useState(false);
+ const [activeTab, setActiveTab] = useState(firstTabKey);
+ const lastSearchedValuesRef = useRef(null);
+
+ const columnInfo = SewagePipeMaintainColumnListTot;
+
+ const handleReset = () => {
+ setRowDataMap(new Map());
+ setActiveTab(firstTabKey);
+ lastSearchedValuesRef.current = null;
+ };
+
+ const loadSewagePipeMaintainTotTabData = async (
+ tabKey: string,
+ values: SearchFormValues,
+ mergeIntoExistingMap: boolean,
+ ): Promise => {
+ const param = buildSewagePipeMaintainTotSearchParam(values);
+
+ const applyRows = (rows: Record[]) => {
+ if (mergeIntoExistingMap) {
+ setRowDataMap((prev) => {
+ const next = new Map(prev);
+ next.set(tabKey, rows);
+ return next;
+ });
+ } else {
+ const next = new Map[]>();
+ next.set(tabKey, rows);
+ setRowDataMap(next);
+ }
+ };
+
+ if (tabKey === "ST00030001") {
+ const response = await statisticsTotalStatusApi.getSewagePipeMaintainRepairTotal(param);
+ if (response.status === "success" && response.data) {
+ applyRows(toGridRows(response.data as object[]));
+ return true;
+ }
+ alert(response.message || "데이터 조회 중 오류가 발생했습니다.");
+ return false;
+ }
+
+ if (tabKey === "ST00030002") {
+ const response = await statisticsTotalStatusApi.getSewagePipeMaintainDredgingTotal(param);
+ if (response.status === "success" && response.data) {
+ applyRows(toGridRows(response.data as object[]));
+ return true;
+ }
+ alert(response.message || "데이터 조회 중 오류가 발생했습니다.");
+ return false;
+ }
+
+ return false;
+ };
+
+ const handleSearch = async (values: SearchFormValues) => {
+ try {
+ setIsLoading(true);
+
+ let ok = false;
+ if (activeTab === "ST00030001" || activeTab === "ST00030002") {
+ ok = await loadSewagePipeMaintainTotTabData(activeTab, values, true);
+ }
+ if (ok) {
+ lastSearchedValuesRef.current = values;
+ } else {
+ lastSearchedValuesRef.current = null;
+ }
+ } catch {
+ alert("데이터 조회 중 오류가 발생했습니다.");
+ lastSearchedValuesRef.current = null;
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ const handleActiveTabChange = async (tabKey: string) => {
+ setActiveTab(tabKey);
+
+ const values = lastSearchedValuesRef.current;
+ if (!values) return;
+
+ const existing = rowDataMap.get(tabKey);
+ const hasData = Array.isArray(existing) && existing.length > 0;
+ if (hasData) return;
+
+ if (tabKey === "ST00030001" || tabKey === "ST00030002") {
+ try {
+ setIsLoading(true);
+ await loadSewagePipeMaintainTotTabData(tabKey, values, true);
+ } catch {
+ alert("데이터 조회 중 오류가 발생했습니다.");
+ } finally {
+ setIsLoading(false);
+ }
+ }
+ };
+
return (
- <>
-
-
+
+
+ {isLoading && (
+
+ )}
+
+ void handleActiveTabChange(v)}
+ className="w-full"
+ variant="default"
+ >
+
+ {columnInfo.map((info) => (
+
+ {info.tabLabel || info.tabKey}
+
+ ))}
+
+ {columnInfo.map((info) => {
+ const tabKey = info.tabKey;
+ if (!info.columns || !info.columnLayout) {
+ return null;
+ }
+
+ const rowData = rowDataMap.get(tabKey) ?? [];
+ const gridColumnInfo: ColumnInfo = {
+ columns: info.columns,
+ columnLayout: info.columnLayout,
+ };
+
+ return (
+
+ {
+ setRowDataMap((prev) => {
+ const next = new Map(prev);
+ const cur = next.get(tabKey) ?? [];
+ const n =
+ typeof updater === "function" ? updater(cur) : updater;
+ next.set(tabKey, n);
+ return next;
+ });
+ }}
+ isExcelImport={false}
+ isExcelExport
+ showHeaderCheckbox={false}
+ fixedColumns={info.fixedColumns}
+ enableSort={false}
+ cellStyleCallback={({ row }) => {
+ const rowType = String(row.rowType ?? "");
+ if (rowType === "DETAIL") return undefined;
+ if (rowType === "BIZ_SUM") return "rg-cell-rowtype-biz-sum";
+ return "rg-cell-rowtype-other";
+ }}
+ />
+
+ );
+ })}
+
+
+
-
+
{isLoading && (
@@ -81,7 +175,7 @@ const SewagePipeTot = () => {
void handleActiveTabChange(v)}
className="w-full"
variant="default"
>
diff --git a/apps/st/src/components/statistics/total/SeweragePenetrationRateTot.tsx b/apps/st/src/components/statistics/total/SeweragePenetrationRateTot.tsx
index 2ff60a726..7c5d1ab14 100644
--- a/apps/st/src/components/statistics/total/SeweragePenetrationRateTot.tsx
+++ b/apps/st/src/components/statistics/total/SeweragePenetrationRateTot.tsx
@@ -8,6 +8,7 @@ import { useAlertStore } from "@/shared/lib";
import SearchForm from "@/components/module/SearchForm";
import DataGrid from "@/components/module/DataGrid";
+import CellColorInfo from "./CellColorInfo";
import { LoadingWithAnimation } from "@common/components";
const SeweragePenetrationRateTot = () => {
@@ -19,12 +20,17 @@ const SeweragePenetrationRateTot = () => {
try {
setIsLoading(true);
+ const isSummaryEnabled = values.isSummary !== 'ALL';
+ const summaryYearCnt = isSummaryEnabled ? Number(values.isSummary) : undefined;
+
const param = {
ctpvNm: values.sido === 'ALL' ? '' : values.sido,
sggNm: values.gugun === 'ALL' ? '' : values.gugun,
sewerBzmnCd: values.bsnmCd,
statsYr: values.year,
- rowDataYn: values.isDetail
+ rowDataYn: values.isDetail,
+ summaryYn: isSummaryEnabled,
+ ...(isSummaryEnabled ? { summaryYearCnt } : {}),
};
const response = await statisticsTotalStatusApi.getSewerageSupplyRateList(param);
@@ -35,7 +41,8 @@ const SeweragePenetrationRateTot = () => {
} else {
alert(response.message || '데이터 조회 중 오류가 발생했습니다.');
}
- } catch {
+ } catch (error) {
+ console.log(error)
alert('데이터 조회 중 오류가 발생했습니다.');
} finally {
setIsLoading(false);
@@ -44,12 +51,13 @@ const SeweragePenetrationRateTot = () => {
return (
<>
-
+
{isLoading && }
+
{
const rowType = String(row.rowType ?? '');
if (rowType === 'DETAIL') return undefined;
if (rowType === 'BIZ_SUM') return 'rg-cell-rowtype-biz-sum';
+ if (rowType === 'SUMMARY') return 'rg-cell-rowtype-summary';
return 'rg-cell-rowtype-other';
}}
/>
diff --git a/apps/st/src/components/statistics/total/SewerageServiceLevelTot.tsx b/apps/st/src/components/statistics/total/SewerageServiceLevelTot.tsx
index 275dd7a25..452419dc2 100644
--- a/apps/st/src/components/statistics/total/SewerageServiceLevelTot.tsx
+++ b/apps/st/src/components/statistics/total/SewerageServiceLevelTot.tsx
@@ -1,14 +1,14 @@
-import { useEffect, useMemo, useState } from "react";
+import { useRef, useState } from "react";
import { useAlertStore } from "@/shared/lib";
import { statisticsTotalStatusApi } from "@/entities/statistics/api/statistics-total-service";
import { toGridRows } from "@/components/util/grid/gridFunction";
import SearchForm from "@/components/module/SearchForm";
-import TabDataGrid from "@/components/module/TabDataGrid";
-import { LoadingWithAnimation } from "@common/components";
+import DataGrid from "@/components/module/DataGrid";
+import { LoadingWithAnimation, Tabs, TabsContent, TabsList, TabsTrigger } from "@common/components";
-import type { ColumnConfig, ColumnInfoList } from "@/components/type/DataGrid.type";
+import type { ColumnInfo } from "@/components/type/DataGrid.type";
import type { SearchFormValues } from "@/components/type/SearchForm.type";
import { ComplaintInpColumn } from "@/components/util/column/total/sewerageServiceLevel/ComplaintTotColumn";
import { ResidentFriendlyFactTotColumn } from "@/components/util/column/total/sewerageServiceLevel/ResidentFriendlyFactTotColumn";
@@ -17,81 +17,111 @@ const SewerageServiceLevelInpTabList = [
ComplaintInpColumn,
ResidentFriendlyFactTotColumn,
];
+const SUPPORTED_TAB_KEYS = [ComplaintInpColumn.tabKey, ResidentFriendlyFactTotColumn.tabKey] as const;
const SewerageServiceLevelTot = () => {
const { setMessage: alert } = useAlertStore((state) => state);
const [rowDataMap, setRowDataMap] = useState[]>>(new Map());
const [isLoading, setIsLoading] = useState(false);
const [activeTab, setActiveTab] = useState(ComplaintInpColumn.tabKey);
- const [lastSearchValues, setLastSearchValues] = useState(null);
+ const lastSearchValuesRef = useRef(null);
- const columnInfo = useMemo(
- () =>
- SewerageServiceLevelInpTabList.map((tab: ColumnInfoList) => ({
- ...tab,
- columns: (tab.columns ?? []).map((col: ColumnConfig) => ({
- ...col,
- editable: false as const,
- styleName: col.styleName ?? ("rg-cell-readonly" as const),
- })),
- })),
- [],
- );
+ const columnInfo = SewerageServiceLevelInpTabList;
const handleReset = () => {
setRowDataMap(new Map());
setActiveTab(ComplaintInpColumn.tabKey);
- setLastSearchValues(null);
+ lastSearchValuesRef.current = null;
};
- const fetchByTab = async (tabKey: string, values: SearchFormValues) => {
- try {
- setIsLoading(true);
+ const loadSewerageServiceLevelTotTabData = async (
+ tabKey: string,
+ values: SearchFormValues,
+ mergeIntoExistingMap: boolean,
+ ) => {
+ const param = {
+ ctpvNm: values.sido === "ALL" ? "" : values.sido,
+ sggNm: values.gugun === "ALL" ? "" : values.gugun,
+ sewerBzmnCd: values.bsnmCd,
+ statsYr: values.year,
+ rowDataYn: values.isDetail,
+ };
- const param = {
- ctpvNm: values.sido === "ALL" ? "" : values.sido,
- sggNm: values.gugun === "ALL" ? "" : values.gugun,
- sewerBzmnCd: values.bsnmCd,
- statsYr: values.year,
- rowDataYn: values.isDetail,
- };
+ const fetcherMap = {
+ [ComplaintInpColumn.tabKey]: statisticsTotalStatusApi.getSewerageServiceLevelComplaint.bind(
+ statisticsTotalStatusApi,
+ ),
+ [ResidentFriendlyFactTotColumn.tabKey]:
+ statisticsTotalStatusApi.getSewerageServiceLevelResidentFriendlyFact.bind(
+ statisticsTotalStatusApi,
+ ),
+ };
+ const fetcher = fetcherMap[tabKey];
+ if (!fetcher) {
+ return false;
+ }
+ const response = await fetcher(param);
- let response;
- if (tabKey === ResidentFriendlyFactTotColumn.tabKey) {
- response =
- await statisticsTotalStatusApi.getSewerageServiceLevelResidentFriendlyFact(param);
- } else {
- response =
- await statisticsTotalStatusApi.getSewerageServiceLevelComplaint(param);
- }
-
- if (response.status === "success" && response.data) {
+ if (response.status === "success" && response.data) {
+ const rows = toGridRows(response.data as object[]);
+ if (mergeIntoExistingMap) {
setRowDataMap((prev) => {
const next = new Map(prev);
- next.set(tabKey, toGridRows(response.data as object[]));
+ next.set(tabKey, rows);
return next;
});
} else {
- alert(response.message || "데이터 조회 중 오류가 발생했습니다.");
+ const next = new Map[]>();
+ next.set(tabKey, rows);
+ setRowDataMap(next);
+ }
+ return true;
+ }
+ alert(response.message || "데이터 조회 중 오류가 발생했습니다.");
+ return false;
+ };
+
+ const handleSearch = async (values: SearchFormValues) => {
+ try {
+ setIsLoading(true);
+ let ok = false;
+ if (SUPPORTED_TAB_KEYS.includes(activeTab)) {
+ ok = await loadSewerageServiceLevelTotTabData(activeTab, values, true);
+ }
+ if (ok) {
+ lastSearchValuesRef.current = values;
+ } else {
+ lastSearchValuesRef.current = null;
}
} catch {
alert("데이터 조회 중 오류가 발생했습니다.");
+ lastSearchValuesRef.current = null;
} finally {
setIsLoading(false);
}
};
- const handleSearch = async (values: SearchFormValues) => {
- setLastSearchValues(values);
- setRowDataMap(new Map());
- await fetchByTab(activeTab, values);
- };
+ const handleActiveTabChange = async (tabKey: string) => {
+ setActiveTab(tabKey);
- useEffect(() => {
- if (lastSearchValues == null) return;
- if (rowDataMap.has(activeTab)) return;
- void fetchByTab(activeTab, lastSearchValues);
- }, [activeTab]);
+ const values = lastSearchValuesRef.current;
+ if (!values) return;
+
+ const existing = rowDataMap.get(tabKey);
+ const hasData = Array.isArray(existing) && existing.length > 0;
+ if (hasData) return;
+
+ if (SUPPORTED_TAB_KEYS.includes(tabKey)) {
+ try {
+ setIsLoading(true);
+ await loadSewerageServiceLevelTotTabData(tabKey, values, true);
+ } catch {
+ alert("데이터 조회 중 오류가 발생했습니다.");
+ } finally {
+ setIsLoading(false);
+ }
+ }
+ };
return (
@@ -103,20 +133,60 @@ const SewerageServiceLevelTot = () => {
)}
-
{
- const rowType = String(row.rowType ?? "");
- if (rowType === "DETAIL") return undefined;
- if (rowType === "BIZ_SUM") return "rg-cell-rowtype-biz-sum";
- return "rg-cell-rowtype-other";
- }}
- />
+
+ void handleActiveTabChange(v)} className="w-full" variant="default">
+
+ {columnInfo.map((info) => (
+
+ {info.tabLabel || info.tabKey}
+
+ ))}
+
+ {columnInfo.map((info) => {
+ const tabKey = info.tabKey;
+ if (!info.columns || !info.columnLayout) {
+ return null;
+ }
+
+ const rowData = rowDataMap.get(tabKey) ?? [];
+ const gridColumnInfo: ColumnInfo = {
+ columns: info.columns,
+ columnLayout: info.columnLayout,
+ };
+
+ return (
+
+ {
+ setRowDataMap((prev) => {
+ const next = new Map(prev);
+ const cur = next.get(tabKey) ?? [];
+ const n = typeof updater === "function" ? updater(cur) : updater;
+ next.set(tabKey, n);
+ return next;
+ });
+ }}
+ isExcelImport={false}
+ isExcelExport
+ showHeaderCheckbox={false}
+ fixedColumns={info.fixedColumns}
+ enableSort={false}
+ cellStyleCallback={({ row }) => {
+ const rowType = String(row.rowType ?? "");
+ if (rowType === "DETAIL") return undefined;
+ if (rowType === "BIZ_SUM") return "rg-cell-rowtype-biz-sum";
+ return "rg-cell-rowtype-other";
+ }}
+ />
+
+ );
+ })}
+
+
);
};
diff --git a/apps/st/src/components/statistics/verification/StatisticsVerificationReport.tsx b/apps/st/src/components/statistics/verification/StatisticsVerificationReport.tsx
index 896ee061c..6cd57b4f1 100644
--- a/apps/st/src/components/statistics/verification/StatisticsVerificationReport.tsx
+++ b/apps/st/src/components/statistics/verification/StatisticsVerificationReport.tsx
@@ -129,6 +129,7 @@ const DEFAULT_FILTERS: StatisticsVerificationFilterState = {
statsYr: String(dayjs().year() - 1),
sewerBzmnCd: null,
statsCd: null,
+ laeSbmsnSttsCd: "2",
};
const DEFAULT_SUB_FILTERS: StatisticsVerificationSubFilterState = {
@@ -156,15 +157,6 @@ function StatisticsVerificationReport() {
useState
(DEFAULT_FILTERS);
const [subFilters, setSubFilters] =
useState(DEFAULT_SUB_FILTERS);
- const [submittedFilters, setSubmittedFilters] =
- useState(DEFAULT_FILTERS);
- const [submittedParams, setSubmittedParams] = useState<{
- main: StatisticsVerificationFilterState;
- sub: StatisticsVerificationSubFilterState;
- }>({
- main: DEFAULT_FILTERS,
- sub: DEFAULT_SUB_FILTERS,
- });
const [selectedReportRows, setSelectedReportRows] = useState<
StatsInputStatusList[]
>([]);
@@ -182,11 +174,30 @@ function StatisticsVerificationReport() {
const { data: sigunguData } = useStAnlsSigunguCombo(
filters.sewerBzmnCd ?? "",
);
+ const detailParams = useMemo(
+ () => ({
+ statsYr: filters.statsYr,
+ ctpvNm:
+ subFilters.ctpvNm !== "" ? subFilters.ctpvNm : filters.ctpvNm,
+ sggNm: subFilters.sggNm !== "" ? subFilters.sggNm : filters.sggNm,
+ sewerBzmnCd:
+ subFilters.sewerBzmnCd !== ""
+ ? subFilters.sewerBzmnCd
+ : filters.sewerBzmnCd,
+ statsCd:
+ subFilters.statsCd !== ""
+ ? subFilters.statsCd
+ : filters.statsCd,
+ prcsYnList: subFilters.prcsYnList,
+ pbcpAprvYn: subFilters.pbcpAprvYn,
+ laeSbmsnSttsCd: subFilters.laeSbmsnSttsCd,
+ }),
+ [filters, subFilters],
+ );
- const statisticsVerificationReportQuery =
- useStatsVrfcRptData(submittedFilters);
+ const statisticsVerificationReportQuery = useStatsVrfcRptData(filters);
const statisticsVerificationResultQuery =
- useStatsVrfcRsltData(submittedParams);
+ useStatsVrfcRsltData(detailParams);
const statisticsVerificationReportData =
statisticsVerificationReportQuery.data ?? [];
@@ -253,11 +264,17 @@ function StatisticsVerificationReport() {
const nextRows = statisticsVerificationResultGridRows;
const prevLength = prevLengthRef.current;
- if (!dataProvider || nextRows.length === 0) {
+ if (!dataProvider) {
prevLengthRef.current = nextRows.length;
return;
}
+ if (nextRows.length === 0) {
+ dataProvider.setRows?.([]);
+ prevLengthRef.current = 0;
+ return;
+ }
+
if (nextRows.length > prevLength && prevLength > 0) {
// 무한스크롤 시 데이터 처리
const newRows = nextRows.slice(prevLength);
@@ -327,17 +344,16 @@ function StatisticsVerificationReport() {
statisticsVerificationReportQuery.isError,
]);
- function handleSearch(
- nextFilters: StatisticsVerificationFilterState,
- nextSubFilters: StatisticsVerificationSubFilterState,
- ) {
- setSelectedReportRows([]);
+ function resetResultState() {
setSelectedResultRows([]);
- setSubmittedFilters({ ...nextFilters });
- setSubmittedParams({
- main: { ...nextFilters },
- sub: { ...nextSubFilters },
- });
+ editedResultRowMapRef.current = new Map();
+ prevLengthRef.current = 0;
+ resultGridRef.current?.dataProvider?.setRows?.([]);
+ }
+
+ function resetReportState() {
+ setSelectedReportRows([]);
+ resetResultState();
}
async function handleLoadMoreDetail() {
@@ -350,14 +366,6 @@ function StatisticsVerificationReport() {
}
}
- function handleResultSearch() {
- setSelectedResultRows([]);
- setSubmittedParams({
- main: { ...filters },
- sub: { ...subFilters },
- });
- }
-
function handleFilterChange<
K extends keyof StatisticsVerificationFilterState,
>(key: K) {
@@ -365,6 +373,7 @@ function StatisticsVerificationReport() {
value?: StatisticsVerificationFilterState[K],
optionData?: { label: string; value: string },
) => {
+ resetReportState();
if (key === "sewerBzmnCd") {
setFilters((prev) => ({
...prev,
@@ -372,8 +381,17 @@ function StatisticsVerificationReport() {
sewerBzmnCd: optionData?.value,
sggNm: "",
}));
+ setSubFilters((prev) => ({
+ ...prev,
+ ctpvNm: "",
+ sggNm: "",
+ sewerBzmnCd: "",
+ }));
return;
}
+ if (key === "statsCd") {
+ setSubFilters((prev) => ({ ...prev, statsCd: "" }));
+ }
setFilters((prev) => ({ ...prev, [key]: value }));
};
}
@@ -382,10 +400,16 @@ function StatisticsVerificationReport() {
K extends keyof StatisticsVerificationSubFilterState,
>(key: K) {
return (value?: StatisticsVerificationSubFilterState[K]) => {
+ resetResultState();
setSubFilters((prev) => ({ ...prev, [key]: value }));
};
}
+ function handleSubFilterReset() {
+ setSubFilters(DEFAULT_SUB_FILTERS);
+ resetResultState();
+ }
+
function handleCellEdited(params: CellEditedCallbackParams) {
const { itemIndex, fieldName, newValue } = params;
const dataProvider = resultGridRef.current?.dataProvider as
@@ -403,11 +427,7 @@ function StatisticsVerificationReport() {
function handleReset() {
setFilters(DEFAULT_FILTERS);
setSubFilters(DEFAULT_SUB_FILTERS);
- setSelectedReportRows([]);
- setSelectedResultRows([]);
- editedResultRowMapRef.current = new Map();
- prevLengthRef.current = 0;
- handleSearch(DEFAULT_FILTERS, DEFAULT_SUB_FILTERS);
+ resetReportState();
}
function handleApprove() {
@@ -532,9 +552,6 @@ function StatisticsVerificationReport() {
-
-
+