- 04. 하수저류시설 및 빗물펌프장 - 05. 펌프장 - 06. 공공하수처리시설 (운영 데이터 업데이트 버튼도 추가) - 07. 분뇨처리시설 - 10. 물 재이용 - 11. 하수 및 분뇨찌꺼기(슬러지)처리 - 13. 하수도 서비스 수준 - 추후 조건에 따라서 버튼 보여지고 안보여지고 제어예정
91 lines
3.9 KiB
TypeScript
91 lines
3.9 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 UpdateOperateDataButton from "@/components/button/UpdateOperateDataButton"
|
|
import AddArticleButton from "@/components/button/AddArticleButton";
|
|
import DeleteArticleButton from "@/components/button/DeleteArticleButton";
|
|
import NotApplicableCheckButton from "@/components/button/NotApplicableCheckButton";
|
|
|
|
import { PublicSewageTreatmentWaterReuseInpColumn } from "@/components/util/column/input/waterReuse/PublicSewageTreatmentWaterReuseInpColumn";
|
|
import { RecycledWaterStatusInpColumn } from "@/components/util/column/input/waterReuse/RecycledWaterStatusInpColumn";
|
|
import { RainfallUtilizationFacilityStatusInpColumn } from "@/components/util/column/input/waterReuse/RainfallUtilizationFacilityStatusInpColumn";
|
|
import { TreatmentWaterReuseDesignConstructionStatusInpColumn } from "@/components/util/column/input/waterReuse/TreatmentWaterReuseDesignConstructionStatusInpColumn";
|
|
import { TreatmentWaterReuseBussinessApprovalStatusInpColumn } from "@/components/util/column/input/waterReuse/TreatmentWaterReuseBussinessApprovalStatusInpColumn";
|
|
|
|
// 하수도 통계 관리 > 10. 물 재이용
|
|
const WaterReuseInp = () => {
|
|
|
|
// tab list
|
|
const WaterReuseInpTabList = [
|
|
PublicSewageTreatmentWaterReuseInpColumn,
|
|
RecycledWaterStatusInpColumn,
|
|
RainfallUtilizationFacilityStatusInpColumn,
|
|
TreatmentWaterReuseDesignConstructionStatusInpColumn,
|
|
TreatmentWaterReuseBussinessApprovalStatusInpColumn
|
|
];
|
|
const SubmitExceptionFunc = () => {
|
|
// 예외 제출 로직
|
|
};
|
|
|
|
const getLastYearDataFunc = () => {
|
|
// 전연도 데이터 가져오기 로직
|
|
};
|
|
|
|
const submitFunc = () => {
|
|
// 제출 로직
|
|
};
|
|
|
|
const saveFunc = () => {
|
|
// 저장 로직
|
|
};
|
|
|
|
const updateOperateDataButtonFunc = () => {
|
|
// 운영 데이터 업데이트 로직 - tab1. 공공하수처리수 재이용
|
|
};
|
|
|
|
const addArticleFunc = () => {
|
|
console.log('save');
|
|
// 항목 추가 로직
|
|
};
|
|
|
|
const deleteArticleFunc = () => {
|
|
console.log('save');
|
|
// 항목 제외 로직
|
|
};
|
|
|
|
const [rowDataMap, setRowDataMap] = useState<Map<string, Record<string, string | number>[]>>(new Map());
|
|
const [isNotApplicable, setIsNotApplicable] = useState(false);
|
|
|
|
return (
|
|
<>
|
|
<SearchForm userMenual={true} />
|
|
<div className="card !py-0">
|
|
<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>
|
|
</div>
|
|
<div className="card !py-0">
|
|
<div className="flex justify-end items-center gap-[0.6rem] m-[0.6rem]">
|
|
<NotApplicableCheckButton isCheck={isNotApplicable} setIsCheck={setIsNotApplicable} />
|
|
<UpdateOperateDataButton updateOperateDataButtonFunc={updateOperateDataButtonFunc} />
|
|
<AddArticleButton addArticleFunc={addArticleFunc} />
|
|
<DeleteArticleButton deleteArticleFunc={deleteArticleFunc} />
|
|
</div>
|
|
</div>
|
|
<TabDataGrid
|
|
columnInfo={WaterReuseInpTabList}
|
|
rowDataMap={rowDataMap}
|
|
setRowDataMap={setRowDataMap}
|
|
/>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default WaterReuseInp; |