refactor: 02. 하수관로 tab 구조 개선 & grid footer 설정 수정

- 개별 컬럼 정의 파일들을 리스트로 묶어 TabDataGrid에 직접 전달하는 방식으로 변경
- footerSummary.ts에 포맷별(정수/소수점) 설정 객체 추가 및 export
- SeweragePenetrationRateMngColumn.ts 파일에 footer 적용
This commit is contained in:
2025-12-30 17:41:17 +09:00
parent 90c977300c
commit 074d82a3bd
11 changed files with 1182 additions and 835 deletions
@@ -1,29 +1,63 @@
import SearchForm from "@/components/module/SearchForm";
import TabDataGrid from "@/components/module/TabDataGrid";
import ApproveButton from "@/components/button/ApproveButton";
import RejectButton from "@/components/button/RejectButton"
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 { SewagePipeMngColumnInfoList } from "@/components/util/column/management/SewagePipeMngColumn";
import { RegionalFacilityColumn } from "@/components/util/column/management/sewagePipe/RegionalFacility";
import { FacilityInstallColumn } from "@/components/util/column/management/sewagePipe/FacilityInstall";
import { PipeTypeColumn } from "@/components/util/column/management/sewagePipe/PipeTypeStatus";
import { PipeDiameterColumn } from "@/components/util/column/management/sewagePipe/PipeDiameterStatus";
import { ManholeStatusColumn } from "@/components/util/column/management/sewagePipe/ManholeStatus";
import {
AdminAreaConnectionColumn,
TreatmentPlantConnectionColumn
} from "@/components/util/column/management/sewagePipe/ConnectionStatus";
// 하수도 통계 관리 > 02. 하수관로
const SewagePipeMng = () => {
const approveFunc = () => {
console.log('appoved');
// 승인 요청 로직
// tab List
const SewagePipeMngColumnInfoList = [
RegionalFacilityColumn,
FacilityInstallColumn,
PipeTypeColumn,
PipeDiameterColumn,
ManholeStatusColumn,
// 일단 각 tab으로 구현
TreatmentPlantConnectionColumn,
AdminAreaConnectionColumn
];
const submitFunc = () => {
console.log('submit');
// 제출 로직
};
const rejectFunc = () => {
console.log('reject');
// 보완 요청 로직
const saveFunc = () => {
console.log('save');
// 저장 로직
};
const getLastYearDataFunc = () => {
console.log('get last year data');
// 전년도 데이터 가져오기
};
const SubmitExceptionFunc = () => {
console.log('submit exception');
// 예외 제출 로직
};
return (
<>
<SearchForm userMenual={true} />
<div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
<RejectButton rejectFunc={rejectFunc} />
<ApproveButton approveFunc={approveFunc} />
<SubmitButton submitFunc={submitFunc} />
<SaveButton saveFunc={saveFunc} />
<LastYearDataButton getLastYearDataFunc={getLastYearDataFunc} />
<SubmitExceptionButton SubmitExceptionFunc={SubmitExceptionFunc} />
</div>
<TabDataGrid columnInfo={SewagePipeMngColumnInfoList}/>
</>
@@ -10,7 +10,6 @@ import { SeweragePenetrationRateMngColumnInfo } from "@/components/util/column/m
// 하수도 통계 관리 > 01. 하수도 보급률
const SeweragePenetrationRateMng = () => {
// 로직은 그대로 유지
const submitFunc = () => {
console.log('submit');
// 제출 로직