From 85ae1ef9e4372de0fd01476cab57a992b0329c06 Mon Sep 17 00:00:00 2001
From: Hyungi Ahn <hyungiahn@Hyungiui-MacBookPro.local>
Date: Sat, 25 Oct 2025 14:42:27 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EA=B4=80=EB=A6=AC=ED=95=A8=20=EB=82=A0?=
 =?UTF-8?q?=EC=A7=9C=20=EA=B7=B8=EB=A3=B9=ED=99=94=20=EA=B8=B0=EC=A4=80=20?=
 =?UTF-8?q?=EA=B0=9C=EC=84=A0=20-=20=EC=83=81=ED=83=9C=EB=B3=84=20?=
 =?UTF-8?q?=EB=8B=A4=EB=A5=B8=20=EB=82=A0=EC=A7=9C=20=EA=B8=B0=EC=A4=80=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

📅 Date Grouping Logic Improvement:
- 진행 중 탭: 업로드한 날짜(report_date) 기준으로 그룹화
- 완료됨 탭: 완료된 날짜(actual_completion_date) 기준으로 그룹화
- 완료일이 없는 경우 업로드일로 폴백

🎨 Visual Indicator Enhancement:
- 날짜 헤더에 기준 표시 추가
- 진행 중: '업로드일' 파란색 배지
- 완료됨: '완료일' 초록색 배지
- 사용자가 어떤 기준으로 그룹화되었는지 명확히 인지 가능

🔧 Technical Implementation:
- currentTab 상태에 따른 조건부 날짜 선택
- 동적 배지 색상 및 텍스트 적용
- 완료일 없는 경우 안전한 폴백 처리

💡 User Experience:
- 진행 중: 언제 업로드되었는지 시간순 확인
- 완료됨: 언제 완료되었는지 완료순 확인
- 각 탭의 목적에 맞는 날짜 기준으로 체계적 관리

Expected Result:
✅ 진행 중 탭에서는 업로드일 기준 그룹화
✅ 완료됨 탭에서는 완료일 기준 그룹화
✅ 날짜 헤더에 기준 표시로 명확한 구분
✅ 상태별 목적에 맞는 시간순 관리
---
 frontend/issues-management.html | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/issues-management.html b/frontend/issues-management.html
index e92225e..2288e14 100644
--- a/frontend/issues-management.html
+++ b/frontend/issues-management.html
@@ -473,10 +473,19 @@
 
             emptyState.classList.add('hidden');
             
-            // 날짜별로 그룹화
+            // 날짜별로 그룹화 (상태에 따라 다른 날짜 기준 사용)
             const groupedByDate = {};
             filteredIssues.forEach(issue => {
-                const date = new Date(issue.report_date).toLocaleDateString('ko-KR');
+                let date;
+                if (currentTab === 'in_progress') {
+                    // 진행 중: 업로드한 날짜 기준
+                    date = new Date(issue.report_date).toLocaleDateString('ko-KR');
+                } else {
+                    // 완료됨: 완료된 날짜 기준 (없으면 업로드 날짜)
+                    const completionDate = issue.actual_completion_date || issue.report_date;
+                    date = new Date(completionDate).toLocaleDateString('ko-KR');
+                }
+                
                 if (!groupedByDate[date]) {
                     groupedByDate[date] = [];
                 }
@@ -496,6 +505,9 @@
                                 <i class="fas fa-chevron-down transition-transform duration-200" id="icon-${groupId}"></i>
                                 <h3 class="font-semibold text-gray-800">${date}</h3>
                                 <span class="text-sm text-gray-500">(${issues.length}건)</span>
+                                <span class="text-xs px-2 py-1 rounded-full ${currentTab === 'in_progress' ? 'bg-blue-100 text-blue-600' : 'bg-green-100 text-green-600'}">
+                                    ${currentTab === 'in_progress' ? '업로드일' : '완료일'}
+                                </span>
                             </div>
                         </div>