📚 지침서 목록

열람할 지침서를 선택하세요

🔍

▲ 검색 접기

✏️ 편집 관리

지침서 방을 추가·관리하고, 각 방의 페이지를 추가·수정·삭제하세요.

📄 페이지 관리

➕ 페이지 추가

페이지 제목 *

삽입 위치

내용 직접 입력 (워드 스타일 편집기)

크기

작성자 이름 *

📌 워드 파일(.docx) 업로드 — 이미지·표 포함 자동 변환
파일 선택 즉시 변환됩니다. 미리보기에서 내용 확인 후 페이지 추가하세요.

파일 선택 (.docx) *

페이지 제목

삽입 위치

작성자 이름 *

추가 사유

📑 현재 페이지 목록 0 페이지

📝 수정이력 관리

자동 기록된 시스템 이력에서 필요한 항목을 공식 문서 이력으로 등록합니다.

🤖 자동 기록된 수정이력

체크박스로 항목을 선택한 뒤 [공식이력 등록] 버튼을 누르면 공식 문서 이력으로 등록됩니다.

이력이 없습니다.

➕ 공식 변경기록 직접 추가

변경일 *

수정자 *

변경사유

변경위치

변경내용 *

// ═══════════════════════════════════════════════════════ // 새 서명 시스템 // ═══════════════════════════════════════════════════════ // ── Firebase 서명 저장/삭제 ───────────────────────────── function fbKeyOfficial(roomId, pageId){ return pageId ? roomId+'__'+pageId+'__official' : roomId+'__official'; } function fbKeyReviews(roomId, pageId){ return pageId ? roomId+'__'+pageId+'__reviews' : roomId+'__reviews'; } // 서명 데이터 로컬 저장소 if(!window._signData) window._signData = {}; function getSignData(key){ return window._signData[key] || {official:{}, reviews:[]}; } function setSignData(key, data){ window._signData[key] = data; // Firebase 저장 if(window.fbSaveSignData) window.fbSaveSignData(key, data); } // ── 서명 테이블 렌더링 ────────────────────────────────── function renderSignSection(){ const room = currentRoom(); if(!room) return; const container = document.getElementById('sign-table-container'); if(!container) return; // 운영지침서: 1개 서명란 if(currentRoomId === 'room1'){ const key = fbKeyOfficial('room1'); const reviewKey = fbKeyReviews('room1'); const d = getSignData(key); const r = getSignData(reviewKey); container.innerHTML = buildSignTable( '현장검사 운영지침서', key, reviewKey, d, r.reviews||[] ); } else { // 검사지침서: 각 페이지별 서명란 container.innerHTML = room.pages.map(page=>{ const key = fbKeyOfficial(currentRoomId, page.id); const reviewKey = fbKeyReviews(currentRoomId, page.id); const d = getSignData(key); const r = getSignData(reviewKey); return buildSignTable(page.title, key, reviewKey, d, r.reviews||[]); }).join(''); } // 캔버스 초기화 container.querySelectorAll('canvas[data-canvas]').forEach(c=> initNewCanvas(c)); } function buildSignTable(title, officialKey, reviewKey, officialData, reviews){ const o = officialData.official || {}; const adminOnly = isAdminLoggedIn ? '' : 'style="display:none"'; const today = new Date().toISOString().slice(0,10); const userName = currentUser || ''; // 공식 서명 셀 생성 function sigCell(role, label){ const val = o[role] || {}; return `

${label}

${isAdminLoggedIn ? `

` : `

${val.name||''}

${val.sigImg ? `

` : '

'}

${val.date||''}

`} `; } // 재검토 행 const reviewRows = reviews.length ? reviews.map((rv,i)=>` ${rv.date||''} ${rv.sigImg ? `

` : ''}

${rv.name||''}

${rv.remark||'지침서 검토 완료'} ${isAdminLoggedIn ? ` ` : ''} `).join('') : `재검토 서명 없음`; return `

${title}

${sigCell('writer','작성자 서명')} ${sigCell('partleader','파트장 서명')} ${sigCell('doctor','전문의 서명')} ${sigCell('chief','과장 서명')} ${sigCell('chief2','계장 서명')} ${sigCell('doctor2','전문의 서명')} ${reviewRows}

검사시작 날짜 ${isAdminLoggedIn ? `` : ` ${o.startDate\|\|''} ` }
검사중단 날짜 ${isAdminLoggedIn ? `` : ` ${o.stopDate\|\|''} ` }	중단 사유 ${isAdminLoggedIn ? `${o.stopReason\|\|''}` : ` ${o.stopReason\|\|''} ` }			새 검사법 ${isAdminLoggedIn ? `${o.newMethod\|\|''}` : ` ${o.newMethod\|\|''} ` }
기타사항 ${isAdminLoggedIn ? `${o.notes\|\|''}` : ` ${o.notes\|\|''} ` }
재검토일	서명	비고(주요 변경사항)		관리
${today}	${userName}

`; } // ── 서명 데이터 업데이트 ──────────────────────────────── function updateOfficial(officialKey, role, field, value){ const d = getSignData(officialKey); if(!d.official) d.official = {}; if(!d.official[role]) d.official[role] = {}; d.official[role][field] = value; setSignData(officialKey, d); } function updateOfficialField(officialKey, field, value){ const d = getSignData(officialKey); if(!d.official) d.official = {}; d.official[field] = value; setSignData(officialKey, d); } function saveOfficialCanvases(officialKey){ const roles = ['writer','partleader','doctor','chief','chief2','doctor2']; const d = getSignData(officialKey); if(!d.official) d.official = {}; roles.forEach(role=>{ const canvas = document.querySelector(`canvas[data-canvas="${officialKey}_${role}"]`); if(canvas){ const blank = document.createElement('canvas'); blank.width = canvas.width; blank.height = canvas.height; if(canvas.toDataURL() !== blank.toDataURL()){ if(!d.official[role]) d.official[role] = {}; d.official[role].sigImg = canvas.toDataURL('image/png'); } } }); setSignData(officialKey, d); toast('서명이 저장됐습니다.','success'); renderSignSection(); } function clearOfficialCanvas(officialKey, role){ const canvas = document.querySelector(`canvas[data-canvas="${officialKey}_${role}"]`); if(canvas){ const ctx=canvas.getContext('2d'); ctx.clearRect(0,0,canvas.width,canvas.height); } } // ── 재검토 서명 ───────────────────────────────────────── function submitReview(reviewKey){ const canvas = document.querySelector(`canvas[data-review-canvas="${reviewKey}"]`); const remarkId = 'review-remark-'+reviewKey.replace(/[^a-zA-Z0-9]/g,'_'); const remark = (document.getElementById(remarkId)||{}).value || '지침서 검토 완료'; const today = new Date().toISOString().slice(0,10); if(!canvas){ toast('서명란을 찾을 수 없습니다.','error'); return; } const blank = document.createElement('canvas'); blank.width = canvas.width; blank.height = canvas.height; if(canvas.toDataURL() === blank.toDataURL()){ toast('서명을 먼저 입력해주세요.','warn'); return; } const d = getSignData(reviewKey); if(!d.reviews) d.reviews = []; d.reviews.push({ date: today, name: currentUser || '', sigImg: canvas.toDataURL('image/png'), remark }); setSignData(reviewKey, d); toast('재검토 서명이 완료됐습니다.','success'); renderSignSection(); } function deleteReview(reviewKey, idx){ if(!confirm('이 서명을 삭제하시겠습니까?')) return; const d = getSignData(reviewKey); if(d.reviews) d.reviews.splice(idx,1); setSignData(reviewKey, d); renderSignSection(); } function clearReviewCanvas(reviewKey){ const canvas = document.querySelector(`canvas[data-review-canvas="${reviewKey}"]`); if(canvas){ const ctx=canvas.getContext('2d'); ctx.clearRect(0,0,canvas.width,canvas.height); } } // ── 캔버스 서명 초기화 ────────────────────────────────── function initNewCanvas(canvas){ if(canvas._inited) return; canvas._inited = true; const ctx = canvas.getContext('2d'); ctx.strokeStyle = '#000'; ctx.lineWidth = 1.5; ctx.lineCap = 'round'; let drawing = false, lx = 0, ly = 0; function pos(e){ const r = canvas.getBoundingClientRect(); const src = e.touches ? e.touches[0] : e; return [(src.clientX-r.left)*(canvas.width/r.width), (src.clientY-r.top)*(canvas.height/r.height)]; } canvas.addEventListener('mousedown', e=>{ drawing=true; [lx,ly]=pos(e); }); canvas.addEventListener('mousemove', e=>{ if(!drawing) return; const [x,y]=pos(e); ctx.beginPath(); ctx.moveTo(lx,ly); ctx.lineTo(x,y); ctx.stroke(); [lx,ly]=[x,y]; }); canvas.addEventListener('mouseup', ()=>drawing=false); canvas.addEventListener('mouseleave', ()=>drawing=false); canvas.addEventListener('touchstart', e=>{ e.preventDefault(); drawing=true; [lx,ly]=pos(e); },{passive:false}); canvas.addEventListener('touchmove', e=>{ e.preventDefault(); if(!drawing) return; const [x,y]=pos(e); ctx.beginPath(); ctx.moveTo(lx,ly); ctx.lineTo(x,y); ctx.stroke(); [lx,ly]=[x,y]; },{passive:false}); canvas.addEventListener('touchend', ()=>drawing=false); // 기존 서명 이미지 복원 const officialKey = canvas.dataset.canvas; if(officialKey){ const parts = officialKey.split('_'); const role = parts[parts.length-1]; const key = parts.slice(0,-1).join('_'); const d = getSignData(key); if(d.official && d.official[role] && d.official[role].sigImg){ const img = new Image(); img.onload = ()=> ctx.drawImage(img,0,0,canvas.width,canvas.height); img.src = d.official[role].sigImg; } } } // ── Firebase 서명 데이터 저장/로드 ────────────────────── window.fbSaveSignData = async function(key, data){ // poct_signatures 컬렉션에 키별로 저장 try{ if(window.fbSaveSign){ // 기존 fbSaveSign은 개별 서명용 → 새 방식으로 직접 저장 } // localStorage 임시 저장 try{ localStorage.setItem('signData_'+key, JSON.stringify(data)); } catch(e){} } catch(e){ console.error('서명 저장 오류:', e); } }; window.fbLoadSignData = async function(){ // localStorage에서 로드 Object.keys(localStorage).filter(k=>k.startsWith('signData_')).forEach(k=>{ try{ const key = k.replace('signData_',''); window._signData[key] = JSON.parse(localStorage.getItem(k)); } catch(e){} }); }; // renderAll에서 호출 function renderSignSection_wrapper(){ // 열람 탭이 활성화된 경우만 렌더링 const viewer = document.getElementById('tab-viewer'); if(viewer && viewer.classList.contains('active')){ renderSignSection(); } } // ── 관리자 서명 저장 버튼 (뷰어 하단) ────────────────── function saveAllOfficialSigns(){ const room = currentRoom(); if(!room) return; if(currentRoomId === 'room1'){ saveOfficialCanvases(fbKeyOfficial('room1')); } else { room.pages.forEach(page=>{ saveOfficialCanvases(fbKeyOfficial(currentRoomId, page.id)); }); } } // ── 초기화 ────────────────────────────────────────────── window.fbLoadSignData && window.fbLoadSignData(); // 인쇄 (열람·서명 탭 전용) // ═══════════════════════════════════════════════════════ // ═══════════════════════════════════════════════════════ // ─── 탭별 전용 인쇄 함수 ─────────────────────────────── function printViewer(){ // tab-viewer가 활성화 상태인지 확인 const tabViewer = document.getElementById('tab-viewer'); if(!tabViewer || !tabViewer.classList.contains('active')){ // 지침서 열람 탭으로 전환 후 출력 showMainTab('tab-viewer'); setTimeout(()=>{ _doPrint(); }, 300); } else { _doPrint(); } } function _doPrint(){ const mobileTocScreen = document.getElementById('mobile-toc-screen'); if(mobileTocScreen) mobileTocScreen.style.display = 'none'; document.body.setAttribute('data-print','viewer'); window.print(); setTimeout(()=>{ document.body.removeAttribute('data-print'); if(mobileTocScreen) mobileTocScreen.style.display = ''; }, 1000); } function printHistory(){ // 수정이력 탭만 인쇄 document.body.setAttribute('data-print','history'); window.print(); setTimeout(()=>document.body.removeAttribute('data-print'), 500); } // ═══════════════════════════════════════════════════════ // 글자색 적용 (색상 미리보기 도트 동기화) // ═══════════════════════════════════════════════════════ function applyForeColor(sel){ const val = sel.value; if(!val) return; const dot = document.getElementById('color-preview-dot'); if(dot) dot.style.background = val; formatDoc('foreColor', val); // 선택 초기화 안 하고 색상 유지 } // ═══════════════════════════════════════════════════════ // 문서 버전 정보 (topbar 동적 표시) // ═══════════════════════════════════════════════════════ function renderDocInfo(){ if(!S.docInfo) S.docInfo = {docNo:'PO-1-01-01',version:'2025-08',lastRevised:'2025.08.20'}; const d = S.docInfo; const setT = (id,v)=>{ const el=document.getElementById(id); if(el) el.textContent=v; }; // topbar setT('di-docno', d.docNo); setT('di-version', d.version); setT('di-revised', d.lastRevised); // 관리자 카드 setT('admin-di-docno', d.docNo||'—'); setT('admin-di-version', d.version||'—'); setT('admin-di-revised', d.lastRevised||'—'); } function openDocInfoModal(){ if(!S.docInfo) S.docInfo = {docNo:'PO-1-01-01',version:'2025-08',lastRevised:'2025.08.20'}; const d = S.docInfo; document.getElementById('di-input-docno').value = d.docNo || ''; document.getElementById('di-input-version').value = d.version || ''; document.getElementById('di-input-revised').value = d.lastRevised || ''; document.getElementById('docinfo-modal').classList.add('open'); } function saveDocInfo(){ if(!S.docInfo) S.docInfo = {}; S.docInfo.docNo = document.getElementById('di-input-docno').value.trim(); S.docInfo.version = document.getElementById('di-input-version').value.trim(); S.docInfo.lastRevised = document.getElementById('di-input-revised').value.trim(); saveState(); renderDocInfo(); closeModal('docinfo-modal'); toast('문서 정보가 저장되었습니다.','success'); } // ═══════════════════════════════════════════════════════ // 자동 백업 (30분마다 JSON 파일 자동 다운로드) // ═══════════════════════════════════════════════════════ let _autoBackupTimer = null; function restoreFromBackup(){ // 자동백업 키 목록 const autoKeys = Object.keys(localStorage) .filter(k=>k.startsWith(STORE_KEY+'_autobk_')) .sort().reverse(); // 최신순 const backupKey = STORE_KEY+'_backup'; const options = []; if(localStorage.getItem(backupKey)) options.push({label:'직전 저장 백업', key: backupKey}); autoKeys.slice(0,3).forEach((k,i)=>{ const ts = parseInt(k.replace(STORE_KEY+'_autobk_','')); const dt = isNaN(ts)?'알 수 없음':new Date(ts).toLocaleString('ko-KR'); options.push({label:'자동백업 '+dt, key:k}); }); if(!options.length){ toast('복구 가능한 백업이 없습니다.','warn'); return; } const choice = options.map((o,i)=>`${i+1}. ${o.label}`).join('\n'); const sel = prompt('복구할 백업을 선택하세요 (번호 입력):\n\n'+choice); if(!sel) return; const idx = parseInt(sel)-1; if(isNaN(idx)||idx<0||idx>=options.length){ toast('잘못된 선택입니다.','error'); return; } try{ const data = localStorage.getItem(options[idx].key); S = JSON.parse(data); saveState(); renderAll(); renderDocInfo(); toast('백업에서 복구되었습니다: '+options[idx].label,'success'); } catch(e){ toast('복구 실패: '+e.message,'error'); } } function updateSaveIndicator(){ const el = document.getElementById('save-indicator'); const ltEl = document.getElementById('last-saved-time'); const now = new Date(); const timeStr = now.toLocaleTimeString('ko-KR',{hour:'2-digit',minute:'2-digit',second:'2-digit'}); if(el){ el.textContent = '✅ 자동저장 완료 '+timeStr; el.style.color = '#90ee90'; clearTimeout(el._timer); el._timer = setTimeout(()=>{ el.style.color = 'rgba(255,255,255,.4)'; el.textContent = '저장됨'; }, 3000); } if(ltEl) ltEl.textContent = now.toLocaleString('ko-KR'); } function startAutoBackup(){ clearInterval(_autoBackupTimer); _autoBackupTimer = setInterval(()=>{ try{ const data = JSON.stringify(S); localStorage.setItem(STORE_KEY+'_autobk_'+Date.now(), data); // 오래된 자동백업 정리 (최근 3개만 유지) const keys = Object.keys(localStorage).filter(k=>k.startsWith(STORE_KEY+'_autobk_')).sort(); while(keys.length > 3){ localStorage.removeItem(keys.shift()); } } catch(e){} }, 30*60*1000); // 30분 } // ═══════════════════════════════════════════════════════ // 페이지 닫기/새로고침 경고 // ═══════════════════════════════════════════════════════ window.addEventListener('beforeunload', function(e){ // 항상 저장되어 있지만 경고로 실수 방지 const msg = '페이지를 닫으면 저장되지 않은 변경사항이 사라질 수 있습니다.'; e.returnValue = msg; return msg; }); // ═══════════════════════════════════════════════════════ // TOAST // ═══════════════════════════════════════════════════════ function toast(msg,type='info'){ const el=document.createElement('div'); el.className=`toast ${type}`; el.innerHTML=`${type==='success'?'✅':type==='error'?'❌':type==='warn'?'⚠️':'ℹ️'}${msg}`; document.getElementById('toast-container').appendChild(el); setTimeout(()=>el.remove(),3500); }