0de9d5bb48
카카오톡 인앱 WebView는 서브도메인 간 쿠키를 공유하지 않아 tkds에서 로그인 후 tkfb로 리다이렉트 시 인증이 풀리는 문제. - sso-relay.js: URL hash의 _sso= 토큰을 로컬 쿠키+localStorage로 설정 - gateway dashboard: 로그인 후 redirect URL에 #_sso=<token> 추가 - 전 서비스 HTML: core JS 직전에 sso-relay.js 로드 (81개 파일) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
219 lines
11 KiB
HTML
219 lines
11 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>일일순회점검 - TK 공장관리</title>
|
|
<link rel="stylesheet" href="/css/daily-patrol.css?v=2026031401">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<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/tkfb.css?v=2026040103">
|
|
</head>
|
|
<body class="bg-gray-50">
|
|
<header class="bg-orange-700 text-white sticky top-0 z-50">
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="flex justify-between items-center h-14">
|
|
<div class="flex items-center gap-3">
|
|
<button id="mobileMenuBtn" class="lg:hidden text-orange-200 hover:text-white"><i class="fas fa-bars text-xl"></i></button>
|
|
<i class="fas fa-industry text-xl text-orange-200"></i>
|
|
<h1 class="text-lg font-semibold">TK 공장관리</h1>
|
|
</div>
|
|
<div class="flex items-center gap-4">
|
|
<span id="headerUserName" class="text-sm hidden sm:block">-</span>
|
|
<div id="headerUserAvatar" class="w-8 h-8 bg-orange-600 rounded-full flex items-center justify-center text-sm font-bold">-</div>
|
|
<button onclick="doLogout()" class="text-orange-200 hover:text-white" title="로그아웃"><i class="fas fa-sign-out-alt"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
<div id="mobileOverlay" class="hidden fixed inset-0 bg-black/50 z-30 lg:hidden"></div>
|
|
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 fade-in">
|
|
<div class="flex gap-6">
|
|
<nav id="sideNav" class="hidden lg:flex flex-col gap-1 w-52 flex-shrink-0 pt-2 fixed lg:static z-40 bg-white lg:bg-transparent p-4 lg:p-0 rounded-lg lg:rounded-none shadow-lg lg:shadow-none top-14 left-0 bottom-0 overflow-y-auto"></nav>
|
|
<div class="flex-1 min-w-0">
|
|
<!-- 페이지 헤더 -->
|
|
<div class="page-header">
|
|
<div class="page-title-section">
|
|
<h1 class="page-title">일일순회점검</h1>
|
|
<p class="page-description">작업장을 순회하며 안전 및 정리정돈 상태를 점검합니다</p>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 점검 시작 영역 -->
|
|
<div class="patrol-start-section">
|
|
<!-- 오늘 점검 현황 요약 -->
|
|
<div id="todayStatusSummary" class="today-status-summary">
|
|
<!-- JS에서 렌더링 -->
|
|
</div>
|
|
<button type="button" class="btn btn-primary btn-lg" id="startPatrolBtn" onclick="showFactorySelection()">
|
|
<span class="btn-icon">▶</span> 순회점검 시작
|
|
</button>
|
|
</div>
|
|
|
|
<!-- 공장 선택 영역 (점검 시작 후 표시) -->
|
|
<div id="factorySelectionArea" class="factory-selection-area" style="display: none;">
|
|
<div class="factory-selection-header">
|
|
<h3>공장을 선택하세요</h3>
|
|
<p class="factory-selection-subtitle" id="patrolSessionInfo"><!-- JS에서 렌더링 --></p>
|
|
</div>
|
|
<div id="factoryCardsContainer" class="factory-cards-container">
|
|
<!-- JS에서 공장 카드 렌더링 -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 점검 진행 영역 (세션 시작 후 표시) -->
|
|
<div id="patrolArea" class="patrol-area" style="display: none;">
|
|
<!-- 세션 정보 -->
|
|
<div id="sessionInfo" class="session-info-bar">
|
|
<!-- JS에서 렌더링 -->
|
|
</div>
|
|
|
|
<!-- 지도 및 체크리스트 영역 -->
|
|
<div class="patrol-content">
|
|
<!-- 작업장 지도 (좌측) -->
|
|
<div class="patrol-map-section">
|
|
<div class="map-header">
|
|
<h3>작업장 지도</h3>
|
|
<div class="map-legend">
|
|
<span class="legend-item completed"><span class="dot"></span> 점검완료</span>
|
|
<span class="legend-item in-progress"><span class="dot"></span> 점검중</span>
|
|
<span class="legend-item pending"><span class="dot"></span> 미점검</span>
|
|
</div>
|
|
</div>
|
|
<div id="patrolMapContainer" class="patrol-map-container">
|
|
<!-- 지도 이미지 및 작업장 마커 -->
|
|
</div>
|
|
<!-- 작업장 목록 (지도 대신 사용 가능) -->
|
|
<div id="workplaceListContainer" class="workplace-list-container">
|
|
<!-- 작업장 목록 -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 체크리스트 영역 (우측) -->
|
|
<div class="patrol-checklist-section">
|
|
<div id="checklistHeader" class="checklist-header">
|
|
<h3>체크리스트</h3>
|
|
<p class="checklist-subtitle">작업장을 선택하면 체크리스트가 표시됩니다</p>
|
|
</div>
|
|
<div id="checklistContent" class="checklist-content">
|
|
<!-- 체크리스트 항목들 -->
|
|
<div class="checklist-placeholder">
|
|
<p>좌측 지도에서 점검할 작업장을 선택해주세요</p>
|
|
</div>
|
|
</div>
|
|
<div id="checklistActions" class="checklist-actions" style="display: none;">
|
|
<button type="button" class="btn btn-secondary" onclick="saveChecklistDraft()">임시저장</button>
|
|
<button type="button" class="btn btn-primary" onclick="saveChecklist()">저장 후 다음</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 물품 현황 영역 -->
|
|
<div id="itemsSection" class="items-section" style="display: none;">
|
|
<div class="items-header">
|
|
<h3><span id="selectedWorkplaceName">작업장</span> 물품 현황</h3>
|
|
<button type="button" class="btn btn-sm btn-outline" onclick="toggleItemEditMode()">
|
|
<span id="itemEditModeText">편집모드</span>
|
|
</button>
|
|
</div>
|
|
<div id="itemsMapContainer" class="items-map-container">
|
|
<!-- 작업장 상세 지도 및 물품 마커 -->
|
|
</div>
|
|
<div id="itemsLegend" class="items-legend">
|
|
<!-- 물품 유형 범례 -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 순회점검 완료 버튼 -->
|
|
<div class="patrol-complete-section">
|
|
<div class="form-group">
|
|
<label for="patrolNotes">특이사항</label>
|
|
<textarea id="patrolNotes" class="form-control" rows="2" placeholder="순회 중 발견한 특이사항을 기록하세요..."></textarea>
|
|
</div>
|
|
<button type="button" class="btn btn-success btn-lg" onclick="completePatrol()">
|
|
순회점검 완료
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 물품 추가/수정 모달 -->
|
|
<div id="itemModal" class="modal-overlay" style="display: none;">
|
|
<div class="modal-container" style="max-width: 500px;">
|
|
<div class="modal-header">
|
|
<h2 id="itemModalTitle">물품 추가</h2>
|
|
<button class="btn-close" onclick="closeItemModal()">×</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="itemForm">
|
|
<input type="hidden" id="itemId">
|
|
<div class="form-group">
|
|
<label for="itemType">물품 유형 *</label>
|
|
<select id="itemType" class="form-control" required>
|
|
<!-- JS에서 옵션 추가 -->
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="itemName">물품명/설명</label>
|
|
<input type="text" id="itemName" class="form-control" placeholder="예: A사 용기 10개">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="itemQuantity">수량</label>
|
|
<input type="number" id="itemQuantity" class="form-control" value="1" min="1">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" onclick="closeItemModal()">취소</button>
|
|
<button type="button" class="btn btn-danger" id="deleteItemBtn" onclick="deleteItem()" style="display: none;">삭제</button>
|
|
<button type="button" class="btn btn-primary" onclick="saveItem()">저장</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
|
|
<script type="module">
|
|
import '/js/api-config.js?v=2026031401
|
|
</script>
|
|
<script>
|
|
(function() {
|
|
const checkApiConfig = setInterval(() => {
|
|
if (window.API_BASE_URL) {
|
|
clearInterval(checkApiConfig);
|
|
axios.defaults.baseURL = window.API_BASE_URL;
|
|
const token = localStorage.getItem('sso_token');
|
|
if (token) {
|
|
axios.defaults.headers.common['Authorization'] = `Bearer ${token}`;
|
|
}
|
|
axios.interceptors.request.use(
|
|
config => {
|
|
const token = localStorage.getItem('sso_token');
|
|
if (token) config.headers.Authorization = `Bearer ${token}`;
|
|
return config;
|
|
},
|
|
error => Promise.reject(error)
|
|
);
|
|
axios.interceptors.response.use(
|
|
response => response,
|
|
error => {
|
|
if (error.response?.status === 401) {
|
|
alert('세션이 만료되었습니다. 다시 로그인해주세요.');
|
|
window.location.href = '/pages/login.html';
|
|
}
|
|
return Promise.reject(error);
|
|
}
|
|
);
|
|
}
|
|
}, 50);
|
|
})();
|
|
</script>
|
|
<script src="/js/sso-relay.js?v=20260401"></script>
|
|
<script src="/static/js/tkfb-core.js?v=2026040105"></script>
|
|
<script src="/js/api-base.js?v=2026031401"></script>
|
|
<script src="/js/daily-patrol.js?v=2026031401"></script>
|
|
<script>initAuth();</script>
|
|
</body>
|
|
</html>
|