1 files changed, 52 insertions, 2 deletions

diff --git a/components/knox/approval/ApprovalDetail.tsx b/components/knox/approval/ApprovalDetail.tsx
index 034bde7d..6db43cbe 100644
--- a/components/knox/approval/ApprovalDetail.tsx
+++ b/components/knox/approval/ApprovalDetail.tsx
@@ -28,6 +28,15 @@ interface ApprovalDetailData {
   content: ApprovalContentResponse['data'];
 }
 
+// 첨부파일 타입 (가이드에 명확히 정의되어 있지 않아 필드 일부 추정)
+interface ApprovalAttachment {
+  fileName?: string;
+  fileSize?: string;
+  downloadUrl?: string;
+  fileId?: string;
+  [key: string]: unknown; // 기타 필드 허용
+}
+
 export default function ApprovalDetail({ 
   useFakeData = false, 
   systemId = 'EVCP_SYSTEM',
@@ -126,6 +135,43 @@ export default function ApprovalDetail({
     }
   };
 
+  // 첨부파일 다운로드 헬퍼
+  const handleDownload = async (attachment: ApprovalAttachment) => {
+    try {
+      // 1) downloadUrl 이 이미 포함된 경우
+      if (attachment.downloadUrl) {
+        window.open(attachment.downloadUrl, '_blank');
+        return;
+      }
+
+      // 2) fileId + 별도 엔드포인트 조합 (가이드에 명시되지 않았으므로 best-effort 처리)
+      if (attachment.fileId) {
+        const url = `${process.env.KNOX_API_BASE_URL}/approval/api/v2.0/attachments/${attachment.fileId}`;
+        const resp = await fetch(url, {
+          method: 'GET',
+          headers: {
+            'System-ID': systemId,
+          },
+        });
+        if (!resp.ok) throw new Error('다운로드 실패');
+
+        // blob 생성 후 브라우저 다운로드
+        const blob = await resp.blob();
+        const link = document.createElement('a');
+        link.href = URL.createObjectURL(blob);
+        link.download = attachment.fileName || 'attachment';
+        link.click();
+        URL.revokeObjectURL(link.href);
+        return;
+      }
+
+      toast.error('다운로드 URL 정보를 찾을 수 없습니다.');
+    } catch (err) {
+      console.error('첨부파일 다운로드 오류:', err);
+      toast.error('첨부파일 다운로드 중 오류가 발생했습니다.');
+    }
+  };
+
   // 초기 로딩 (initialApInfId가 있는 경우)
   useEffect(() => {
     if (initialApInfId) {
@@ -338,14 +384,18 @@ export default function ApprovalDetail({
                   <h3 className="text-lg font-semibold">첨부파일</h3>
                   
                   <div className="space-y-2">
-                    {approvalData.detail.attachments.map((attachment: any, index: number) => (
+                    {approvalData.detail.attachments.map((attachment: ApprovalAttachment, index: number) => (
                       <div key={index} className="flex items-center gap-3 p-3 bg-gray-50 rounded-lg">
                         <FileText className="w-4 h-4 text-gray-500" />
                         <div className="flex-1">
                           <p className="text-sm font-medium">{attachment.fileName || `첨부파일 ${index + 1}`}</p>
                           <p className="text-xs text-gray-500">{attachment.fileSize || '크기 정보 없음'}</p>
                         </div>
-                        <Button variant="outline" size="sm">
+                        <Button 
+                          variant="outline" 
+                          size="sm" 
+                          onClick={() => handleDownload(attachment)}
+                        >
                           다운로드
                         </Button>
                       </div>