73 lines
2.1 KiB
TypeScript
73 lines
2.1 KiB
TypeScript
/**
|
|
* ➡️ 경로 : 하수관망도 메인 페이지 (시설물 클릭) - 오른쪽 팝업창 (하수처리시설)
|
|
*
|
|
* 📄 SwtrmtFclt
|
|
* 하수처리시설 정보 컴포넌트
|
|
*
|
|
* - 하수처리시설의 디지털 자료관 연계 정보 표시
|
|
* - VerticalTable을 통한 테이블 렌더링
|
|
* - 조회 버튼을 통한 모달 표시 및 ReportTab 연동
|
|
*/
|
|
'use client'
|
|
import React, { useState } from 'react'
|
|
import { VerticalTable } from '@/components/ui/verticalTable';
|
|
import { UiModal } from '@common/business_components/ui';
|
|
import { Button } from '@common/components/ui';
|
|
import ReportTab from '../../searchModal/reportTab';
|
|
|
|
// 하수처리시설
|
|
const headList = [
|
|
{ id: "title", title: "하수도정비 기본계획보고서" },
|
|
];
|
|
|
|
const SwtrmtFclt = ({ gisObject }: { gisObject: any }) => {
|
|
const [isModalOpen, setIsModalOpen] = useState(false);
|
|
|
|
const ctpvNm = gisObject?.ctpv_nm;
|
|
const sggNm = gisObject?.sgg_nm;
|
|
|
|
return (
|
|
<div>
|
|
<VerticalTable
|
|
children={{
|
|
title: <Button className="gray" onClick={() => setIsModalOpen(true)}>조회</Button>
|
|
}}
|
|
headName='디지털 자료관 연계정보'
|
|
tableData={[]}
|
|
headlist={headList}
|
|
pageSize={20}
|
|
total={0}
|
|
cellClick={undefined}
|
|
isEditable={true}
|
|
onPageChange={function (page: number): void {
|
|
throw new Error("Function not implemented.");
|
|
}}
|
|
/>
|
|
<UiModal
|
|
open={isModalOpen}
|
|
onOpenChange={setIsModalOpen}
|
|
headerTitle="하수도정비 기본계획보고서"
|
|
headerTitleClass="text-3xl font-semibold text-gray-700"
|
|
bodyClass={`
|
|
h-[100vh]
|
|
w-[60vw]
|
|
max-w-[60vw]
|
|
max-h-[100vh]
|
|
overflow-hidden
|
|
z-[101]
|
|
`}
|
|
body={
|
|
<ReportTab
|
|
open={isModalOpen}
|
|
isSearch={false}
|
|
ctpvNm={ctpvNm}
|
|
sggNm={sggNm}
|
|
/>
|
|
}
|
|
useDirectRender={true}
|
|
/>
|
|
</div >
|
|
)
|
|
}
|
|
|
|
export default SwtrmtFclt |