rsone001
5492ea70ed
- 통계 입력 디렉토리 & 파일명 변경 management -> input & Mng -> Inp - @rsone/component 모듈 수정 pnpm build --filter @rsone/components 후 st 프로젝트 install 필요
77 lines
3.0 KiB
TypeScript
77 lines
3.0 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 { RegionalFacilityStatusMngColumn } from "@/components/util/column/input/sewagePipe/RegionalFacilityStatusMngColumn";
|
|
import { FacilityInstallStatusMngColumn } from "@/components/util/column/input/sewagePipe/FacilityInstallStatusMngColumn";
|
|
import { PipeTypeStatusMngColumn } from "@/components/util/column/input/sewagePipe/PipeTypeStatusMngColumn";
|
|
import { PipeDiameterStatusMngColumn } from "@/components/util/column/input/sewagePipe/PipeDiameterStatusMngColumn";
|
|
import { ManholeStatusMngColumn } from "@/components/util/column/input/sewagePipe/ManholeStatusMngColumn";
|
|
import {
|
|
AdminAreaConnectionMngColumn,
|
|
TreatmentPlantConnectionMngColumn
|
|
} from "@/components/util/column/input/sewagePipe/ConnectionStatusMngColumn";
|
|
|
|
// 하수도 통계 관리 > 02. 하수관로
|
|
const SewagePipeInp = () => {
|
|
const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
|
|
|
|
// tab List
|
|
const SewagePipeInpColumnList = [
|
|
RegionalFacilityStatusMngColumn,
|
|
FacilityInstallStatusMngColumn,
|
|
PipeTypeStatusMngColumn,
|
|
PipeDiameterStatusMngColumn,
|
|
ManholeStatusMngColumn,
|
|
// 일단 각 tab으로 구현
|
|
AdminAreaConnectionMngColumn,
|
|
TreatmentPlantConnectionMngColumn
|
|
];
|
|
|
|
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={SewagePipeInpColumnList} rowDataMap={rowDataMap} setRowDataMap={setRowDataMap} />
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default SewagePipeInp; |