diff --git a/apps/sn/app/components/ui/fileUploadForm.tsx b/apps/sn/app/components/ui/fileUploadForm.tsx index dd3575302..e111d8362 100644 --- a/apps/sn/app/components/ui/fileUploadForm.tsx +++ b/apps/sn/app/components/ui/fileUploadForm.tsx @@ -1,10 +1,10 @@ "use client" import { FileUpload, SelectBox } from '@common/business_components/ui'; -import { Button } from '@common/components/ui'; +import { Button, Input } from '@common/components/ui'; import React, { useState } from 'react' -const FileUploadForm = ({title}:{title:string}) => { +const FileUploadForm = ({ title }: { title: string }) => { const [files, setFiles] = useState(null); const [selectedYear, setSelectedYear] = useState(''); @@ -20,35 +20,41 @@ const FileUploadForm = ({title}:{title:string}) => {

{title}

-
-
- -
+
+
setSelectedYear(String(value))} + /> setSelectedYear(String(value))} /> - +
+
+
+ +
+ +
diff --git a/apps/sn/app/oper/floodPre/page.tsx b/apps/sn/app/oper/floodPre/page.tsx index 3c0303609..d2c5fb848 100644 --- a/apps/sn/app/oper/floodPre/page.tsx +++ b/apps/sn/app/oper/floodPre/page.tsx @@ -5,19 +5,8 @@ import React, { useRef, useState } from 'react' import FileUploadForm from '../../components/ui/fileUploadForm' import ListDiv from '@common/business_components/ui/list_div' import ContentLayout from '@/components/ui/contentLayout' -const tableHeadlist = [ - { id: 'no', title: 'NO' }, - { id: 'fileNm', title: '파일명' }, - { id: 'manageYear', title: '기준년도' }, - { id: 'registDt', title: '등록 일자' }, - { id: 'registUsr', title: '등록자' } +import { tableData, tableHeadlist } from '../oldPp/page' -] -const tableData = [ - { 'no': '1', 'fileNm': '파일명', 'manageYear': '2023', 'registDt': '2025-04-16', 'registUsr': 'me' }, - { 'no': '2', 'fileNm': '파일명', 'manageYear': '2024', 'registDt': '2025-04-16', 'registUsr': 'me2' }, - { 'no': '3', 'fileNm': '파일명', 'manageYear': '2025', 'registDt': '2025-04-16', 'registUsr': 'me3' } -] const Page = () => { const [selectedDate, setSelectedDate] = useState(new Date()) const [company, setCompany] = useState('') @@ -28,7 +17,7 @@ const Page = () => {
- + { if (date) setSelectedDate(date) }} /> @@ -38,7 +27,7 @@ const Page = () => { onSelect={(date: Date | undefined) => { if (date) setSelectedDate(date) }} />
- + { />
- + {
- { }} onPageChange={function (page: number): void { + { }} onPageChange={function (page: number): void { throw new Error('Function not implemented.') }}> diff --git a/apps/sn/app/oper/oldPp/page.tsx b/apps/sn/app/oper/oldPp/page.tsx index 832942752..3dd169245 100644 --- a/apps/sn/app/oper/oldPp/page.tsx +++ b/apps/sn/app/oper/oldPp/page.tsx @@ -1,26 +1,36 @@ 'use client' import { ContentsDiv, MainDiv, SearchDiv, SearchFormLeft, SearchFormRight, SelectBox, Title, UiTable } from '@common/business_components/ui' -import { Button, DatePicker, Label } from '@common/components/ui' +import { Button, DatePicker, Input, Label } from '@common/components/ui' import React, { useState } from 'react' import FileUploadForm from '../../components/ui/fileUploadForm' import ListDiv from '@common/business_components/ui/list_div' import ContentLayout from '@/components/ui/contentLayout' // TODO: 임시 id -const tableHeadlist = [ +export const tableHeadlist = [ { id: 'no', title: 'NO' }, { id: 'fileNm', title: '파일명' }, - { id: 'manageYear', title: '관리년도' }, + { id: 'manageYear', title: '년도' }, + { id: 'bungi', title: '분기' }, { id: 'registDt', title: '등록 일자' }, { id: 'registUsr', title: '등록자' } ] -const tableData = [ - { 'no': '1', 'fileNm': '파일명', 'manageYear': '2023', 'registDt': '2025-04-16', 'registUsr': 'me' }, - { 'no': '2', 'fileNm': '파일명', 'manageYear': '2024', 'registDt': '2025-04-16', 'registUsr': 'me2' }, - { 'no': '3', 'fileNm': '파일명', 'manageYear': '2025', 'registDt': '2025-04-16', 'registUsr': 'me3' } +export const tableData = [ + { 'no': '1', 'fileNm': '파일명', 'manageYear': '2023', 'registDt': '2025-04-16', 'registUsr': 'me', 'bungi': '1분기' }, + { 'no': '2', 'fileNm': '파일명', 'manageYear': '2024', 'registDt': '2025-04-16', 'registUsr': 'me2', 'bungi': '1분기' }, + { 'no': '3', 'fileNm': '파일명', 'manageYear': '2025', 'registDt': '2025-04-16', 'registUsr': 'me3', 'bungi': '1분기' }, + { 'no': '4', 'fileNm': '파일명', 'manageYear': '2025', 'registDt': '2025-04-16', 'registUsr': 'me3', 'bungi': '1분기' }, + { 'no': '5', 'fileNm': '파일명', 'manageYear': '2025', 'registDt': '2025-04-16', 'registUsr': 'me3', 'bungi': '1분기' }, + { 'no': '6', 'fileNm': '파일명', 'manageYear': '2025', 'registDt': '2025-04-16', 'registUsr': 'me3', 'bungi': '1분기' }, + { 'no': '7', 'fileNm': '파일명', 'manageYear': '2025', 'registDt': '2025-04-16', 'registUsr': 'me3', 'bungi': '1분기' }, + { 'no': '8', 'fileNm': '파일명', 'manageYear': '2025', 'registDt': '2025-04-16', 'registUsr': 'me3', 'bungi': '1분기' }, + { 'no': '9', 'fileNm': '파일명', 'manageYear': '2025', 'registDt': '2025-04-16', 'registUsr': 'me3', 'bungi': '1분기' }, + { 'no': '10', 'fileNm': '파일명', 'manageYear': '2025', 'registDt': '2025-04-16', 'registUsr': 'me3', 'bungi': '1분기' } ] const Page = () => { const [selectedDate, setSelectedDate] = useState(new Date()); + const [company, setCompany] = useState('') + const [pjNm, setpjNm] = useState('') return ( @@ -35,6 +45,22 @@ const Page = () => { { if (date) setSelectedDate(date) }} /> +
+ + setCompany(e.target.value)} + /> +
+
+ + setpjNm(e.target.value)} + /> +
@@ -43,14 +69,14 @@ const Page = () => { -
+

사업정보 등록현황

- { }} onPageChange={function (page: number): void { + { }} onPageChange={function (page: number): void { throw new Error('Function not implemented.') }}>