91 lines
3.5 KiB
TypeScript
91 lines
3.5 KiB
TypeScript
'use client'
|
|
import React, { useState } from 'react'
|
|
import { FormField, SelectBox, UiTable } from '@common/business_components/ui'
|
|
import { Button, DatePicker, Input } from '@common/components/ui'
|
|
import { z } from 'zod'
|
|
import { zodResolver } from '@hookform/resolvers/zod'
|
|
import { useForm } from 'react-hook-form'
|
|
import FormSection from '@/components/ui/formSection'
|
|
import BaseLayout from '../BaseLayout'
|
|
import { title } from 'process'
|
|
const formSchema = z.object({
|
|
managenm: z.string(),
|
|
region: z.string(),
|
|
suyeonga: z.number(),
|
|
inputdate: z.coerce.date(),
|
|
rtkSource: z.string(),
|
|
suyeongaPlace: z.string()
|
|
})
|
|
// TODO: 분석구분에 따라서 테이블 컬럼 변경필요
|
|
const tableColumn = [
|
|
{ id: 'no', title: '번호' },
|
|
{ id: 'hasu', title: '하수처리장' },
|
|
{ id: 'guyeok', title: '처리구역' },
|
|
{ id: 'sangsu', title: '상수 사용량' },
|
|
{ id: 'rate', title: '오수 전환율' },
|
|
{ id: 'water', title: '순오수량' },
|
|
{ id: 'measureWater', title: '측정하수량' },
|
|
{ id: 'ii', title: '침입수량' },
|
|
{ id: 'date', title: '분석일자' },
|
|
{ id: 'usr', title: '분석자' }
|
|
]
|
|
const tableColumn2 = [
|
|
{ id: 'no', title: '번호' },
|
|
{ id: 'hasu', title: '하수처리장' },
|
|
{ id: 'guyeok', title: '처리구역' },
|
|
{ id: 'sangsu', title: '상수 사용량' },
|
|
{ id: 'rate', title: '오수 전환율' },
|
|
{ id: 'rtx', title: 'RTX계수출처' },
|
|
{ id: 'rdii', title: 'RDII 기여면적' },
|
|
{ id: 'water', title: '순오수량' },
|
|
{ id: 'measureWater', title: '강우유출량' },
|
|
{ id: 'ii', title: 'RDII(m2/d)' },
|
|
{ id: 'date', title: '분석일자' },
|
|
{ id: 'usr', title: '분석자' }
|
|
]
|
|
const tableInfoData = [{ 'no': '1', 'hasu': '양평하수처리장', 'guyeok': '양평', 'sangsu': '1000', 'rate': '0.5', 'water': '500', 'measureWater': '1000', 'ii': '500', 'date': '2023-10-01', 'usr': '홍길동' }]
|
|
const Result = () => {
|
|
const form = useForm<z.infer<typeof formSchema>>({
|
|
resolver: zodResolver(formSchema),
|
|
defaultValues: {
|
|
managenm: "",
|
|
region: "",
|
|
suyeonga: 0,
|
|
inputdate: new Date(),
|
|
rtkSource: "",
|
|
suyeongaPlace: ""
|
|
}
|
|
})
|
|
return (
|
|
<BaseLayout searchBox={{labelNm: {first: "분석기간",second: "침입수",third: "처리장",fourth: "처리구역",},searchChk: true,}} titleName={{ mainTitle: '분석결과', firstCardTitle: '분석이력', secondCardTitle:'RDII 산정결과 현황'}} form={form} onSubmitEvent={() => { }} graphBtn={true}>
|
|
{[<div key='table1'>
|
|
<div className="mb-[1.2rem] text-xl font-medium">○ 침입수 산정결과 현황</div>
|
|
<UiTable
|
|
headName=''
|
|
headlist={tableColumn}
|
|
tableData={tableInfoData}
|
|
total={0}
|
|
pageSize={10}
|
|
children={undefined}
|
|
cellClick={(e) => { }}
|
|
onPageChange={(e) => { }}
|
|
/>
|
|
</div>,
|
|
<div key='table2'>
|
|
<UiTable
|
|
headName=''
|
|
headlist={tableColumn2}
|
|
tableData={[]}
|
|
total={0}
|
|
pageSize={10}
|
|
children={undefined}
|
|
cellClick={(e) => { }}
|
|
onPageChange={(e) => { }}
|
|
/>
|
|
</div>
|
|
]}
|
|
</BaseLayout>
|
|
)
|
|
}
|
|
|
|
export default Result |