rsone001
1b64bccc55
- 숫자면 valueType 전부 추가 - 입력값과 합계값의 소수점 불일치는 입력값 기준으로 수정 - 00. 통계 입력 현황 - 작성율만 숫자 - 01. 하수도 보급율, 02. 하수관로, 03. 하수관로 유지관리, 04. 하수저류시설 및 빗물펌프 추가 완료
81 lines
3.1 KiB
TypeScript
81 lines
3.1 KiB
TypeScript
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 OperateDateButton from "@/components/button/OperateDataButton";
|
|
|
|
import { RegionalFacilityStatusInpColumn } from "@/components/util/column/input/sewagePipe/RegionalFacilityStatusInpColumn";
|
|
import { FacilityInstallStatusInpColumn } from "@/components/util/column/input/sewagePipe/FacilityInstallStatusInpColumn";
|
|
import { PipeTypeStatusInpColumn } from "@/components/util/column/input/sewagePipe/PipeTypeStatusInpColumn";
|
|
import { PipeDiameterStatusInpColumn } from "@/components/util/column/input/sewagePipe/PipeDiameterStatusInpColumn";
|
|
import { ManholeStatusInpColumn } from "@/components/util/column/input/sewagePipe/ManholeStatusInpColumn";
|
|
import {
|
|
AdminAreaConnectionInpColumn,
|
|
TreatmentPlantConnectionInpColumn
|
|
} from "@/components/util/column/input/sewagePipe/ConnectionStatusInpColumn";
|
|
|
|
// 하수도 통계 관리 > 02. 하수관로
|
|
const SewagePipeInp = () => {
|
|
const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
|
|
|
|
// tab List
|
|
const SewagePipeInpTapList = [
|
|
RegionalFacilityStatusInpColumn,
|
|
FacilityInstallStatusInpColumn,
|
|
PipeTypeStatusInpColumn,
|
|
PipeDiameterStatusInpColumn,
|
|
ManholeStatusInpColumn,
|
|
// 일단 각 tab으로 구현
|
|
AdminAreaConnectionInpColumn,
|
|
TreatmentPlantConnectionInpColumn
|
|
];
|
|
|
|
const SubmitExceptionFunc = () => {
|
|
console.log('submit exception');
|
|
// 예외 제출 로직
|
|
};
|
|
|
|
const getLastYearDataFunc = () => {
|
|
console.log('get last year data');
|
|
// 지난연도 데이터 가져오기
|
|
};
|
|
|
|
const submitFunc = () => {
|
|
console.log('submit');
|
|
// 제출 로직
|
|
};
|
|
|
|
const saveFunc = () => {
|
|
console.log('save');
|
|
// 저장 로직
|
|
};
|
|
|
|
// 화면정의서 때문에 추가한 button
|
|
const getOperateDataFunc = () => {
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<SearchForm userMenual={true} />
|
|
<div className="card !py-0">
|
|
<div className="flex justify-end items-center gap-[0.6rem] mx-[0.6rem]">
|
|
<SubmitExceptionButton SubmitExceptionFunc={SubmitExceptionFunc} />
|
|
<LastYearDataButton getLastYearDataFunc={getLastYearDataFunc} />
|
|
<OperateDateButton getOperateDataFunc={getOperateDataFunc} />
|
|
<SubmitButton submitFunc={submitFunc} />
|
|
<SaveButton saveFunc={saveFunc} />
|
|
</div>
|
|
</div>
|
|
<TabDataGrid
|
|
columnInfo={SewagePipeInpTapList}
|
|
rowDataMap={rowDataMap}
|
|
setRowDataMap={setRowDataMap}
|
|
/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default SewagePipeInp; |