54 lines
1.7 KiB
TypeScript
54 lines
1.7 KiB
TypeScript
'use client'
|
|
|
|
import { ScrollArea, SearchDiv, SelectBox, UiTable } from '@common/business_components';
|
|
import { Button, TableHead, TableRow } from '@common/components';
|
|
import { PublicReuseFaciltyFormInsert } from '../../../../components/ui/publicReuseInsertForm';
|
|
import { useWrStore } from '../../../store';
|
|
|
|
|
|
|
|
export default function PublicReuseFaciltyInsert() {
|
|
const {pubFac} = useWrStore((state) => state);
|
|
const { pubFacHeadList, publicReuseFacilityData, selectLabel} = pubFac;
|
|
console.log(pubFacHeadList)
|
|
|
|
const searchDiv ='시군구'
|
|
const selectBox = [{text:'한양', value:1}]
|
|
const headName= ()=>{
|
|
return(
|
|
<h1 className="pl-3 text-xl">○공공 허수처리시설 등록</h1>
|
|
)
|
|
}
|
|
return ( <>
|
|
<div className="grid grid-cols-2 gap-4 h-full">
|
|
<div className='col-span-2'>
|
|
<h1 className="pl-3 text-2xl" > 하수재이용시설 등록</h1>
|
|
<SearchDiv >
|
|
<div className='flex'>
|
|
<SelectBox label={searchDiv} selectArray={selectBox} />
|
|
<Button className ='mr-4' size='sm'>조회</Button>
|
|
<Button className ='mr-4' size='sm'>신규추가</Button>
|
|
</div>
|
|
</SearchDiv>
|
|
</div>
|
|
|
|
<div className="col-span-1">
|
|
<UiTable tableData={publicReuseFacilityData} headlist={pubFacHeadList} pageSize={100} total={10} headName={headName()} children={undefined}>
|
|
|
|
</ UiTable>
|
|
</div>
|
|
<div className="col-span-1 max-h-full overflow-y-scroll">
|
|
<ScrollArea>
|
|
<PublicReuseFaciltyFormInsert></PublicReuseFaciltyFormInsert>
|
|
{/* <ScrollBar orientation="vertical"></ScrollBar> */}
|
|
</ScrollArea>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</>
|
|
)}
|
|
|
|
|
|
|