From cb1bcd606163a1061b75ba0378f2da7b008d2ae3 Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Fri, 19 Dec 2025 18:06:47 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20-=20searchModal=20=ED=99=94=EB=A9=B4=20?=
 =?UTF-8?q?=EB=B0=98=EC=9D=91=ED=98=95=20=ED=81=AC=EA=B8=B0=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95=20-=20=EC=B9=A8=EC=9E=85=EC=88=98=20=EB=B6=84?=
 =?UTF-8?q?=EC=84=9D=20=EA=B2=B0=EA=B3=BC,=20RDII=20=EB=B6=84=EC=84=9D=20?=
 =?UTF-8?q?=EA=B2=B0=EA=B3=BC=20=ED=91=9C=20=EC=84=B8=EB=A1=9C=20=EC=8A=A4?=
 =?UTF-8?q?=ED=81=AC=EB=A1=A4=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/(map-layout)/map/searchModal/basicTab.tsx |  2 +-
 .../(map-layout)/map/searchModal/operationTab.tsx |  2 +-
 .../(map-layout)/map/searchModal/reportTab.tsx    | 14 +++++++-------
 .../(map-layout)/map/searchModal/searchModal.tsx  | 15 ++++++++-------
 .../app/(with-base-layout)/ii/rdiiResult/page.tsx |  8 ++++----
 apps/sn/app/(with-base-layout)/ii/result/page.tsx |  8 ++++----
 6 files changed, 25 insertions(+), 24 deletions(-)

diff --git a/apps/sn/app/(map-layout)/map/searchModal/basicTab.tsx b/apps/sn/app/(map-layout)/map/searchModal/basicTab.tsx
index 6d1507f06..c21dc8ca4 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/basicTab.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/basicTab.tsx
@@ -34,7 +34,7 @@ const BasicTab: React.FC = () => {
   const { basicType, setBasicType } = useSearchModalStore();
 
   return (
-    <div className="relative border rounded-lg p-5 w-full h-[10vh]">
+    <div className="relative border rounded-lg pt-5 px-5 w-full min-h-[10vh]">
       {/* 구분 */}
       <div className="mb-3 flex items-center justify-between gap-4">
         <div className="flex items-center">
diff --git a/apps/sn/app/(map-layout)/map/searchModal/operationTab.tsx b/apps/sn/app/(map-layout)/map/searchModal/operationTab.tsx
index 692551cbb..63c18875d 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/operationTab.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/operationTab.tsx
@@ -37,7 +37,7 @@ const OperationTab: React.FC = () => {
   }));
 
   return (
-    <div className="relative flex flex-col border rounded-lg p-5 w-full h-[10vh]">
+    <div className="relative flex flex-col border rounded-lg pt-5 px-5 w-full min-h-[10vh]">
       <div className="flex items-center mb-3">
         <Label className="text-xl text-gray-600 font-medium whitespace-nowrap mr-2">업무구분</Label>
         <SelectBox
diff --git a/apps/sn/app/(map-layout)/map/searchModal/reportTab.tsx b/apps/sn/app/(map-layout)/map/searchModal/reportTab.tsx
index bb6b4cd89..a90284dde 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/reportTab.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/reportTab.tsx
@@ -72,15 +72,15 @@ const ReportTab: React.FC<ReportTabProps> = ({ open, isSearch = true, ctpvNm, sg
   } = useSearchModalStore();
   const { ctpv, sgg } = useStore();
   const {
-    isOpen: isReportFilesModalOpen, 
+    isOpen: isReportFilesModalOpen,
     setIsOpen: setIsReportFilesModalOpen,
     dcTree: reportOriginData,
     fetchDcTree
-   } = useReportTabStore(); // 모달 상태 관리 스토어
-   const { REPORT_TYPES, flattenFolders, addFileName } = useReportTab();
-   
-   useEffect(() => {
-     fetchDcTree("기본계획"); // 하수정비기본계획 report 
+  } = useReportTabStore(); // 모달 상태 관리 스토어
+  const { REPORT_TYPES, flattenFolders, addFileName } = useReportTab();
+
+  useEffect(() => {
+    fetchDcTree("기본계획"); // 하수정비기본계획 report 
   }, []);
 
   useEffect(() => {
@@ -206,7 +206,7 @@ const ReportTab: React.FC<ReportTabProps> = ({ open, isSearch = true, ctpvNm, sg
 
   return (
     <>
-      <div className={`relative flex flex-col border rounded-lg p-5 w-full ${isSearch ? "h-[10vh]" : "h-[6vh]"}`}>
+      <div className={`relative flex flex-col border rounded-lg pt-5 px-5 w-full ${isSearch ? "min-h-[10vh]" : "min-h-[6vh]"}`}>
         {isSearch && (
           <>
             <div className="flex items-center mb-3">
diff --git a/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx b/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx
index 8da8911e5..cd2a5c23e 100644
--- a/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx
+++ b/apps/sn/app/(map-layout)/map/searchModal/searchModal.tsx
@@ -125,7 +125,7 @@ const SearchModal: React.FC = () => {
       {/* 📋 결과 리스트 */}
       {/* 기본정보 탭 */}
       {activeTab === 'basic' && (
-        <div className="h-[79vh] w-full overflow-hidden rounded-lg border">
+        <div className="h-[79vh] w-full overflow-x-hidden overflow-y-auto rounded-lg border mt-4">
           <div className="flex-1 px-2 pb-2">
             <LoadingOverlay isLoading={isLoading} />
             <UiTable
@@ -156,7 +156,7 @@ const SearchModal: React.FC = () => {
       {/* 유지관리 정보 탭 */}
       {activeTab === 'operation' && (
         <>
-          <div className="h-[39vh] w-full overflow-hidden rounded-lg border">
+          <div className="h-[39vh] w-full overflow-hidden rounded-lg border mt-4">
             <div className="flex-1 px-2 pb-2">
               <LoadingOverlay isLoading={isLoading} />
               <UiTable
@@ -217,23 +217,24 @@ const SearchModal: React.FC = () => {
   );
 
   return (
-    <>
+    <div className='overflow-x-auto overflow-y-hidden'>
       <UiModal
         open={isSearchModalOpen}
         onOpenChange={setIsSearchModalOpen}
         bodyClass={`
         h-[100dvh]
-        w-[60dvw]
-        max-w-[100dvw]
+        w-[90dvw]
+        max-w-[90dvw]
+        min-w-[1024px]
         max-h-[100dvh]
-        overflow-hidden
+        overflow-y-hidden
         z-[101]
       `}
         body={renderBody()}
         useDirectRender={true}
       />
       <Toaster position="top-center"></Toaster>
-    </>
+    </div>
   );
 };
 
diff --git a/apps/sn/app/(with-base-layout)/ii/rdiiResult/page.tsx b/apps/sn/app/(with-base-layout)/ii/rdiiResult/page.tsx
index c791a3f12..835584e75 100644
--- a/apps/sn/app/(with-base-layout)/ii/rdiiResult/page.tsx
+++ b/apps/sn/app/(with-base-layout)/ii/rdiiResult/page.tsx
@@ -100,7 +100,7 @@ const Result = () => {
   const [sggCd, setSggCd] = useState<string>('0'); // 시군구 코드 상태
   const [sggName, setSggName] = useState<string>(''); // 시군구 이름 상태
 
-  const {ctpv, sgg} = useStore();
+  const { ctpv, sgg } = useStore();
 
   useEffect(() => {
     // setCurPage(1);
@@ -166,7 +166,7 @@ const Result = () => {
           sggNm: sggOne ? sggOne.text : item.sggCd,
         };
       })
-      .filter((item: any) => item.scsYn === 'Y');
+        .filter((item: any) => item.scsYn === 'Y');
 
       // 선택된 행 초기화
       setSelectedRowData(null);
@@ -304,9 +304,9 @@ const Result = () => {
       onDeleteFile={handleFileDelete}
       selectedRowData={selectedRowData}
     >
-      {[<div key='table1' className="h-[58vh] flex flex-col border rounded-lg bg-white shadow-md">
+      {[<div key='table1' className="flex-1 flex flex-col border rounded-lg bg-white shadow-md min-h-0">
         {/* <div className="mb-[1.2rem] text-xl font-medium">○ RDII 분석결과 현황</div> */}
-        <div className="flex-grow overflow-auto">
+        <div className="flex-1 min-h-0">
           <UiTable
             headName=''
             headlist={tableColumn}
diff --git a/apps/sn/app/(with-base-layout)/ii/result/page.tsx b/apps/sn/app/(with-base-layout)/ii/result/page.tsx
index 832809dcc..eb9f679b5 100644
--- a/apps/sn/app/(with-base-layout)/ii/result/page.tsx
+++ b/apps/sn/app/(with-base-layout)/ii/result/page.tsx
@@ -96,7 +96,7 @@ const Result = () => {
   const [ctpvCd, setCtpvCd] = useState<string>('0'); // 시도 코드 상태
   const [sggCd, setSggCd] = useState<string>('0'); // 시군구 코드 상태
   const [sggName, setSggName] = useState<string>(''); // 시군구 이름 상태
-  const {ctpv, sgg} = useStore();
+  const { ctpv, sgg } = useStore();
 
   useEffect(() => {
     // setCurPage(1);
@@ -159,7 +159,7 @@ const Result = () => {
           sggNm: sggOne ? sggOne.text : item.sggCd,
         };
       })
-      .filter((item: any) => item.scsYn === 'Y');
+        .filter((item: any) => item.scsYn === 'Y');
 
       // 선택된 행 초기화
       setSelectedRowData(null);
@@ -296,9 +296,9 @@ const Result = () => {
       onDeleteFile={handleFileDelete}
       selectedRowData={selectedRowData}
     >
-      {[<div key='table1' className="h-[58vh] flex flex-col border rounded-lg bg-white shadow-md">
+      {[<div key='table1' className="flex-1 flex flex-col border rounded-lg bg-white shadow-md min-h-0">
         {/* <div className="mb-[1.2rem] text-xl font-medium">○ 침입수 산정결과 현황</div> */}
-        <div className="flex-grow overflow-auto">
+        <div className="flex-1 min-h-0">
           <UiTable
             headName=''
             headlist={tableColumn}