From 71ec5588ef704fc76e1432c4f324017533967f76 Mon Sep 17 00:00:00 2001
From: yschoi <yschoi>
Date: Fri, 11 Jul 2025 17:02:05 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A4=91=EB=B3=B5=ED=8C=8C=EC=9D=BC=20?=
 =?UTF-8?q?=EC=A0=9C=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/popupComponent/MsSwagePpl.tsx  |  87 -----------
 .../components/popupComponent/SwtrmtFclt.tsx  |  49 ------
 .../popupComponent/chart/infilChart.tsx       | 140 ------------------
 .../components/popupComponent/sewagePump.tsx  |  18 ---
 .../app/map/components/popupComponent/smh.tsx |  21 ---
 .../popupComponent/stormWaterPump.tsx         |  19 ---
 6 files changed, 334 deletions(-)
 delete mode 100644 apps/sn/app/map/components/popupComponent/MsSwagePpl.tsx
 delete mode 100644 apps/sn/app/map/components/popupComponent/SwtrmtFclt.tsx
 delete mode 100644 apps/sn/app/map/components/popupComponent/chart/infilChart.tsx
 delete mode 100644 apps/sn/app/map/components/popupComponent/sewagePump.tsx
 delete mode 100644 apps/sn/app/map/components/popupComponent/smh.tsx
 delete mode 100644 apps/sn/app/map/components/popupComponent/stormWaterPump.tsx

diff --git a/apps/sn/app/map/components/popupComponent/MsSwagePpl.tsx b/apps/sn/app/map/components/popupComponent/MsSwagePpl.tsx
deleted file mode 100644
index 1fc0cef80..000000000
--- a/apps/sn/app/map/components/popupComponent/MsSwagePpl.tsx
+++ /dev/null
@@ -1,87 +0,0 @@
-import { VerticalTable } from '../../../components/ui/verticalTable';
-import React, { useState } from 'react'
-import InputSection from '../InputSection';
-import { handleInputChange } from '../common';
-import { Button } from '@common/components/ui';
-import InfilChart from './chart/infilChart';
-// 하수관로
-// TODO: RDII 버튼인가 그거 팝업 두개 구현 필요
-const inputColumn = [
-    { id: "title", title: "설치주제", type: "select", options: ["BTL", "재정사업"] },
-    { id: "swtrmt_zone_cd", title: "처리구역", type: "select", options: ["구역1", "구역2"] },
-    { id: "basu", title: "배수구역", type: "input" },
-    { id: "mltv_dtdv_nm", title: "배수분구", type: "input" },
-    { id: "wltjs", title: "지선/간선", type: "select", options: ["지선", "간선"] },
-    { id: "flow", title: "흐름방식", type: "select", options: ["자연유하", "압송"] },
-    { id: "place", title: "매설위치", type: "select", options: ["도로", "하상"] },
-];
-const SwtrmtFclt = ({ featureData }: { featureData: any }) => {
-    console.log("featureData", featureData);
-    const [isModalOpen, setIsModalOpen] = React.useState(false);
-    const [btnTxt, setBtnTxt] = useState<string>("");
-    const openModal = (e: React.MouseEvent<HTMLButtonElement>) => {
-        e.currentTarget.textContent && setBtnTxt(e.currentTarget.textContent)
-        setIsModalOpen(true);
-    };
-    const closeModal = () => {
-        setIsModalOpen(false);
-    };
-    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 },
-    };
-    const keysToExtract = [
-        "swtrmt_zone_cd",
-        "mltv_dtdv_nm",
-        "fid",
-        "lyrTypeNm",
-        "reg_dt",
-        "mdfcn_dt",
-        "rgtr",
-        "mdfr",
-    ];
-    // const filteredData = Object.entries(featureData)
-    // .filter(([key]) => keysToExtract.includes(key)) // 필요한 키만 필터링
-    // .map(([key, value]) => ({ key, value: value ?? "N/A" })); // 테이블 데이터 형식으로 변환
-
-    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 className="absolute bottom-0 left-0 w-full flex justify-start space-x-2 p-4">
-                <Button
-                    className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"
-                    onClick={openModal}
-                >
-                    Infil
-                </Button>
-                <Button
-                    className="px-4 py-2 bg-gray-600 text-white rounded hover:bg-gray-700"
-                    onClick={openModal}
-                >
-                    RDII
-                </Button>
-            </div>
-            <InfilChart btnTxt={btnTxt} isModalOpen={isModalOpen} setIsModalOpen={setIsModalOpen} closeModal={closeModal} />
-        </div>
-    )
-}
-
-export default SwtrmtFclt
\ No newline at end of file
diff --git a/apps/sn/app/map/components/popupComponent/SwtrmtFclt.tsx b/apps/sn/app/map/components/popupComponent/SwtrmtFclt.tsx
deleted file mode 100644
index 0d1c3ef2e..000000000
--- a/apps/sn/app/map/components/popupComponent/SwtrmtFclt.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import Modal from '../../../components/ui/modal';
-import { VerticalTable } from '../../../components/ui/verticalTable';
-import { UiTable } from '@common/business_components/ui';
-import { Button, TableCell } from '@common/components/ui';
-import React, { useState } from 'react'
-
-// 하수처리시설
-const headList = [
-    { id: "title", title: "하수도정비 기본계획보고서" },
-    { id: "cad", title: "하수도대장 평면도" },]
-const modalHeadList = [
-    { id: "no", title: "번호" },
-    { id: "year", title: "승인연도" },
-    { id: "cad", title: '평면도'},
-    { id: "fileNm", title: "파일명" },  
-    { id: "date", title: "입력시간" },  
-]
-
-const SwtrmtFclt = () => {
-    const [isModalOpen, setIsModalOpen] = useState(false);
-    const [modalTitle, setModalTitle] = useState<string>('');
-    const openModal = (title:string) => {
-        setIsModalOpen(true);
-        setModalTitle(title)
-    };
-    const closeModal = () => {
-        setIsModalOpen(false);
-    };
-    return (
-        <div>
-            <VerticalTable children={{
-                title: <Button onClick={() => openModal('하수도정비 기본계획보고서')}>보고서</Button>,
-                cad: <Button onClick={() => openModal('하수도대장 평면도')}>평면도</Button>,
-            }} headName='디지털 자료관 연계정보' tableData={[]} headlist={headList} pageSize={20} total={0} cellClick={undefined} isEditable={true} onPageChange={function (page: number): void {
-                throw new Error("Function not implemented.");
-            }}></VerticalTable>
-            <Modal isModalOpen={isModalOpen} setIsModalOpen={setIsModalOpen} closeModal={closeModal}>
-                <div className='grid grid-col-2'>
-                    <UiTable headName={modalTitle} tableData={[]} headlist={modalHeadList} pageSize={20} total={0} cellClick={undefined} children={undefined} onPageChange={function (page: number): void {
-                        throw new Error("Function not implemented.");
-                    }
-                    }></UiTable>
-                </div>
-            </Modal>
-        </div>
-    )
-}
-
-export default SwtrmtFclt
\ No newline at end of file
diff --git a/apps/sn/app/map/components/popupComponent/chart/infilChart.tsx b/apps/sn/app/map/components/popupComponent/chart/infilChart.tsx
deleted file mode 100644
index 06c5b5fec..000000000
--- a/apps/sn/app/map/components/popupComponent/chart/infilChart.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import React, { useState } from 'react'
-import { type ChartConfig, MainChart, CHART_FORM } from "@common/business_components";
-import Modal from '../../../../components/ui/modal';
-import { Button } from '@common/components/ui';
-type ModalOpenProp = {
-    isModalOpen: boolean,
-    setIsModalOpen: (open: boolean) => void,
-    closeModal: () => void,
-    btnTxt?: string,
-}
-const InfilChart = ({ btnTxt, isModalOpen, setIsModalOpen, closeModal }: ModalOpenProp) => {
-    const [popupOpen, setPopupOpen] = React.useState(false);
-    const buttonRef = React.useRef<HTMLButtonElement>(null); // 버튼 참조
-    const [popupPosition, setPopupPosition] = useState<{ top: number; left: number }>({ top: 0, left: 0 }); // 팝업 위치
-    const openPopup = () => {
-        if (buttonRef.current) {
-            const rect = buttonRef.current.getBoundingClientRect(); // 버튼 위치 계산
-            setPopupPosition({
-                top: rect.bottom + window.scrollY, // 버튼 아래쪽
-                left: rect.left + window.scrollX, // 버튼 왼쪽
-            });
-        }
-    setPopupOpen(true); // 팝업 열기
-    };
-    console.log("btnTxt", btnTxt);
-    const closePopup = () => {setPopupOpen(false);}; // 팝업 닫기
-    const chartForm = CHART_FORM.LINE;
-    const chartData = {
-        chartData1: [
-            { label: "1", val: 20 },
-            { label: "3", val: 40 },
-            { label: "5", val: 60 },
-          ],
-          chartData2: [
-            { label: "1", val: 15 },
-            { label: "3", val: 35 },
-            { label: "5", val: 55 },
-          ],
-        }
-        const chartConfig = Object.values(chartData).flat().reduce((config, element) => {
-            config[element.label] = {
-                label: element.label,
-                color: "hsl(var(--chart-1))",
-            };
-            return config;
-        }, {} as Record<string, { label: string; color: string }>) satisfies ChartConfig;
-    const getCurrentDate = () => {
-        const today = new Date();
-        const year = today.getFullYear();
-        const month = String(today.getMonth() + 1).padStart(2, "0"); // 월은 0부터 시작하므로 +1
-        return `${year}-${month}`;
-    };
-    return (
-        <Modal isModalOpen={isModalOpen} setIsModalOpen={setIsModalOpen} closeModal={closeModal}>
-            {/* 분석 입력현황 조회 */}
-            <div className='grid grid-cols-4 gap-4'>
-                <div className="grid grid-rows-4 gap-4 mb-4">
-                    <Button className="bg-white text-white w-[130px] font-bold px-4 mt-2 py-2" onClick={openPopup}>
-                        분석 입력현황 조회
-                    </Button>
-
-                    {/* 침입수량 분석결과 */}
-                    <div className="bg-white text-red-600 font-bold px-4 py-2 ">
-                        침입수량 분석결과
-                        <div className="flex items-center mt-2">
-                            <span className="text-black text-xl font-bold">120</span>
-                            <span className="ml-2 text-black">m³/d</span>
-                        </div>
-                    </div>
-                </div>
-                {/* 차트 */}
-                <div className="w-[500px] h-[300px] bg-white p-4">
-                    <MainChart chartConfig={chartConfig} chartForm={chartForm} chartData={chartData} chartTitle={'관로유량'} />
-                </div>
-            </div>
-            {popupOpen && (
-                <div
-                    className="absolute bg-gray-100 border border-gray-300 w-[320px] shadow-lg p-4 rounded"
-                    style={{
-                        top: popupPosition.top,
-                        left: popupPosition.left,
-                        zIndex: 1000,
-                    }}
-                >
-                    <div className="text-lg font-bold mb-2">분석 입력현황</div>
-                    <div className="grid grid-cols-2 gap-2">
-                        <div>상수사용량 정보:</div>
-                        <div>
-                            <input type='month' defaultValue={getCurrentDate()} className="border border-gray-300 rounded px-2 py-1"/>
-                        </div>
-                        <div>오수 전환율:</div>
-                        <div>
-                            <select className="border border-gray-300 rounded px-2 py-1">
-                                <option>0.85</option>
-                                <option>0.90</option>
-                            </select>
-                        </div>
-                        <div>수용가-맨홀 매칭:</div>
-                        <div>
-                            <select className="border border-gray-300 rounded px-2 py-1">
-                                <option>매칭(양평).shp</option>
-                                <option>매칭(서울).shp</option>
-                            </select>
-                        </div>
-                        <div>관망도 자료:</div>
-                        <div>
-                            <select className="border border-gray-300 rounded px-2 py-1">
-                                <option>양평.inp</option>
-                                <option>서울.inp</option>
-                            </select>
-                        </div>
-                        {btnTxt === 'RDII' ?  <><div>강우 자료:</div>
-                        <div>
-                            <select className="border border-gray-300 rounded px-2 py-1">
-                                <option>R20240815.xlsx</option>
-                            </select>
-                        </div>
-                        <div>RTX 계수 출처:</div>
-                        <div>
-                            <select className="border border-gray-300 rounded px-2 py-1">
-                                <option>2015년 하수도정비기본계획</option>
-                            </select>
-                        </div>
-                        </> : null}
-                    </div>
-                    <div className="flex justify-end mt-4 space-x-2">
-                        <button className="px-4 py-2 bg-gray-600 text-white rounded" onClick={closePopup}>
-                            저장
-                        </button>
-                        <button className="px-4 py-2 bg-gray-600 text-white rounded" onClick={closePopup}>
-                            종료
-                        </button>
-                    </div>
-                </div>
-            )}
-        </Modal>
-    )
-}
-
-export default InfilChart
\ No newline at end of file
diff --git a/apps/sn/app/map/components/popupComponent/sewagePump.tsx b/apps/sn/app/map/components/popupComponent/sewagePump.tsx
deleted file mode 100644
index 79103a40e..000000000
--- a/apps/sn/app/map/components/popupComponent/sewagePump.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { VerticalTable } from '../../../components/ui/verticalTable';
-import React from 'react'
-const inputColumn = [
-    { id: "swtrmt_zone_cd", title: "처리구역", type: "select", options: ["구역1", "구역2"] },
-    { id: "mltv_dtdv_nm", title: "배수분구", type: "input" },
-    { id: "freq", title: "설계빈도", type: "input" },
-]
-// 오수펌프
-const sewagePump = ({ featureData }: { featureData: any }) => {
-  return (
-    <div><VerticalTable headName='자체 입력정보' tableData={[]} headlist={inputColumn} pageSize={0} total={0} children={undefined} cellClick={undefined} isEditable={true} onPageChange={function (page: number): void {
-          throw new Error('Function not implemented.');
-        }} />
-        </div>
-  )
-}
-
-export default sewagePump
diff --git a/apps/sn/app/map/components/popupComponent/smh.tsx b/apps/sn/app/map/components/popupComponent/smh.tsx
deleted file mode 100644
index 39920232b..000000000
--- a/apps/sn/app/map/components/popupComponent/smh.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-// 하수맨홀
-import { VerticalTable } from '../../../components/ui/verticalTable';
-import React from 'react'
-const inputColumn = [
-    { id: "guyeok", title: "처리구역", type: "select", options: ["구역1", "구역2"] },
-    { id: "basu", title: "배수구역", type: "input" },
-    { id: "bungu", title: "배수분구", type: "input" },
-    { id: "place", title: "매설위치", type: "select", options: ["도로", "하상"] },
-    {id:'spec', title:'규격', type:'input'},
-];
-const Smh = () => {
-  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>
-   </div>
-  )
-}
-
-export default Smh;
\ No newline at end of file
diff --git a/apps/sn/app/map/components/popupComponent/stormWaterPump.tsx b/apps/sn/app/map/components/popupComponent/stormWaterPump.tsx
deleted file mode 100644
index 172022f31..000000000
--- a/apps/sn/app/map/components/popupComponent/stormWaterPump.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import { VerticalTable } from '../../../components/ui/verticalTable';
-import React from 'react'
-const inputColumn = [
-    { id: "swtrmt_zone_cd", title: "처리구역", type: "input" },
-    { id: "mltv_dtdv_nm", title: "배수분구", type: "input" },
-]
-// 빗물펌프
-const StormWaterPump = ({ featureData }: { featureData: Record<string, any> }) => {
-  const validKey = inputColumn.map((item) => item.id);
-  const filteredData = featureData && Object.entries(featureData).filter(([key]) => validKey.includes(key)).reduce((obj: Record<string, any>, [key, value]) => {obj[key] = value; return obj;}, {});
-  return (
-    <div><VerticalTable headName='자체 입력정보' tableData={[filteredData]} headlist={inputColumn} pageSize={0} total={0} children={undefined} cellClick={undefined} isEditable={true} onPageChange={function (page: number): void {
-          throw new Error('Function not implemented.');
-        }} />
-        </div>
-  )
-}
-
-export default StormWaterPump
\ No newline at end of file