refactor: 02. 하수관로 tab 구조 개선 & grid footer 설정 수정
- 개별 컬럼 정의 파일들을 리스트로 묶어 TabDataGrid에 직접 전달하는 방식으로 변경 - footerSummary.ts에 포맷별(정수/소수점) 설정 객체 추가 및 export - SeweragePenetrationRateMngColumn.ts 파일에 footer 적용
This commit is contained in:
@@ -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');
|
||||
// 제출 로직
|
||||
|
||||
Reference in New Issue
Block a user