From 4b8ec343c9d5a9b5acfc3eddfdffead96b312e16 Mon Sep 17 00:00:00 2001
From: swcho <swcho@mind-one.co.kr>
Date: Wed, 25 Jun 2025 16:12:46 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=EB=8F=84=EC=8B=9C=EC=B9=A8=EC=88=98?=
 =?UTF-8?q?=EC=98=88=EB=B0=A9=EC=82=AC=EC=97=85,=20=EB=85=B8=ED=9B=84=20?=
 =?UTF-8?q?=ED=95=98=EC=88=98=EA=B4=80=EB=A1=9C=20=EC=A0=95=EB=B9=84?=
 =?UTF-8?q?=EC=82=AC=EC=97=85=20ContentLayout=20=EC=82=AD=EC=A0=9C=20,Load?=
 =?UTF-8?q?ingOverlay=20=EC=B6=94=EA=B0=80,=20import=20=EC=A0=95=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(with-base-layout)/oper/floodPre/page.tsx | 23 ++++++++++---------
 .../(with-base-layout)/oper/oldPp/page.tsx    | 21 +++++++++--------
 2 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/apps/sn/app/(with-base-layout)/oper/floodPre/page.tsx b/apps/sn/app/(with-base-layout)/oper/floodPre/page.tsx
index 54438e6fe..11803b7e8 100644
--- a/apps/sn/app/(with-base-layout)/oper/floodPre/page.tsx
+++ b/apps/sn/app/(with-base-layout)/oper/floodPre/page.tsx
@@ -1,15 +1,15 @@
 'use client'
-import { SearchDiv, SearchFormLeft, SearchFormRight, SelectBox, UiTable } from '@common/business_components/ui'
-import { Button, DatePicker, Input, Label, LoadingWithAnimation } from '@common/components/ui'
-import React, { useEffect, useState } from 'react'
-import OperFileUploadForm from '../../../components/ui/operFileUploadForm'
-import ListDiv from '@common/business_components/ui/list_div'
-import ContentLayout from '@/components/ui/contentLayout'
-import { searchCmmnCd, searchData } from '@/components/lib/common/apiHelpers'
-import { tableHeadlist } from '..'
-import { formatDate, yearOptions, handleDownload } from '@/components/lib/utils'
 import { deleteData, postData } from '@/components/lib/api'
+import { searchCmmnCd, searchData } from '@/components/lib/common/apiHelpers'
+import { formatDate, handleDownload, yearOptions } from '@/components/lib/utils'
 import LoadingOverlay from '@/components/ui/LoadingBar'
+import { SearchDiv, SearchFormLeft, SearchFormRight, SelectBox, UiTable } from '@common/business_components/ui'
+import ListDiv from '@common/business_components/ui/list_div'
+import { Button, DatePicker, Input, Label } from '@common/components/ui'
+import { useEffect, useState } from 'react'
+import { tableHeadlist } from '..'
+import OperFileUploadForm from '../../../components/ui/operFileUploadForm'
+
 
 const Page = () => {
   // 조회조건
@@ -87,7 +87,8 @@ const Page = () => {
     if (data) { alert('파일이 등록되었습니다.'); fetchData() }
   }
   return (
-    <ContentLayout title='도시침수 예방사업' isLoading={isLoading}>
+    <>
+      <LoadingOverlay isLoading={isLoading ?? false} />
       <SearchDiv>
         <SearchFormLeft>
           <div className='flex items-center gap-5'>
@@ -154,7 +155,7 @@ const Page = () => {
       <ListDiv className="mt-4">
         <OperFileUploadForm title='도시침수 예방사업 사업추진현황 등록' onSubmit={async (file, year, quater, cd, id) => { await registFile(file, year, quater, cd, id) }} />
       </ListDiv>
-    </ContentLayout>
+    </>
   )
 }
 
diff --git a/apps/sn/app/(with-base-layout)/oper/oldPp/page.tsx b/apps/sn/app/(with-base-layout)/oper/oldPp/page.tsx
index f756ab30f..392ed8af8 100644
--- a/apps/sn/app/(with-base-layout)/oper/oldPp/page.tsx
+++ b/apps/sn/app/(with-base-layout)/oper/oldPp/page.tsx
@@ -1,14 +1,16 @@
 'use client'
-import { SearchDiv, SearchFormLeft, SearchFormRight, SelectBox, UiTable } from '@common/business_components/ui'
-import { Button, DatePicker, Input, Label } from '@common/components/ui'
-import React, { useEffect, useState } from 'react'
-import OperFileUploadForm from '../../../components/ui/operFileUploadForm'
-import ListDiv from '@common/business_components/ui/list_div'
-import ContentLayout from '@/components/ui/contentLayout'
-import { tableHeadlistOldPp } from '..'
-import { searchData } from '@/components/lib/common/apiHelpers'
-import { formatDate, yearOptions, handleDownload } from '@/components/lib/utils'
 import { deleteData, postData } from '@/components/lib/api'
+import { searchData } from '@/components/lib/common/apiHelpers'
+import { formatDate, handleDownload, yearOptions } from '@/components/lib/utils'
+import LoadingOverlay from '@/components/ui/LoadingBar'
+import { SearchDiv, SearchFormLeft, SearchFormRight, SelectBox, UiTable } from '@common/business_components/ui'
+import ListDiv from '@common/business_components/ui/list_div'
+import { Button, DatePicker, Input, Label } from '@common/components/ui'
+import { useEffect, useState } from 'react'
+import { tableHeadlistOldPp } from '..'
+import OperFileUploadForm from '../../../components/ui/operFileUploadForm'
+
+
 const Page = () => {
   const [fromDate, setFromDate] = useState<Date>(() => { const date = new Date(); date.setDate(date.getDate() - 7); return date });
   const [toDate, setToDate] = useState<Date>(new Date());
@@ -88,6 +90,7 @@ const Page = () => {
   }
   return (
     <>
+      <LoadingOverlay isLoading={isLoading ?? false} />
       <SearchDiv>
         <SearchFormLeft>
           <div className='flex items-center gap-4'>