From 231c4eb86771a44b24248ca403fcbb8c44fff74b Mon Sep 17 00:00:00 2001 From: joonhoekim <26rote@gmail.com> Date: Fri, 24 Oct 2025 19:44:04 +0900 Subject: (김준회) SWP 파일 업로드 처리, 다운로드는 임시 처리(네트워크경로에서 다운로드받도록) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- lib/swp/table/swp-help-dialog.tsx | 153 ++++++++++++++++++++++++++++++++++++ lib/swp/table/swp-table-columns.tsx | 83 ++++++++++++++++--- lib/swp/table/swp-table-toolbar.tsx | 139 +++++++++++++++++++++++++++++--- 3 files changed, 351 insertions(+), 24 deletions(-) create mode 100644 lib/swp/table/swp-help-dialog.tsx (limited to 'lib/swp/table') diff --git a/lib/swp/table/swp-help-dialog.tsx b/lib/swp/table/swp-help-dialog.tsx new file mode 100644 index 00000000..18f29644 --- /dev/null +++ b/lib/swp/table/swp-help-dialog.tsx @@ -0,0 +1,153 @@ +"use client"; + +import { HelpCircle } from "lucide-react"; +import { Button } from "@/components/ui/button"; +import { + Dialog, + DialogContent, + DialogDescription, + DialogHeader, + DialogTitle, + DialogTrigger, +} from "@/components/ui/dialog"; +import { Badge } from "@/components/ui/badge"; + +export function SwpUploadHelpDialog() { + return ( + + + + + + + 파일 업로드 가이드 + + 올바른 파일명 형식으로 업로드해주세요 + + + +
+ {/* 파일명 형식 */} +
+

📋 파일명 형식

+
+ [OWN_DOC_NO]_[REV_NO]_[STAGE]_[YYYYMMDDhhmmss].[확장자] +
+

+ ⚠️ 언더스코어(_)가 정확히 3개 있어야 합니다 +

+
+ + {/* 각 항목 설명 - 1라인 형태 */} +
+

📝 항목 설명

+ +
+ + OWN_DOC_NO + +
+ 벤더의 문서번호 + - 프로젝트마다 유니크해야 합니다 +
+
+ +
+ + REV_NO + +
+ 리비전 번호 + - 보통 01, 02 같은 식으로 피드백에 따라 증가합니다 +
+
+ +
+ + STAGE + +
+ 스테이지 + - 중공업이 설정한 스테이지입니다 (예: IFA, IFC, AFC, BFC) +
+
+ +
+ + YYYYMMDDhhmmss + +
+ 날짜 및 시간 + - 업로드 날짜 정보를 기입합니다 (14자리 숫자) +
+
+
+ + {/* 예시 */} +
+

✅ 올바른 예시

+
+
+ + VD-DOC-001_01_IFA_20250124143000.pdf + +
+
+ + TECH-SPEC-002_02_IFC_20250124150000.dwg + +
+
+
+ + {/* 잘못된 예시 */} +
+

❌ 잘못된 예시

+
+
+ + VD-DOC-001-01-IFA-20250124.pdf + +

+ ✗ 언더스코어(_) 대신 하이픈(-) 사용 +

+
+
+ + VD-DOC-001_01_IFA.pdf + +

+ ✗ 날짜/시간 정보 누락 +

+
+
+ + VD-DOC-001_01_IFA_20250124.pdf + +

+ ✗ 시간 정보 누락 (14자리가 아님) +

+
+
+
+ + {/* 주의사항 */} +
+

+ ⚠️ 주의사항 +

+
    +
  • 파일명 형식이 올바르지 않으면 업로드가 실패합니다
    • +
  • 같은 파일명으로 이미 업로드된 파일이 있으면 덮어쓰지 않고 오류 처리됩니다
    • +
  • 프로젝트와 업체 코드를 먼저 선택해야 업로드 버튼이 활성화됩니다
    • +
+
+
+ + + ); +} + diff --git a/lib/swp/table/swp-table-columns.tsx b/lib/swp/table/swp-table-columns.tsx index b18e2b27..573acf1b 100644 --- a/lib/swp/table/swp-table-columns.tsx +++ b/lib/swp/table/swp-table-columns.tsx @@ -3,10 +3,13 @@ import { ColumnDef } from "@tanstack/react-table"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; -import { ChevronDown, ChevronRight, FileIcon, Download } from "lucide-react"; +import { ChevronDown, ChevronRight, FileIcon, Download, Loader2 } from "lucide-react"; import { formatDistanceToNow } from "date-fns"; import { ko } from "date-fns/locale"; import type { SwpDocumentWithStats } from "../actions"; +import { downloadSwpFile } from "../actions"; +import { useState } from "react"; +import { toast } from "sonner"; export const swpDocumentColumns: ColumnDef[] = [ { @@ -388,19 +391,75 @@ export const swpFileColumns: ColumnDef[] = [ id: "actions", header: "작업", cell: ({ row }) => ( - + ), size: 120, }, ]; +// ============================================================================ +// 다운로드 버튼 컴포넌트: 임시 구성. Download.aspx 동작 안해서 일단 네트워크드라이브 사용하도록 처리 +// ============================================================================ + +interface DownloadButtonProps { + fileId: number; + fileName: string; +} + +function DownloadButton({ fileId, fileName }: DownloadButtonProps) { + const [isDownloading, setIsDownloading] = useState(false); + + const handleDownload = async () => { + try { + setIsDownloading(true); + + // 서버 액션 호출 + const result = await downloadSwpFile(fileId); + + if (!result.success || !result.data) { + toast.error(result.error || "파일 다운로드 실패"); + return; + } + + // Blob 생성 및 다운로드 + const blob = new Blob([result.data as unknown as BlobPart], { type: result.mimeType }); + const url = window.URL.createObjectURL(blob); + const link = document.createElement("a"); + link.href = url; + link.download = result.fileName || fileName; + document.body.appendChild(link); + link.click(); + document.body.removeChild(link); + window.URL.revokeObjectURL(url); + + toast.success(`파일 다운로드 완료: ${result.fileName}`); + } catch (error) { + console.error("다운로드 오류:", error); + toast.error("파일 다운로드 중 오류가 발생했습니다."); + } finally { + setIsDownloading(false); + } + }; + + return ( + + ); +} + diff --git a/lib/swp/table/swp-table-toolbar.tsx b/lib/swp/table/swp-table-toolbar.tsx index 6858f42e..03082b26 100644 --- a/lib/swp/table/swp-table-toolbar.tsx +++ b/lib/swp/table/swp-table-toolbar.tsx @@ -16,11 +16,13 @@ import { PopoverTrigger, } from "@/components/ui/popover"; import { Label } from "@/components/ui/label"; -import { RefreshCw, Download, Search, X, Check, ChevronsUpDown } from "lucide-react"; -import { syncSwpProjectAction, type SwpTableFilters } from "../actions"; +import { RefreshCw, Search, X, Check, ChevronsUpDown, Upload } from "lucide-react"; +import { syncSwpProjectAction, uploadSwpFilesAction, type SwpTableFilters } from "../actions"; import { useToast } from "@/hooks/use-toast"; import { useRouter } from "next/navigation"; import { cn } from "@/lib/utils"; +import { useRef } from "react"; +import { SwpUploadHelpDialog } from "./swp-help-dialog"; interface SwpTableToolbarProps { filters: SwpTableFilters; @@ -34,11 +36,13 @@ export function SwpTableToolbar({ projects = [], }: SwpTableToolbarProps) { const [isSyncing, startSync] = useTransition(); + const [isUploading, startUpload] = useTransition(); const [localFilters, setLocalFilters] = useState(filters); const { toast } = useToast(); const router = useRouter(); const [projectSearchOpen, setProjectSearchOpen] = useState(false); const [projectSearch, setProjectSearch] = useState(""); + const fileInputRef = useRef(null); // 동기화 핸들러 const handleSync = () => { @@ -86,17 +90,112 @@ export function SwpTableToolbar({ /** * 파일 업로드 핸들러 - * 1) 네트워크 드라이브에 정해진 규칙대로, 파일이름 기반으로 파일 업로드하기 (단, cpyCd는 어떻게 해결할지 고민해봐야 함...) + * 1) 네트워크 드라이브에 정해진 규칙대로, 파일이름 기반으로 파일 업로드하기 * 2) 1~N개 파일 받아서, 파일 이름 기준으로 파싱해서 SaveInBoxList API를 통해 업로드 처리 - * - * 개발중인 동안은 토스트 반환하도록 처리 */ const handleUploadFiles = () => { - toast({ - title: "파일 업로드", - description: "현재 개발중입니다.", + // 프로젝트와 벤더 코드 체크 + const projectNo = localFilters.projNo; + const vndrCd = localFilters.vndrCd; + + if (!projectNo) { + toast({ + variant: "destructive", + title: "프로젝트 선택 필요", + description: "파일을 업로드할 프로젝트를 먼저 선택해주세요.", + }); + return; + } + + if (!vndrCd) { + toast({ + variant: "destructive", + title: "업체 코드 입력 필요", + description: "파일을 업로드할 업체 코드를 입력해주세요.", + }); + return; + } + + // 파일 선택 다이얼로그 열기 + fileInputRef.current?.click(); + }; + + /** + * 파일 선택 핸들러 + */ + const handleFileChange = async (event: React.ChangeEvent) => { + const selectedFiles = event.target.files; + if (!selectedFiles || selectedFiles.length === 0) { + return; + } + + const projectNo = localFilters.projNo!; + const vndrCd = localFilters.vndrCd!; + + startUpload(async () => { + try { + toast({ + title: "파일 업로드 시작", + description: `${selectedFiles.length}개 파일을 업로드합니다...`, + }); + + // 파일을 Buffer로 변환 + const fileInfos = await Promise.all( + Array.from(selectedFiles).map(async (file) => { + const arrayBuffer = await file.arrayBuffer(); + return { + fileName: file.name, + fileBuffer: Buffer.from(arrayBuffer), + }; + }) + ); + + // 서버 액션 호출 + const result = await uploadSwpFilesAction(projectNo, vndrCd, fileInfos); + + if (result.success) { + toast({ + title: "업로드 완료", + description: result.message, + }); + + // 페이지 새로고침 + router.refresh(); + } else { + toast({ + variant: "destructive", + title: "업로드 실패", + description: result.message, + }); + } + + // 실패한 파일이 있으면 상세 정보 표시 + const failedFiles = result.details.filter((d) => !d.success); + if (failedFiles.length > 0) { + console.error("실패한 파일:", failedFiles); + failedFiles.forEach((f) => { + toast({ + variant: "destructive", + title: `${f.fileName} 업로드 실패`, + description: f.error || "알 수 없는 오류", + }); + }); + } + } catch (error) { + console.error("파일 업로드 실패:", error); + toast({ + variant: "destructive", + title: "업로드 실패", + description: error instanceof Error ? error.message : "알 수 없는 오류", + }); + } finally { + // 파일 입력 초기화 + if (fileInputRef.current) { + fileInputRef.current.value = ""; + } + } }); - } + }; // 검색 적용 const handleSearch = () => { @@ -141,10 +240,26 @@ export function SwpTableToolbar({
SWP 문서 관리 시스템
-
- + +
-- cgit v1.2.3