From f93493f68c9f368e10f1c3379f1c1384068e3b14 Mon Sep 17 00:00:00 2001 From: dujinkim Date: Mon, 8 Sep 2025 10:29:19 +0000 Subject: (대표님, 최겸) rfqLast, bidding, prequote MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../table/components/award-simple-file-upload.tsx | 307 +++++++++++++++++++++ 1 file changed, 307 insertions(+) create mode 100644 lib/bidding/detail/table/components/award-simple-file-upload.tsx (limited to 'lib/bidding/detail/table/components/award-simple-file-upload.tsx') diff --git a/lib/bidding/detail/table/components/award-simple-file-upload.tsx b/lib/bidding/detail/table/components/award-simple-file-upload.tsx new file mode 100644 index 00000000..c19918f6 --- /dev/null +++ b/lib/bidding/detail/table/components/award-simple-file-upload.tsx @@ -0,0 +1,307 @@ +'use client' + +import * as React from 'react' +import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card' +import { Button } from '@/components/ui/button' +import { Input } from '@/components/ui/input' +import { Label } from '@/components/ui/label' +import { Badge } from '@/components/ui/badge' +import { + Table, + TableBody, + TableCell, + TableHead, + TableHeader, + TableRow, +} from '@/components/ui/table' +import { + Upload, + FileText, + Download, + Trash2 +} from 'lucide-react' +import { useToast } from '@/hooks/use-toast' +import { useTransition } from 'react' +import { + uploadAwardDocument, + getAwardDocuments, + getAwardDocumentForDownload, + deleteAwardDocument +} from '../../service' +import { downloadFile } from '@/lib/file-download' + +interface UploadedDocument { + id: number + fileName: string + originalFileName: string + fileSize: number | null + filePath: string + title: string | null + description: string | null + uploadedAt: Date + uploadedBy: string +} + +interface AwardSimpleFileUploadProps { + biddingId: number + userId: string + readOnly?: boolean +} + +export function AwardSimpleFileUpload({ + biddingId, + userId, + readOnly = false +}: AwardSimpleFileUploadProps) { + const { toast } = useToast() + const [isPending, startTransition] = useTransition() + const [documents, setDocuments] = React.useState([]) + const [isLoading, setIsLoading] = React.useState(true) + + // 업로드된 문서 목록 로드 + const loadDocuments = React.useCallback(async () => { + try { + setIsLoading(true) + const docs = await getAwardDocuments(biddingId) + setDocuments(docs as UploadedDocument[]) + } catch (error) { + console.error('Failed to load documents:', error) + toast({ + title: '오류', + description: '업로드된 문서 목록을 불러오는데 실패했습니다.', + variant: 'destructive', + }) + } finally { + setIsLoading(false) + } + }, [biddingId, toast]) + + React.useEffect(() => { + loadDocuments() + }, [loadDocuments]) + + // 파일 업로드 처리 + const handleFileUpload = (event: React.ChangeEvent) => { + const files = event.target.files + if (!files || files.length === 0) return + + const file = files[0] + + // 파일 크기 체크 (50MB 제한) + if (file.size > 50 * 1024 * 1024) { + toast({ + title: '파일 크기 초과', + description: '파일 크기가 50MB를 초과합니다.', + variant: 'destructive', + }) + return + } + + // 파일 타입 체크 + const allowedTypes = [ + 'application/pdf', + 'application/msword', + 'application/vnd.openxmlformats-officedocument.wordprocessingml.document', + 'application/vnd.ms-excel', + 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet', + 'image/jpeg', + 'image/png', + 'application/zip' + ] + + if (!allowedTypes.includes(file.type)) { + toast({ + title: '지원하지 않는 파일 형식', + description: 'PDF, Word, Excel, 이미지, ZIP 파일만 업로드 가능합니다.', + variant: 'destructive', + }) + return + } + + startTransition(async () => { + const result = await uploadAwardDocument(biddingId, file, userId) + + if (result.success) { + toast({ + title: '업로드 완료', + description: result.message, + }) + await loadDocuments() // 문서 목록 새로고침 + } else { + toast({ + title: '업로드 실패', + description: result.error, + variant: 'destructive', + }) + } + }) + + // input 초기화 + event.target.value = '' + } + + // 파일 다운로드 + const handleDownload = (document: UploadedDocument) => { + startTransition(async () => { + const result = await getAwardDocumentForDownload(document.id, biddingId) + + if (result.success) { + try { + await downloadFile(result.document?.filePath, result.document?.originalFileName, { + showToast: true + }) + } catch (error) { + toast({ + title: '다운로드 실패', + description: '파일 다운로드에 실패했습니다.', + variant: 'destructive', + }) + } + } else { + toast({ + title: '다운로드 실패', + description: result.error, + variant: 'destructive', + }) + } + }) + } + + // 파일 삭제 + const handleDelete = (document: UploadedDocument) => { + if (!confirm(`"${document.originalFileName}" 파일을 삭제하시겠습니까?`)) { + return + } + + startTransition(async () => { + const result = await deleteAwardDocument(document.id, biddingId, userId) + + if (result.success) { + toast({ + title: '삭제 완료', + description: result.message, + }) + await loadDocuments() // 문서 목록 새로고침 + } else { + toast({ + title: '삭제 실패', + description: result.error, + variant: 'destructive', + }) + } + }) + } + + // 파일 크기 포맷팅 + const formatFileSize = (bytes: number | null) => { + if (!bytes) return '-' + if (bytes === 0) return '0 Bytes' + const k = 1024 + const sizes = ['Bytes', 'KB', 'MB', 'GB'] + const i = Math.floor(Math.log(bytes) / Math.log(k)) + return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i] + } + + return ( + + + + + 낙찰 관련 문서 업로드 + + + + {!readOnly && ( +
+ + +

+ 지원 형식: PDF, Word, Excel, 이미지, ZIP (최대 50MB) +

+
+ )} + + {/* 업로드된 문서 목록 */} + {isLoading ? ( +
+

문서 목록을 불러오는 중...

+
+ ) : documents.length > 0 ? ( +
+ + + + + 파일명 + 크기 + 업로드일 + 작성자 + 작업 + + + + {documents.map((doc) => ( + + +
+ + + {doc.originalFileName} + +
+ + + {formatFileSize(doc.fileSize)} + + + {new Date(doc.uploadedAt).toLocaleDateString('ko-KR')} + + + {doc.uploadedBy} + + +
+ + {!readOnly && doc.uploadedBy === userId && ( + + )} +
+ + + ))} + +
+
+ ) : ( +
+ +

업로드된 문서가 없습니다

+
+ )} + + + ) +} -- cgit v1.2.3