도시침수예방사업 파일업로드/다운/삭제 기능 구현 완료

apps/sn/app/components/lib/api/index.ts

@@ -55,7 +55,7 @@ export const deleteData = async (url: string, data?: object): Promise<any> => {
         },
         body: data ? JSON.stringify(data) : undefined,
     };
-    const res = await fetch(`${BASE_URL}/${url}`, options);
-    const resData = await res.json();
-    return resData;
+    const res = await fetch(url.startsWith('/') ? `${url}` : `${BASE_URL}/${url}`, options);
+    if(res.status === 204) return true
+    return res;
 };

apps/sn/app/components/ui/fileUploadForm.tsx

@@ -17,12 +17,13 @@ interface FileUploadFormProps {
 const FileUploadForm = ({ onSubmit, showButton = true, showPreview = false, accept = ".jpeg,.jpg,.png", }: FileUploadFormProps) => {
     const [atflCd, setAtflCd] = useState<string | null>(null);
     const [atflId, setAtflId] = useState<string | null>(null);
+    const [fileName, setFileName] = useState<string>('');
     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);
+        setFileName(orgnlFileNm);
         setAtflCd(atflCd);
         setAtflId(atflId);
     };
@@ -65,7 +66,7 @@ const FileUploadForm = ({ onSubmit, showButton = true, showPreview = false, acce
                                 showPreview ? (
                                     <div className="file-uploader-preview">
                                         {files && files.length > 0
-                                            ? Array.from(files).map((file) => file.name).join(", ")
+                                            ? fileName
                                             : "파일을 선택하세요."}
                                     </div>
                                 ) : null
@@ -92,6 +93,8 @@ const FileUploadForm = ({ onSubmit, showButton = true, showPreview = false, acce
                                 }
                                 const fileNm = files?.[0]?.name || '';
                                 onSubmit(fileNm, selectedYear, selectedQuarter, atflCd || '', atflId || '');
+                                setFiles(null); // 파일 업로드 후 파일 목록 초기화
+                                setFileName(''); // 파일명 초기화   
                             }}
                         >
                             등록

apps/sn/app/oper/floodPre/page.tsx

@@ -12,18 +12,19 @@ import { formatDate } from '@/components/lib/utils/date'
 import { deleteData, getData, postData } from '@/components/lib/api'
 
 const Page = () => {
+    // 조회조건
     const [fromDate, setFromDate] = useState(new Date())
     const [toDate, setToDate] = useState(new Date())
     const [manageYear, setManageYear] = useState('')
     const [mngQu, setMngQu] = useState('')
     const [usr, setUsr] = useState('')
     const [pjNm, setpjNm] = useState('')
-    const [fileNm, setFileNm] = useState('')
-    const [atflId, setAtflId] = useState('')
-    const [atflCd, setAtflCd] = useState('')
-    const [sbmrgPrevntBizSn, setSbmrgPrevntBizSn] = useState('')
-    const [tableData, setTableData] = useState<any>([{}])
-    const [curPage, setCurPage] = useState(1)
+    // 파일업로드 관련 상태
+    const [fileNm, setFileNm] = useState('') //파일명
+    const [atflId, setAtflId] = useState('') //파일 ID
+    const [sbmrgPrevntBizSn, setSbmrgPrevntBizSn] = useState('') //파일 일련번호
+    const [tableData, setTableData] = useState<any>([{}]) //테이블 데이터
+    const [curPage, setCurPage] = useState(1) //현재 페이지
     const fetchData = async () => {
         const data = await searchData('v1/sbmrgPrevnt', {
             fromRegDt: formatDate(fromDate),
@@ -49,30 +50,29 @@ const Page = () => {
         handleDownload(`/attach-service/api/v1/download/${atflId}`, fileNm)
     }
     const isDeleteFile = async () => {
-        if (fileNm === '' || fileNm === undefined) {
+        if (sbmrgPrevntBizSn === '' || sbmrgPrevntBizSn === undefined) {
             alert('삭제할 파일을 선택해주세요')
             return false
         }
-        const data = await getData(`/attach-service/api/v1/atfl/attachments/${atflId}`)
+        const data = await deleteData(`/attach-service/api/v1/atfl/attachments/${atflId}`)
         if (data) {
             const delData = await deleteData(`v1/sbmrgPrevnt/${sbmrgPrevntBizSn}`)
-            if (delData) {
+            if (delData.status === 200) {
                 alert('삭제되었습니다.')
                 fetchData()
-            } else {
-                alert('삭제에 실패했습니다.')
             }
         }
     }
-    const registFile = async (fileNm: string, year: string, quater: string, cd: string, id: string) => {
+    const registFile = async (fileName: string, year: string, quater: string, cd: string, id: string) => {
         const data = await postData('v1/sbmrgPrevnt', {
-            atflNm: fileNm,
+            atflNm: fileName,
             mngYr: year,
             mngQu: quater,
             atflCd: cd,
-            atflId: id
+            atflId: id,
+            sbmrgPrevntBizNm:fileName
         })
-        if (data.ok) { setAtflId(data.atflId); setAtflCd(data.atflCd) }
+        if (data) {alert('파일이 등록되었습니다.'); fetchData() }
     }
     return (
         <ContentLayout title='도시침수 예방사업'>
@@ -133,7 +133,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={10} cellClick={(index) => { if (index != null) { const fileName = tableData[index]?.fileNm ?? ""; setFileNm(fileName); setSbmrgPrevntBizSn(tableData[index]?.sbmrgPrevntBizSn) } }} onPageChange={async (page:number)=>{setCurPage(page); await fetchData()}}></UiTable>
+                <UiTable headName='' tableData={tableData} headlist={tableHeadlist} pageSize={10} total={10} 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) }} />

apps/sn/app/oper/index.ts

@@ -1,9 +1,17 @@
 export const tableHeadlist = [
     { id: 'sbmrgPrevntBizSn', title: '일련번호' },
-    { id: 'fileNm', title: '파일명' },
+    { id: 'sbmrgPrevntBizNm', title: '파일명' },
     { id: 'mngYr', title: '년도' },
     { id: 'mngQu', title: '분기' },
-    { id: 'registDt', title: '등록 일자' },
-    { id: 'registUsr', title: '등록자' }
+    { id: 'regDt', title: '등록 일자' },
+    { id: 'rgtr', title: '등록자' }
 
+]
+export const tableHeadlistOldPp = [
+    { id: 'dcrpPplMtncBizSn', title: '일련번호' },
+    { id: 'dcrpPplMtncBizNm', title: '파일명' },
+    { id: 'mngYr', title: '년도' },
+    { id: 'mngQu', title: '분기' },
+    { id: 'regDt', title: '등록 일자' },
+    { id: 'rgtr', title: '등록자' }
 ]