45 lines
2.6 KiB
TypeScript
45 lines
2.6 KiB
TypeScript
import { VerticalTable } from '@/components/ui/verticalTable';
|
|
import React, { useState } from 'react'
|
|
import InputSection from '../InputSection';
|
|
import { handleInputChange } from '../common';
|
|
// 하수처리시설
|
|
// TODO: 컬럼에 보고서 엉 ? 이거 버튼누르면 팝업으로 상세화면 띄워주는 건지 확인 필요
|
|
const inputColumn = [
|
|
{ id: "title", title: "설치주제", type: "select", options: ["BTL", "재정사업"] },
|
|
{ id: "guyeok", title: "처리구역", type: "select", options: ["구역1", "구역2"] },
|
|
{ id: "basu", title: "배수구역", type: "input" },
|
|
{ id: "bungu", title: "배수분구", type: "input" },
|
|
{ id: "wltjs", title: "지선/간선", type: "select", options: ["지선", "간선"] },
|
|
{ id: "flow", title: "흐름방식", type: "select", options: ["자연유하", "압송"] },
|
|
{ id: "place", title: "매설위치", type: "select", options: ["도로", "하상"] },
|
|
];
|
|
const SwtrmtFclt = () => {
|
|
const [repairData, setRepairData] = useState([
|
|
{ year: "2025", type: "개대체" },
|
|
{ year: "2025", type: "보수" },
|
|
]);
|
|
const [cleaningData, setCleaningData] = useState([
|
|
{ year: "2025", type: "청소" },
|
|
{ year: "2025", type: "준설" },
|
|
]);
|
|
const [inspectionData, setInspectionData] = useState([
|
|
{ year: "2025", type: "관로기술진단" },
|
|
{ year: "2025", type: "관로기술진단" },
|
|
]);
|
|
const dataMap = {
|
|
repair: { data: repairData, setData: setRepairData },
|
|
cleaning: { data: cleaningData, setData: setCleaningData },
|
|
inspection: { data: inspectionData, setData: setInspectionData },
|
|
};
|
|
return (
|
|
<div>
|
|
<VerticalTable headName='자체 입력정보' tableData={[]} headlist={inputColumn} pageSize={20} total={0} children={undefined} cellClick={undefined} isEditable={true} onPageChange={function (page: number): void {
|
|
throw new Error("Function not implemented.");
|
|
}}></VerticalTable>
|
|
<InputSection title="보수 및 갱신" data={repairData} sectionKey="repair" onInputChange={(section, index, field, value) => handleInputChange(section, index, field, value, dataMap)} />
|
|
<InputSection title="청소 및 준설" data={cleaningData} sectionKey="cleaning" onInputChange={(section, index, field, value) => handleInputChange(section, index, field, value, dataMap)} />
|
|
<InputSection title="점검 및 진단" data={inspectionData} sectionKey="inspection" onInputChange={(section, index, field, value) => handleInputChange(section, index, field, value, dataMap)} /></div>
|
|
)
|
|
}
|
|
|
|
export default SwtrmtFclt |