공통 레이아웃 작업 및 모의정보설정/관망도 등록화면 작업중

2025-04-18 16:06:52 +09:00
parent f9cd3c579d
commit 4e0fef85f3
6 changed files with 395 additions and 12 deletions
@@ -0,0 +1,18 @@
+import { ContentsDiv, MainDiv, Title } from '@common/business_components/ui'
+import React, { type ReactNode } from 'react'
+type LayoutNode = {
+    children : ReactNode
+    title : string
+}
+const ContentLayout = ({children, title} : LayoutNode) => {
+  return (
+    <MainDiv>
+    <Title title={title} />
+    <ContentsDiv>
+      {children}
+    </ContentsDiv>
+  </MainDiv>
+  )
+}
+
+export default ContentLayout
@@ -0,0 +1,58 @@
+"use client"
+import { FileUpload, SelectBox } from '@common/business_components/ui';
+
+import { Button } 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>('');
+
+    // 현재 년도부터 10년 전까지의 년도 옵션 생성
+    const yearOptions = Array.from({ length: 10 }, (_, i) => {
+        const year = new Date().getFullYear() - i;
+        return { text: `${year}년`, val: year.toString() };
+    });
+
+    return (
+        <div>
+            <div className='card-header'>
+                <h3 className="text-2xl font-medium">{title}</h3>
+            </div>
+            <div className="card p-6">
+                <div className="flex items-center space-x-4">
+                    <div className="w-[400px]">
+                        <FileUpload
+                            files={files}
+                            setFiles={setFiles}
+                            fileTypes=".xlsx,.xls"
+                        />
+                    </div>
+                    <SelectBox
+                        className="w-50"
+                        selectClass="w-50 rounded-lg bg-white"
+                        label="관리년도"
+                        selectArray={yearOptions}
+                        onSelectValue={(value: string | number) => setSelectedYear(String(value))}
+                    />
+                    <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) {
+                                alert('파일과 등록년도를 선택해주세요.');
+                                return;
+                            }
+                            // TODO: 파일 업로드 처리
+                            console.log('Upload file:', files[0], 'Year:', selectedYear);
+                        }}
+                    >
+                        등록
+                    </Button>
+                </div>
+            </div>
+        </div>
+    )
+}
+
+export default FileUploadForm