From 499f242df557e4ba6f651d58e7cb4db882428bce Mon Sep 17 00:00:00 2001
From: JIeunhuh <entks301@naver.com>
Date: Wed, 28 May 2025 14:11:23 +0900
Subject: [PATCH] =?UTF-8?q?=ED=95=84=EC=9A=94=EC=97=86=EB=8A=94=20?=
 =?UTF-8?q?=EC=BD=94=EB=93=9C=20=EB=B0=8F=20=ED=8C=8C=EC=9D=BC=20=EC=A0=9C?=
 =?UTF-8?q?=EA=B1=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/components/ui/operFileUploadForm.tsx  | 20 +++----------------
 apps/sn/app/oper/floodPre/page.tsx            |  7 +++++--
 .../sn/app/oper/oldPp/excelDown/excelDown.tsx |  9 ---------
 apps/sn/app/oper/oldPp/page.tsx               |  9 +++++++--
 4 files changed, 15 insertions(+), 30 deletions(-)
 delete mode 100644 apps/sn/app/oper/oldPp/excelDown/excelDown.tsx

diff --git a/apps/sn/app/components/ui/operFileUploadForm.tsx b/apps/sn/app/components/ui/operFileUploadForm.tsx
index a990e1077..fc071586f 100644
--- a/apps/sn/app/components/ui/operFileUploadForm.tsx
+++ b/apps/sn/app/components/ui/operFileUploadForm.tsx
@@ -1,25 +1,11 @@
 "use client"
 import { SelectBox } from '@common/business_components/ui';
-import { Button } from '@common/components/ui';
 import React, { useState } from 'react'
-import type { HttpResponse, Upload } from "tus-js-client";
-import { FileUploader } from "@common/components";
-import { handleUpload } from "@utils";
-import { set } from 'react-hook-form';
 import FileUploadForm from './fileUploadForm';
 
 const operFileUploadForm = ({ title, onSubmit }: { title: string, onSubmit: (files: string, year: string, quarter: string, code:string, id:string) => void }) => {
     const [atflCd, setAtflCd] = useState<string | null>(null);
     const [atflId, setAtflId] = useState<string | null>(null);
-    const handleUploadResponse = (file: File) => async (res: HttpResponse) => {
-        const fileInfo = res.getHeader("X-File-Info");
-        if (!fileInfo) return;
-        const { atflCd, atflId } = JSON.parse(fileInfo) ?? {};
-        const orgnlFileNm = file.name;
-        console.log('orgnlFileNm', orgnlFileNm, atflCd, atflId);
-        setAtflCd(atflCd);
-        setAtflId(atflId);
-    };
 
     // 현재 년도부터 10년 전까지의 년도 옵션 생성
     const yearOptions = Array.from({ length: 10 }, (_, i) => {
@@ -27,10 +13,8 @@ const operFileUploadForm = ({ title, onSubmit }: { title: string, onSubmit: (fil
         return { text: `${year}년`, val: year.toString() };
     });
     const quater = [{ text: '1분기', val: '1' }, { text: '2분기', val: '2' }, { text: '3분기', val: '3' }, { text: '4분기', val: '4' }]
-    const [files, setFiles] = useState<FileList | null>(null);
     const [selectedYear, setSelectedYear] = useState<string>(yearOptions[0]?.val || '');
     const [selectedQuarter, setSelectedQuarter] = useState<string>(quater[0]?.val || '');
-    const [upload, setUpload] = useState<Upload | null>(null);
 
     return (
         <div>
@@ -54,7 +38,9 @@ const operFileUploadForm = ({ title, onSubmit }: { title: string, onSubmit: (fil
                             onSelectValue={(value: string | number) => setSelectedQuarter(String(value))}
                         />
                         <FileUploadForm
-                            onSubmit={onSubmit}
+                             onSubmit={(files, year, quarter, code, id) => {
+                                onSubmit(files, (selectedYear ?? year) || '', (selectedQuarter ?? quarter) || '', code, id);
+                            }}
                             showButton={true}
                             showPreview={true}
                             accept={""} />
diff --git a/apps/sn/app/oper/floodPre/page.tsx b/apps/sn/app/oper/floodPre/page.tsx
index e8aacad26..f12a6dcb3 100644
--- a/apps/sn/app/oper/floodPre/page.tsx
+++ b/apps/sn/app/oper/floodPre/page.tsx
@@ -51,6 +51,7 @@ const Page = () => {
         setCurPage(1)
         fetchData()
     }, [])
+    // 파일 다운로드
     const isChckFile = () => {
         if (fileNm === '' || fileNm === undefined) {
             alert('파일을 선택해주세요')
@@ -58,6 +59,7 @@ const Page = () => {
         }
         handleDownload(`/attach-service/api/v1/download/${atflId}`, fileNm)
     }
+    // 선택 파일 삭제
     const isDeleteFile = async () => {
         if (sbmrgPrevntBizSn === '' || sbmrgPrevntBizSn === undefined) {
             alert('삭제할 파일을 선택해주세요')
@@ -72,6 +74,7 @@ const Page = () => {
             }
         }
     }
+    // 현황 등록
     const registFile = async (fileName: string, year: string, quater: string, cd: string, id: string) => {
         const data = await postData('v1/sbmrgPrevnt', {
             atflNm: fileName,
@@ -103,7 +106,7 @@ const Page = () => {
                             <Input
                                 className='w-[100px]'
                                 value={manageYear}
-                                onChange={(e) => setManageYear(e.target.value)}
+                                onChange={(e) => {setManageYear(e.target.value); console.log(e.target.value)}}
                             />
                             <span>~</span>
                             <Input
@@ -142,7 +145,7 @@ const Page = () => {
                         <Button className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700 !mr-[1.2rem]" size="sm" onClick={isDeleteFile} >삭제</Button>
                     </div>
                 </div>
-                (<UiTable headName='' tableData={tableData} headlist={tableHeadlist} pageSize={10} total={totalData} cellClick={(index) => { if (index != null) { const fileName = tableData[index]?.sbmrgPrevntBizNm ?? ""; setFileNm(fileName); const id = tableData[index]?.atflId ?? ''; setAtflId(id); setSbmrgPrevntBizSn(tableData[index]?.sbmrgPrevntBizSn); } }} onPageChange={async (page: number) => { setCurPage(page); await fetchData() }}></UiTable>)
+                <UiTable headName='' tableData={tableData} headlist={tableHeadlist} pageSize={10} total={totalData} cellClick={(index) => { if (index != null) { const fileName = tableData[index]?.sbmrgPrevntBizNm ?? ""; setFileNm(fileName); const id = tableData[index]?.atflId ?? ''; setAtflId(id); setSbmrgPrevntBizSn(tableData[index]?.sbmrgPrevntBizSn); } }} onPageChange={async (page: number) => { setCurPage(page); await fetchData() }}></UiTable>
             </ListDiv>
             <ListDiv className="mt-4">
                 <OperFileUploadForm title='도시침수 예방사업 사업추진현황 등록' onSubmit={async (file, year, quater, cd, id) => { await registFile(file, year, quater, cd, id) }} />
diff --git a/apps/sn/app/oper/oldPp/excelDown/excelDown.tsx b/apps/sn/app/oper/oldPp/excelDown/excelDown.tsx
deleted file mode 100644
index d1bd5cc70..000000000
--- a/apps/sn/app/oper/oldPp/excelDown/excelDown.tsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react'
-
-const ExcelDown = () => {
-  return (
-    <div>excelDown</div>
-  )
-}
-
-export default ExcelDown
\ No newline at end of file
diff --git a/apps/sn/app/oper/oldPp/page.tsx b/apps/sn/app/oper/oldPp/page.tsx
index cf49a1f18..5708e67c3 100644
--- a/apps/sn/app/oper/oldPp/page.tsx
+++ b/apps/sn/app/oper/oldPp/page.tsx
@@ -9,7 +9,7 @@ import { tableHeadlistOldPp } from '..'
 import { handleDownload } from '@/components/lib/utils/fileDownload'
 import { searchData } from '@/components/lib/common/apiHelpers'
 import { formatDate } from '@/components/lib/utils/date'
-import { deleteData, getData, postData } from '@/components/lib/api'
+import { deleteData, postData } from '@/components/lib/api'
 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());
@@ -23,8 +23,11 @@ const Page = () => {
     const [tableData, setTableData] = useState<any>([{}])
     const [curPage, setCurPage] = useState(1)
     const [totalData, setTotalData] = useState(0) //총 데이터 수
+    const [isLoading, setIsLoading] = useState(true) //로딩 상태
     // 데이터 조회 
     const fetchData = async () => {
+        setIsLoading(true)
+        try {
         const {data, total} = await searchData('v1/dcrpPpl', {
             fromRegDt: formatDate(fromDate),
             fromMngYr: manageYear,
@@ -38,6 +41,8 @@ const Page = () => {
         setTableData(data)
         setTotalData(total)
         console.log(data, total)
+    }catch (error) {
+        console.error('Error fetching data:', error)}finally{setIsLoading(false)}
     }
     useEffect(() => {
         setCurPage(1)
@@ -82,7 +87,7 @@ const Page = () => {
         if (data) {alert('파일이 등록되었습니다.');fetchData() }
     }
     return (
-        <ContentLayout title='노후 하수관로 정비사업'>
+        <ContentLayout title='노후 하수관로 정비사업' isLoading={isLoading}>
             <SearchDiv>
                 <SearchFormLeft>
                     <div className='flex items-center gap-4'>