feat: 13. 하수도서비스 수준 화면 구현

- 각 tab별로 columns, columnLayout 분리
- tab 1. 민원 (ComplaintInpColumn.ts)
- tab 2. 주민친화시설 (ResidentFriendlyFacilityInpColumn.ts)
- 하수도서비스 수준 Component 완성
This commit is contained in:
2026-01-09 16:38:38 +09:00
parent c73a01d27d
commit 4da4f5cd62
3 changed files with 212 additions and 1 deletions
@@ -1,10 +1,54 @@
import SearchForm from "../../module/SearchForm";
import { useState } from "react";
import SearchForm from "@/components/module/SearchForm";
import { TabDataGrid } from '@rsone/components';
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 { ComplaintInpColumn } from "@/components/util/column/input/sewerageServiceLevel/ComplaintInpColumn";
import { ResidentFriendlyFacilityInpColumn } from "@/components/util/column/input/sewerageServiceLevel/ResidentFriendlyFacilityInpColumn";
// 하수도 통계 관리 > 13. 하수도 서비스 수준
const SewerageServiceLevelInp = () => {
const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
// tab List
const SewerageServiceLevelInpTabList = [
ComplaintInpColumn,
ResidentFriendlyFacilityInpColumn
];
const submitExceptionFunc = () => {
console.log('submit exception');
// 예외 제출 로직
};
const getLastYearDataFunc = () => {
console.log('get last year data');
// 지난연도 데이터 가져오기 로직
};
const submitFunc = () => {
console.log('submit');
// 제출 로직
};
const saveFunc = () => {
console.log('save');
// 저장 로직
};
return (
<>
<SearchForm userMenual={true} />
<div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
<SubmitExceptionButton SubmitExceptionFunc={submitExceptionFunc} />
<LastYearDataButton getLastYearDataFunc={getLastYearDataFunc} />
<SubmitButton submitFunc={submitFunc} />
<SaveButton saveFunc={saveFunc} />
</div>
<TabDataGrid columnInfo={SewerageServiceLevelInpTabList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
</>
);
};