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

🔄 Status Modal Improvements:
- 진행 중 / 완료됨 2개 옵션으로 단순화
- 진행 중 선택 시 바로 관리함으로 이동
- 완료됨 선택 시 추가 정보 입력 섹션 표시

📝 Completion Information Fields:
- 완료 사진 업로드 (1장, 선택사항)
- 해결방안 입력 (어떻게 해결했는지)
- 해결한 부서 선택 (담당부서)
- 해결한 사람 입력 (담당자)
- 모든 필드는 선택사항으로 관리함에서 나중에 입력 가능

🎨 Frontend Implementation:
- completionSection으로 통합된 완료 관련 UI
- 상태 선택에 따른 동적 섹션 표시/숨김
- 부서 선택 드롭다운 (생산, 품질, 구매, 설계, 영업)
- 직관적인 아이콘과 색상으로 필드 구분
- 사용자 안내 메시지로 UX 개선

🔧 Backend API Updates:
- IssueStatusUpdateRequest에 solution, responsible_department, responsible_person 필드 추가
- update_issue_status API에서 완료 상태 시 추가 필드 처리
- 해결방안, 담당부서, 담당자 정보 자동 저장

🚀 User Experience:
- 진행 중: 클릭 한 번으로 바로 관리함 이동
- 완료됨: 필요한 정보를 한 번에 입력하고 완료 처리
- 선택사항 필드로 유연한 워크플로우 지원
- 관리함에서 나중에 추가/수정 가능한 구조

💡 Workflow Optimization:
- 수신함에서 완료 처리 시 필요한 정보를 미리 입력
- 관리함 작업량 감소 및 효율성 향상
- 완료 확인일 자동 기록으로 추적 개선

Expected Result:
✅ 진행 중 선택 시 바로 관리함 이동
✅ 완료됨 선택 시 해결방안, 담당부서, 담당자 입력 가능
✅ 완료 사진과 함께 종합적인 완료 정보 수집
✅ 선택사항 필드로 유연한 사용 가능
✅ 관리함에서 추가 편집 가능한 구조
---
 .../__pycache__/schemas.cpython-311.pyc       | Bin 18175 -> 18351 bytes
 backend/database/schemas.py                   |   3 +
 .../routers/__pycache__/inbox.cpython-311.pyc | Bin 19283 -> 19524 bytes
 backend/routers/inbox.py                      |  14 +-
 frontend/issues-inbox.html                    | 121 +++++++++++++-----
 5 files changed, 108 insertions(+), 30 deletions(-)

diff --git a/backend/database/__pycache__/schemas.cpython-311.pyc b/backend/database/__pycache__/schemas.cpython-311.pyc
index 459f4134d435bda627f6de018eefd9365f9e784e..c6585bd5cbd9fb686445cadfecbea423d42d54f1 100644
GIT binary patch
delta 407
zcmez0%ecOuk#{*SFBbz4w8#I+xVVw`whH5d$%;balT>YjqPSAoQ#m9-vS5(Pn!;uS
zWTh}iaRX&|P-NJlGQ1diI3O~?44Ryi9aLiki)w*p6xD%<dLW_6H+h4O=;Y0+a+6)<
zL?)N=@K1iA%E#C<`Ms*wWM2h)whJseK(yIj?II)Ns?CBLrA&+mC%0?WGH%(-s{N6X
z@yO=yI%$lIXD7$$onpMWSyP{%k@3oAO9P<TgUJgFqZw~({$sd{k@3mo?Z&4VUu|wO
zk!NIk3$(d7ZnB+$*yg>aJ&cUMfhzSUSDNdveFDk!Pi8cd+I-YphLQ3AWC4EB$=@wL
zGBR&|X<5w3$gw%rT7!{Ih!Lnxd-5J*$;nG>8W_bltJ(@OGAS@lUT7#h+1t*EQEGFa
dT^g$vJEQIg225f`<wua{7lf41W;vIKOaP2xaOMC2

delta 313
zcmZ4A&-lNWk#{*SFBbz4T#WgXA+eG7whCj=WJMwINvbw1!3>&gllxR-m^8U2C+Lb!
z7EqI$yh4MYe*#c>5r|j_#Kpdo6V$vW7ijWq{;GDGk#YIvgBqnwjQb{=Yu7Sv+`Lu$
zBO~L%&C7Mu7#UAZ=F>mLcy9AeeSSv9i<@5>0LAW34ls&lyt;Xf(Jn^Dhm+GyPBA{;
zY-B3W$o2|kc--W724b6Y&3YIae*jhLPu8^1VS5jf>7TsONNRJbg$yI(pUDFJqLY_f
zeq?0WJkzR}k&$&XuZ;#H8$TmZo%ZA$6UoUTwhfFTo3GjmGBU|BP7X8@p8VU+iBWvB
eoqZas77L^H2L?=HM&(D4=of?(&*pP3519axo?<%y

diff --git a/backend/database/schemas.py b/backend/database/schemas.py
index aa6806f..8932562 100644
--- a/backend/database/schemas.py
+++ b/backend/database/schemas.py
@@ -163,6 +163,9 @@ class IssueStatusUpdateRequest(BaseModel):
     review_status: ReviewStatus
     notes: Optional[str] = None
     completion_photo: Optional[str] = None  # 완료 사진 (Base64)
+    solution: Optional[str] = None  # 해결방안
+    responsible_department: Optional[DepartmentType] = None  # 담당부서
+    responsible_person: Optional[str] = None  # 담당자
 
 class ManagementUpdateRequest(BaseModel):
     """관리함에서 사용할 필드 업데이트 요청"""
diff --git a/backend/routers/__pycache__/inbox.cpython-311.pyc b/backend/routers/__pycache__/inbox.cpython-311.pyc
index d1dd7b5d40d1b11a25fa7954d80b60a287532e08..993a5734a244fb4301cb6cb067fb103a9ec5deae 100644
GIT binary patch
delta 571
zcmcaSjq%6~M!w~|yj%=GFe&~|hL`<DzK3dzb(=q^ePL!yp1e_0WiqF>Z9Pv7W0pKf
z5eU?<#3R^@Sqfl5AW;NT1?K@(A=r#riYTh!JfJEBn=wlXt}3a9B}*B`n;fjI&8RXt
zkXvN(WNleNRhal}h7=*7ol27rYD+V!O?H%3W@d?3p1fbcW3#tTF%zTa<o$Y&O*xA5
zb4p7x^Yd<r6{Qvz<mVM<Cgr5Yr=%7n7M0|t=9SzMLKZJbEh^5>o4ine74ICNMfZTX
zIEtBpVREBb+va-)6Bu22q^@u)ePCeZG`%6KeMQ!!!?nln0~-TK*Z?FP$aq8B@``pq
zhwBv{4XA_;NWzoxhPvq$bq|ol<}9PP%&hZ)rW<dLG26+?xNx$VjW6qJpn%`z44c2K
zjLRmcIn8IBF`3O-mvtjhxL~t|vmCQF$WcWgeMKO(MIf1#3`OQ3wkeSK#bJ}1pHiBW
zYFD&>bEBIzvtJM+BijcC5P5@7@B=f5@jyi911ngZjX_xa13Q?>!N4i-ffLLGtA^<L
W$jrc`e1%cz0~1&#V>6eRCnEp{ypaw7

delta 351
zcmX>ygYoh-M!w~|yj%=G@IU5HMu+W2zK3dzJexnLePL$Qn!Hg{WiqF>Eo)K@OP0dq
zz1qf%ijzNT8|o^7G=RWth7_S1#w>XV55%9#R?Ahx0TdUm;R5oQ7bs75lvSQwrOm_4
zyg+4gqmKIIhm4||_v#cgF{({A)PFqL%U~t%OrQbxfVfzYnSo()qgdPKHp2;wo8ygN
zGPBMBimPw-HQ&j~IBzn$tuN~epn%inNZY@xjEg6SJI`mFI{CY^F6%m=aLQ&)7dd8a
zka0yIeMKO(MIf1#3`OQ3wkeSK#bJ}1pHiBWYFD&pbCJ6>v!5FyBijcC5P5@7@B=f5
y@jyi911ngZjX_xa13Q?>!N4i-ffLLGtA^<L$jrc`e1%cz0~1&#VDoP;PeuT~%3uuu

diff --git a/backend/routers/inbox.py b/backend/routers/inbox.py
index eade902..85f22e6 100644
--- a/backend/routers/inbox.py
+++ b/backend/routers/inbox.py
@@ -269,9 +269,21 @@ async def update_issue_status(
         except Exception as e:
             raise HTTPException(status_code=400, detail=f"완료 사진 저장 실패: {str(e)}")
     
-    # 완료 상태로 변경 시 완료 확인일 설정
+    # 완료 상태로 변경 시 추가 정보 처리
     if status_request.review_status == ReviewStatus.completed:
         issue.actual_completion_date = datetime.now().date()
+        
+        # 해결방안 저장
+        if status_request.solution:
+            issue.solution = status_request.solution
+        
+        # 담당부서 저장
+        if status_request.responsible_department:
+            issue.responsible_department = status_request.responsible_department
+        
+        # 담당자 저장
+        if status_request.responsible_person:
+            issue.responsible_person = status_request.responsible_person
     
     # 노트가 있으면 detail_notes에 추가
     if status_request.notes:
diff --git a/frontend/issues-inbox.html b/frontend/issues-inbox.html
index eaa3aa6..f80900e 100644
--- a/frontend/issues-inbox.html
+++ b/frontend/issues-inbox.html
@@ -427,19 +427,62 @@
                                   placeholder="처리 내용이나 특이사항을 입력하세요..."></textarea>
                     </div>
                     
-                    <!-- 완료 사진 업로드 (완료 상태 선택 시에만 표시) -->
-                    <div id="completionPhotoSection" class="hidden">
-                        <label class="block text-sm font-medium text-gray-700 mb-2">
-                            <i class="fas fa-camera text-green-500 mr-1"></i>완료 사진 (1장)
-                        </label>
-                        <input type="file" id="completionPhotoInput" accept="image/*" 
-                               class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm"
-                               onchange="handleCompletionPhotoSelect(event)">
-                        <div id="completionPhotoPreview" class="mt-2 hidden">
-                            <img id="completionPhotoImg" src="" alt="완료 사진 미리보기" 
-                                 class="w-full max-h-40 object-cover rounded-lg border">
+                    <!-- 완료 관련 추가 정보 (완료 상태 선택 시에만 표시) -->
+                    <div id="completionSection" class="hidden space-y-4">
+                        <!-- 완료 사진 업로드 -->
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">
+                                <i class="fas fa-camera text-green-500 mr-1"></i>완료 사진 (1장, 선택사항)
+                            </label>
+                            <input type="file" id="completionPhotoInput" accept="image/*" 
+                                   class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm"
+                                   onchange="handleCompletionPhotoSelect(event)">
+                            <div id="completionPhotoPreview" class="mt-2 hidden">
+                                <img id="completionPhotoImg" src="" alt="완료 사진 미리보기" 
+                                     class="w-full max-h-40 object-cover rounded-lg border">
+                            </div>
+                        </div>
+                        
+                        <!-- 해결방안 입력 -->
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">
+                                <i class="fas fa-lightbulb text-yellow-500 mr-1"></i>해결방안 (선택사항)
+                            </label>
+                            <textarea id="solutionInput" rows="3" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm" 
+                                      placeholder="어떻게 해결하였는지 입력하세요... (빈칸으로 두고 관리함에서 입력해도 됩니다)"></textarea>
+                        </div>
+                        
+                        <!-- 해결한 부서 -->
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">
+                                <i class="fas fa-building text-blue-500 mr-1"></i>상기 문제를 해결한 부서 (선택사항)
+                            </label>
+                            <select id="responsibleDepartmentInput" class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm">
+                                <option value="">부서 선택 (관리함에서 입력 가능)</option>
+                                <option value="production">생산</option>
+                                <option value="quality">품질</option>
+                                <option value="purchasing">구매</option>
+                                <option value="design">설계</option>
+                                <option value="sales">영업</option>
+                            </select>
+                        </div>
+                        
+                        <!-- 해결한 사람 -->
+                        <div>
+                            <label class="block text-sm font-medium text-gray-700 mb-2">
+                                <i class="fas fa-user text-purple-500 mr-1"></i>해결한 사람 (선택사항)
+                            </label>
+                            <input type="text" id="responsiblePersonInput" 
+                                   class="w-full px-3 py-2 border border-gray-300 rounded-lg text-sm"
+                                   placeholder="담당자 이름 입력 (관리함에서 입력 가능)">
+                        </div>
+                        
+                        <div class="bg-blue-50 p-3 rounded-lg">
+                            <p class="text-xs text-blue-600">
+                                <i class="fas fa-info-circle mr-1"></i>
+                                위 정보들은 선택사항입니다. 빈칸으로 두고 관리함에서 나중에 입력하셔도 됩니다.
+                            </p>
                         </div>
-                        <p class="text-xs text-gray-500 mt-1">완료 상태로 변경 시 완료 사진을 업로드할 수 있습니다.</p>
                     </div>
                     
                     <div class="flex justify-end space-x-3">
@@ -1225,25 +1268,31 @@
         function closeStatusModal() {
             currentIssueId = null;
             document.getElementById('statusModal').classList.add('hidden');
-            // 완료 사진 관련 초기화
-            document.getElementById('completionPhotoSection').classList.add('hidden');
+            // 완료 관련 필드 초기화
+            document.getElementById('completionSection').classList.add('hidden');
             document.getElementById('completionPhotoInput').value = '';
             document.getElementById('completionPhotoPreview').classList.add('hidden');
+            document.getElementById('solutionInput').value = '';
+            document.getElementById('responsibleDepartmentInput').value = '';
+            document.getElementById('responsiblePersonInput').value = '';
             completionPhotoBase64 = null;
         }
 
-        // 완료 사진 섹션 토글
+        // 완료 섹션 토글
         function toggleCompletionPhotoSection() {
             const selectedStatus = document.querySelector('input[name="finalStatus"]:checked');
-            const photoSection = document.getElementById('completionPhotoSection');
+            const completionSection = document.getElementById('completionSection');
             
             if (selectedStatus && selectedStatus.value === 'completed') {
-                photoSection.classList.remove('hidden');
+                completionSection.classList.remove('hidden');
             } else {
-                photoSection.classList.add('hidden');
-                // 완료 사진 초기화
+                completionSection.classList.add('hidden');
+                // 완료 관련 필드 초기화
                 document.getElementById('completionPhotoInput').value = '';
                 document.getElementById('completionPhotoPreview').classList.add('hidden');
+                document.getElementById('solutionInput').value = '';
+                document.getElementById('responsibleDepartmentInput').value = '';
+                document.getElementById('responsiblePersonInput').value = '';
                 completionPhotoBase64 = null;
             }
         }
@@ -1296,22 +1345,36 @@
             const reviewStatus = selectedStatus.value;
             const notes = document.getElementById('statusNotes').value.trim();
 
-            // 완료 상태인데 완료 사진이 없으면 확인
-            if (reviewStatus === 'completed' && !completionPhotoBase64) {
-                if (!confirm('완료 사진을 업로드하지 않고 완료 처리하시겠습니까?')) {
-                    return;
-                }
-            }
-
             try {
                 const requestBody = {
                     review_status: reviewStatus,
                     notes: notes || null
                 };
 
-                // 완료 사진이 있으면 추가
-                if (reviewStatus === 'completed' && completionPhotoBase64) {
-                    requestBody.completion_photo = completionPhotoBase64;
+                // 완료 상태일 때 추가 정보 수집
+                if (reviewStatus === 'completed') {
+                    // 완료 사진
+                    if (completionPhotoBase64) {
+                        requestBody.completion_photo = completionPhotoBase64;
+                    }
+                    
+                    // 해결방안
+                    const solution = document.getElementById('solutionInput').value.trim();
+                    if (solution) {
+                        requestBody.solution = solution;
+                    }
+                    
+                    // 담당부서
+                    const responsibleDepartment = document.getElementById('responsibleDepartmentInput').value;
+                    if (responsibleDepartment) {
+                        requestBody.responsible_department = responsibleDepartment;
+                    }
+                    
+                    // 담당자
+                    const responsiblePerson = document.getElementById('responsiblePersonInput').value.trim();
+                    if (responsiblePerson) {
+                        requestBody.responsible_person = responsiblePerson;
+                    }
                 }
 
                 const response = await fetch(`/api/inbox/${currentIssueId}/status`, {