Files
frontend/apps/st/src/components/statistics/input/WaterReuseInp.tsx
T
rsone001 7af1ef94cb feat: 하수도 통계 입력에 '해당사항 없음' 버튼 추가
- 04. 하수저류시설 및 빗물펌프장
- 05. 펌프장
- 06. 공공하수처리시설 (운영 데이터 업데이트 버튼도 추가)
- 07. 분뇨처리시설
- 10. 물 재이용
- 11. 하수 및 분뇨찌꺼기(슬러지)처리
- 13. 하수도 서비스 수준
- 추후 조건에 따라서 버튼 보여지고 안보여지고 제어예정
2026-01-13 10:47:36 +09:00

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;