Files
tk-factory-services/system3-nonconformance/web/m/inbox.html
Hyungi Ahn 5aeda43605 fix: 전 시스템 Chrome 무한 로그인 루프 해결 및 role 대소문자 통일
- gateway: 로그인 페이지 자동 리다이렉트 시 SSO 쿠키 재설정 + Cache-Control no-store
- tkreport(system2): SW 해제, 401 핸들러 리다이렉트 제거, 루프 방지, localStorage 백업
- TKQC 모바일(system3): mCheckAuth를 authManager 위임으로 변경, 루프 방지
- TKQC 공통(system3): api.js 로그인 URL 캐시 버스팅, auth-manager localStorage 백업
- tkuser: SW 해제, 401 핸들러 수정, 루프 방지, localStorage 백업, requireAdmin role 소문자 통일
- system1: 작업보고서 admin role 대소문자 무시, refresh 토큰에 role 필드 추가

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-03-09 14:10:46 +09:00

204 lines
10 KiB
HTML

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>수신함</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link rel="stylesheet" href="/static/css/m-common.css?v=20260308">
</head>
<body>
<!-- 로딩 -->
<div id="loadingOverlay" class="m-loading-overlay">
<div class="m-spinner"></div>
<p>수신함을 불러오는 중...</p>
</div>
<!-- 고정 상단 헤더 -->
<header class="m-header">
<div class="m-header-title">
<i class="fas fa-inbox" style="color:#3b82f6"></i>
수신함
</div>
<div class="m-header-actions">
<button class="m-header-btn" onclick="location.reload()"><i class="fas fa-sync-alt"></i></button>
</div>
</header>
<!-- 통계 바 -->
<div class="m-stats-bar" id="statsBar">
<div class="m-stat-pill green"><span>금일 신규</span><span class="m-stat-value" id="todayNewCount">0</span></div>
<div class="m-stat-pill blue"><span>금일 처리</span><span class="m-stat-value" id="todayProcessedCount">0</span></div>
<div class="m-stat-pill red"><span>미해결</span><span class="m-stat-value" id="unresolvedCount">0</span></div>
</div>
<!-- 프로젝트 필터 -->
<div class="m-filter-bar">
<select class="m-filter-select" id="projectFilter" onchange="filterIssues()">
<option value="">전체 프로젝트</option>
</select>
</div>
<!-- 이슈 카드 리스트 -->
<div id="issuesList"></div>
<!-- 빈 상태 -->
<div id="emptyState" class="m-empty hidden">
<i class="fas fa-inbox"></i>
<p>검토 대기 중인 부적합이 없습니다</p>
</div>
<!-- ===== 바텀시트: 폐기 ===== -->
<div id="disposeOverlay" class="m-sheet-overlay" onclick="closeSheet('dispose')"></div>
<div id="disposeSheet" class="m-sheet">
<div class="m-sheet-handle"></div>
<div class="m-sheet-header">
<span class="m-sheet-title"><i class="fas fa-trash" style="color:#ef4444;margin-right:6px"></i>폐기</span>
<button class="m-sheet-close" onclick="closeSheet('dispose')"><i class="fas fa-times"></i></button>
</div>
<div class="m-sheet-body">
<div class="m-form-group">
<label class="m-label">폐기 사유</label>
<select id="disposalReason" class="m-select" onchange="toggleDisposalFields()">
<option value="duplicate">중복</option>
<option value="invalid_report">잘못된 신고</option>
<option value="not_applicable">해당 없음</option>
<option value="spam">스팸/오류</option>
<option value="custom">직접 입력</option>
</select>
</div>
<div id="customReasonDiv" class="m-form-group hidden">
<label class="m-label">사용자 정의 사유</label>
<textarea id="customReason" class="m-textarea" rows="2" placeholder="폐기 사유를 입력하세요..."></textarea>
</div>
<div id="duplicateDiv" class="m-form-group">
<label class="m-label">중복 대상 선택</label>
<div id="managementIssuesList" style="max-height:200px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:10px">
<div class="m-loading"><div class="m-spinner"></div></div>
</div>
<input type="hidden" id="selectedDuplicateId">
</div>
</div>
<div class="m-sheet-footer">
<button class="m-submit-btn red" onclick="confirmDispose()">
<i class="fas fa-trash"></i>폐기 확인
</button>
</div>
</div>
<!-- ===== 바텀시트: 검토 ===== -->
<div id="reviewOverlay" class="m-sheet-overlay" onclick="closeSheet('review')"></div>
<div id="reviewSheet" class="m-sheet">
<div class="m-sheet-handle"></div>
<div class="m-sheet-header">
<span class="m-sheet-title"><i class="fas fa-edit" style="color:#3b82f6;margin-right:6px"></i>검토</span>
<button class="m-sheet-close" onclick="closeSheet('review')"><i class="fas fa-times"></i></button>
</div>
<div class="m-sheet-body">
<div id="originalInfo" style="background:#f3f4f6;border-radius:10px;padding:12px;margin-bottom:16px;font-size:13px;color:#6b7280"></div>
<div class="m-form-group">
<label class="m-label">프로젝트</label>
<select id="reviewProjectId" class="m-select"></select>
</div>
<div class="m-form-group">
<label class="m-label">분류</label>
<select id="reviewCategory" class="m-select">
<option value="material_missing">자재 누락</option>
<option value="design_error">설계 오류</option>
<option value="incoming_defect">반입 불량</option>
<option value="inspection_miss">검사 누락</option>
<option value="quality">품질</option>
<option value="safety">안전</option>
<option value="environment">환경</option>
<option value="process">공정</option>
<option value="equipment">장비</option>
<option value="material">자재</option>
<option value="etc">기타</option>
</select>
</div>
<div class="m-form-group">
<label class="m-label">부적합명</label>
<input type="text" id="reviewTitle" class="m-input" placeholder="부적합명을 입력하세요">
</div>
<div class="m-form-group">
<label class="m-label">상세 설명</label>
<textarea id="reviewDescription" class="m-textarea" rows="3" placeholder="상세 설명을 입력하세요..."></textarea>
</div>
</div>
<div class="m-sheet-footer">
<button class="m-submit-btn" onclick="saveReview()">
<i class="fas fa-save"></i>검토 완료
</button>
</div>
</div>
<!-- ===== 바텀시트: 확인 (상태 결정) ===== -->
<div id="statusOverlay" class="m-sheet-overlay" onclick="closeSheet('status')"></div>
<div id="statusSheet" class="m-sheet">
<div class="m-sheet-handle"></div>
<div class="m-sheet-header">
<span class="m-sheet-title"><i class="fas fa-check" style="color:#22c55e;margin-right:6px"></i>확인</span>
<button class="m-sheet-close" onclick="closeSheet('status')"><i class="fas fa-times"></i></button>
</div>
<div class="m-sheet-body">
<div class="m-form-group">
<label class="m-label">상태 결정</label>
<div class="m-radio-group" id="statusRadioGroup">
<label class="m-radio-item" onclick="selectStatus('in_progress')">
<input type="radio" name="finalStatus" value="in_progress">
<div><div style="font-weight:600;font-size:14px">진행 중</div><div style="font-size:12px;color:#6b7280">관리함으로 이동하여 조치합니다</div></div>
</label>
<label class="m-radio-item" onclick="selectStatus('completed')">
<input type="radio" name="finalStatus" value="completed">
<div><div style="font-weight:600;font-size:14px">즉시 완료</div><div style="font-size:12px;color:#6b7280">바로 완료 처리합니다</div></div>
</label>
</div>
</div>
<div id="completionSection" class="hidden">
<div class="m-form-group">
<label class="m-label">해결방안</label>
<textarea id="solutionInput" class="m-textarea" rows="2" placeholder="해결방안을 입력하세요..."></textarea>
</div>
<div class="m-form-group">
<label class="m-label">담당부서</label>
<select id="responsibleDepartmentInput" class="m-select">
<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 class="m-form-group">
<label class="m-label">담당자</label>
<input type="text" id="responsiblePersonInput" class="m-input" placeholder="담당자 이름">
</div>
<div class="m-form-group">
<label class="m-label">완료 사진</label>
<div class="m-photo-upload" onclick="document.getElementById('statusPhotoInput').click()">
<i class="fas fa-cloud-upload-alt"></i>
<p>탭하여 사진 업로드 (선택)</p>
</div>
<input type="file" id="statusPhotoInput" accept="image/*" capture="environment" class="hidden" onchange="handleStatusPhoto(event)">
<img id="statusPhotoPreview" class="m-photo-preview hidden">
</div>
</div>
</div>
<div class="m-sheet-footer">
<button class="m-submit-btn green" onclick="confirmStatus()">
<i class="fas fa-check-circle"></i>확인
</button>
</div>
</div>
<!-- 스크립트 -->
<script src="/static/js/api.js?v=20260308"></script>
<script src="/static/js/core/auth-manager.js?v=20260308"></script>
<script src="/static/js/core/permissions.js?v=20260308"></script>
<script src="/static/js/utils/issue-helpers.js?v=20260308"></script>
<script src="/static/js/m/m-common.js?v=20260309"></script>
<script src="/static/js/m/m-inbox.js?v=20260308"></script>
</body>
</html>