From d4994f706c5194c427992dab6e86732dcdfde4d4 Mon Sep 17 00:00:00 2001 From: JIeunhuh Date: Wed, 21 May 2025 17:03:53 +0900 Subject: [PATCH] =?UTF-8?q?=ED=8C=8C=EC=9D=BC=20=EB=8B=A4=EC=9A=B4?= =?UTF-8?q?=EB=A1=9C=EB=93=9C=20=EB=AA=A8=EB=93=88=20=EC=83=9D=EC=84=B1=20?= =?UTF-8?q?=EB=B0=8F=20=EB=8B=A4=EC=9A=B4=20=EA=B8=B0=EB=8A=A5=20=EA=B5=AC?= =?UTF-8?q?=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- apps/sn/app/components/lib/common/date.ts | 5 + .../lib/{common => utils}/fileDownload.ts | 3 +- apps/sn/app/components/lib/utils/index.tsx | 1 + apps/sn/app/components/ui/fileUploadForm.tsx | 19 ++- apps/sn/app/oper/floodPre/page.tsx | 149 +++++++++--------- apps/sn/app/oper/oldPp/page.tsx | 48 ++++-- 6 files changed, 131 insertions(+), 94 deletions(-) create mode 100644 apps/sn/app/components/lib/common/date.ts rename apps/sn/app/components/lib/{common => utils}/fileDownload.ts (91%) diff --git a/apps/sn/app/components/lib/common/date.ts b/apps/sn/app/components/lib/common/date.ts new file mode 100644 index 000000000..4b7aa1e73 --- /dev/null +++ b/apps/sn/app/components/lib/common/date.ts @@ -0,0 +1,5 @@ +export const formatDate = (date: Date): string => { + if (!date) return ''; + const isoString = date.toISOString(); + return isoString ? isoString.split('T')[0] || '' : ''; +}; diff --git a/apps/sn/app/components/lib/common/fileDownload.ts b/apps/sn/app/components/lib/utils/fileDownload.ts similarity index 91% rename from apps/sn/app/components/lib/common/fileDownload.ts rename to apps/sn/app/components/lib/utils/fileDownload.ts index 8c760b1cc..681203196 100644 --- a/apps/sn/app/components/lib/common/fileDownload.ts +++ b/apps/sn/app/components/lib/utils/fileDownload.ts @@ -1,9 +1,8 @@ -const handleDownload = async (api:string, fileNm:string) => { +export const handleDownload = async (api:string, fileNm:string) => { try { const response = await fetch(api, { method: 'GET', }); - if (!response.ok) { throw new Error('파일 다운로드 실패'); } diff --git a/apps/sn/app/components/lib/utils/index.tsx b/apps/sn/app/components/lib/utils/index.tsx index 519afbc11..9cbcba6bb 100644 --- a/apps/sn/app/components/lib/utils/index.tsx +++ b/apps/sn/app/components/lib/utils/index.tsx @@ -1,2 +1,3 @@ export { getCookie, setCookie, removeCookie } from "./cookie"; export { handleUpload } from "./fileUploadUtil"; +export * from "./fileDownload"; diff --git a/apps/sn/app/components/ui/fileUploadForm.tsx b/apps/sn/app/components/ui/fileUploadForm.tsx index 3c57bb812..d41f56709 100644 --- a/apps/sn/app/components/ui/fileUploadForm.tsx +++ b/apps/sn/app/components/ui/fileUploadForm.tsx @@ -4,17 +4,16 @@ import { FileUpload, SelectBox } from '@common/business_components/ui'; import { Button, Input } from '@common/components/ui'; import React, { useState } from 'react' -const FileUploadForm = ({ title }: { title: string }) => { - const [files, setFiles] = useState(null); - const [selectedYear, setSelectedYear] = useState(''); - const [selectedQuarter, setSelectedQuarter] = useState(''); - - // 현재 년도부터 10년 전까지의 년도 옵션 생성 +const FileUploadForm = ({ title, onSubmit }: { title: string, onSubmit:(files:FileList, year:string, quarter:string) => void }) => { + // 현재 년도부터 10년 전까지의 년도 옵션 생성 const yearOptions = Array.from({ length: 10 }, (_, i) => { const year = new Date().getFullYear() - i; 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(null); + const [selectedYear, setSelectedYear] = useState(yearOptions[0]?.val || ''); + const [selectedQuarter, setSelectedQuarter] = useState(quater[0]?.val || ''); return (
@@ -39,18 +38,18 @@ const FileUploadForm = ({ title }: { title: string }) => {
- + {if(e.target.files)setFiles(e.target.files)}}/>
- - - -
-

사업정보 등록현황

-
- - +
+ + setManageYear(e.target.value)} + /> + ~ + setMngQu(e.target.value)} + /> +
+
+ + setUsr(e.target.value)} + /> +
+
+ + setpjNm(e.target.value)} + />
- {console.log(index, headId) }} onPageChange={function (page: number): void { - throw new Error('Function not implemented.') - }}> - - - - - - ) + + + + + + +
+

사업정보 등록현황

+
+ + +
+
+ { if (index != null) { const fileName = tableData[index]?.fileNm ?? ""; setFileNm(fileName) } }} onPageChange={function (page: number): void { + throw new Error('Function not implemented.') + }}> + + + {}}/> + + +) } export default Page \ 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 c7184a0fd..4f91d5121 100644 --- a/apps/sn/app/oper/oldPp/page.tsx +++ b/apps/sn/app/oper/oldPp/page.tsx @@ -6,17 +6,29 @@ import FileUploadForm from '../../components/ui/fileUploadForm' import ListDiv from '@common/business_components/ui/list_div' import ContentLayout from '@/components/ui/contentLayout' import { tableHeadlist } from '..' +import { handleDownload } from '@/components/lib/utils/fileDownload' +import { searchData } from '@/components/lib/common/apiHelpers' +import { formatDate } from '@/components/lib/common/date' // TODO: 임시 id -export const tableData = [{'no':'1', 'fileNm':'2023년 노후하수관로 정비사업', 'mngYr':'2023', 'mngQu':'1', 'registDt':'2023-10-01', 'registUsr':'홍길동'},] +export const tableData = [{ 'no': '1', 'fileNm': '2023년 노후하수관로 정비사업', 'mngYr': '2023', 'mngQu': '1', 'registDt': '2023-10-01', 'registUsr': '홍길동' },] const Page = () => { const [fromDate, setFromDate] = useState(new Date()); const [toDate, setToDate] = useState(new Date()); - const [company, setCompany] = useState('') + const [manageYear, setManageYear] = useState('') + const [mngQu, setMngQu] = useState('') + const [usr, setUsr] = useState('') const [pjNm, setpjNm] = useState('') - const searchData = ()=> { - - } + const [fileNm, setFileNm] = useState('') + const isChckFile = () => { + if (fileNm === '' || fileNm === undefined) { + alert('파일을 선택해주세요') + return false + } + // TODO: 추후 파일코드 동적으로 세팅 + handleDownload('/sn/attach-service/api/v1/download/6066b08c-2a55-438c-b8ff-2aed9739a0c6', fileNm) + return true + } return ( @@ -31,12 +43,26 @@ const Page = () => { { if (date) setToDate(date) }} /> +
+ + setManageYear(e.target.value)} + /> + ~ + setMngQu(e.target.value)} + /> +
setCompany(e.target.value)} + value={usr} + onChange={(e) => setUsr(e.target.value)} />
@@ -51,23 +77,23 @@ const Page = () => {
- +

사업정보 등록현황

- +
- { }} onPageChange={function (page: number): void { + { if (index != null) { const fileName = tableData[index]?.fileNm ?? ""; setFileNm(fileName) } }} onPageChange={function (page: number): void { throw new Error('Function not implemented.') }}> - + { }} /> )