65 lines
2.9 KiB
TypeScript
65 lines
2.9 KiB
TypeScript
"use client"
|
|
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<File[] | null>(null);
|
|
const [selectedYear, setSelectedYear] = useState<string>('');
|
|
const [selectedQuarter, setSelectedQuarter] = useState<string>('');
|
|
|
|
// 현재 년도부터 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'}]
|
|
return (
|
|
<div>
|
|
<div className='card-header'>
|
|
<h3 className="text-2xl font-medium">{title}</h3>
|
|
</div>
|
|
<div className="card p-6">
|
|
<div className="grid grid-col-2 items-center space-x-4">
|
|
<div className='flex'>
|
|
<SelectBox
|
|
className="w-50 mr-3 ml-4"
|
|
selectClass="rounded-lg bg-white"
|
|
label="년도"
|
|
selectArray={yearOptions}
|
|
onSelectValue={(value: string | number) => setSelectedYear(String(value))}
|
|
/><SelectBox
|
|
className="w-50"
|
|
selectClass="rounded-lg bg-white"
|
|
label="분기"
|
|
selectArray={quater}
|
|
onSelectValue={(value: string | number) => setSelectedQuarter(String(value))}
|
|
/>
|
|
</div>
|
|
<div className='flex mt-5 items-center'>
|
|
<div className="w-[200px] mr-4">
|
|
<Input id="file" type="file" />
|
|
</div>
|
|
<Button
|
|
className="px-4 py-2 bg-blue-600 text-white rounded-sm text-sm font-medium hover:bg-blue-700"
|
|
size="sm"
|
|
onClick={() => {
|
|
if (!files?.[0] || !selectedYear || !selectedQuarter) {
|
|
alert('파일과 등록년도를 선택해주세요.');
|
|
return;
|
|
}
|
|
// TODO: 파일 업로드 처리
|
|
console.log('Upload file:', files[0], 'Year:', selectedYear);
|
|
}}
|
|
>
|
|
등록
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default FileUploadForm |