55 lines
2.1 KiB
TypeScript
55 lines
2.1 KiB
TypeScript
"use client"
|
|
import { useFoStore } from "@/app/store";
|
|
import { UiTable } from "@common/business_components/ui";
|
|
import ListDiv from "@common/business_components/ui/list_div";
|
|
import { Table, TableCell, TableHead, TableHeader, TableRow } from "@common/components/ui";
|
|
import { useEffect } from "react";
|
|
|
|
export default function ProcessFacilityInfoModal(props: { fcltyName: string; facilityCd : string;}) {
|
|
// 그리드 관련
|
|
const {ProcessAreaDetail, initModalData} = useFoStore((state) => state);
|
|
|
|
useEffect(() => {
|
|
initModalData(props.facilityCd);
|
|
}, [initModalData, props.facilityCd]);
|
|
|
|
const {
|
|
upHeadListFcltyImproveInfo,
|
|
gridListFcltyImproveInfo,
|
|
upHeadListProcessPopulation,
|
|
gridListProcessPopulation,
|
|
upHeadListProcessAreaPlan,
|
|
gridListProcessAreaPlan,
|
|
} = ProcessAreaDetail
|
|
|
|
return (
|
|
<>
|
|
<ListDiv>
|
|
<div className="card !m-[1.2rem] max-h-[40rem] overflow-auto !p-0r">
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead className="w-1/6">{'시설명'}</TableHead>
|
|
<TableCell className="w-1/3">{props.fcltyName}</TableCell>
|
|
<TableHead className="w-1/6">{'시설코드'}</TableHead>
|
|
<TableCell className="w-1/3">{props.facilityCd}</TableCell>
|
|
</TableRow>
|
|
</TableHeader>
|
|
</Table>
|
|
</div>
|
|
</ListDiv>
|
|
<ListDiv>
|
|
<UiTable headName={"시설증설 계획"} tableData={gridListFcltyImproveInfo} headlist={upHeadListFcltyImproveInfo} pageSize={0} total={0} cellClick={undefined} onPageChange={()=>{}}>
|
|
</UiTable>
|
|
</ListDiv>
|
|
<ListDiv>
|
|
<UiTable headName={"처리인구 계획"} tableData={gridListProcessPopulation} headlist={upHeadListProcessPopulation} pageSize={0} total={0} cellClick={undefined} onPageChange={()=>{}}>
|
|
</UiTable>
|
|
</ListDiv>
|
|
<ListDiv>
|
|
<UiTable headName={"처리구역 계획"} tableData={gridListProcessAreaPlan} headlist={upHeadListProcessAreaPlan} pageSize={0} total={0} cellClick={undefined} onPageChange={()=>{}}>
|
|
</UiTable>
|
|
</ListDiv>
|
|
</>
|
|
);
|
|
} |