Форма в HTML напрямую (не innerHTML), регистрация на входе
This commit is contained in:
parent
1637998145
commit
71a40f20d7
170
app.html
170
app.html
@ -36,8 +36,7 @@ body{font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
.tb.sel{border-color:var(--green);background:#EDF7F0;color:var(--green)}.tb.dng.sel{border-color:var(--red);background:#FFEBED;color:var(--red)}
|
||||
.cs{background:var(--white);border-radius:var(--rl);box-shadow:var(--sh);margin-bottom:12px;overflow:hidden}
|
||||
.ch{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--g1);cursor:pointer;user-select:none}
|
||||
.ch .ct{font-size:15px;font-weight:700;display:flex;align-items:center;gap:8px}
|
||||
.cb2{font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px;background:#FFEBED;color:var(--red)}.cb2.as{background:#EDF7F0;color:var(--green)}
|
||||
.ch .ct{font-size:15px;font-weight:700}
|
||||
.cbody{padding:16px 20px}
|
||||
.cl2{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px}.cl2.c3{grid-template-columns:1fr 1fr 1fr}.cl2.c1{grid-template-columns:1fr}
|
||||
.ci{display:flex;align-items:flex-start;gap:8px;padding:6px 0;font-size:13px;cursor:pointer}
|
||||
@ -63,10 +62,10 @@ body{font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
.dt th{background:var(--ink);color:var(--white);padding:11px 14px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase}
|
||||
.dt td{padding:10px 14px;border-bottom:1px solid var(--g1)}.dt tr:hover td{background:var(--g1)}
|
||||
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700}.badge-s{background:#EDF7F0;color:var(--green)}.badge-d{background:#FFEBED;color:var(--red)}.badge-w{background:#FFF3EF;color:var(--orange)}
|
||||
.nd{text-align:center;padding:40px 20px;color:var(--g5)}.nd .icon{font-size:40px;display:block;margin-bottom:10px}
|
||||
.nd{text-align:center;padding:40px 20px;color:var(--g5);font-size:15px}
|
||||
.rb{display:flex;height:20px;border-radius:10px;overflow:hidden;margin-top:6px}.rs{background:var(--green);transition:width .5s}.ru{background:var(--red);transition:width .5s}
|
||||
.rl2{display:flex;justify-content:space-between;font-size:11px;color:var(--g5);margin-top:3px}
|
||||
.vl{color:var(--cyan);cursor:pointer;font-weight:600;text-decoration:none}.vl:hover{text-decoration:underline}
|
||||
.vl{color:var(--cyan);cursor:pointer;font-weight:600}.vl:hover{text-decoration:underline}
|
||||
.sa{background:#FFF3EF;border:1px solid var(--orange);border-radius:var(--rl);padding:16px 20px;margin-bottom:20px;display:none}.sa.sh{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
|
||||
.sa .at{font-size:14px;font-weight:600;color:var(--orange)}.sa.dg{background:#FFEBED;border-color:var(--red)}.sa.dg .at{color:var(--red)}
|
||||
@media(max-width:768px){.ah{padding:0 12px;height:auto;flex-wrap:wrap;gap:6px;padding-top:8px;padding-bottom:8px}.ah nav{order:3;width:100%;overflow-x:auto}.acont{padding:16px 12px}.hg{grid-template-columns:1fr 1fr}.hg.c4{grid-template-columns:1fr 1fr}.cl2{grid-template-columns:1fr}.cl2.c3{grid-template-columns:1fr 1fr}.cg{grid-template-columns:1fr}.sg{grid-template-columns:1fr 1fr}.vg{grid-template-columns:30px 1fr 1fr;row-gap:4px}.vg.hr{display:none}}
|
||||
@ -76,11 +75,26 @@ body{font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,system-ui,s
|
||||
<header class="ah"><div class="la">🛡️ ПАБ Система</div><nav><a onclick="swP('NA')" class="ac">Новый аудит</a><a onclick="swP('MS')">Мой график</a><a onclick="swP('DB')">Дашборд</a><a onclick="swP('VL')">Нарушения</a><a onclick="swP('HS')">История</a></nav><div class="ua"><span class="role" id="dn"></span><button class="btn bo bs" style="color:#9aa3b2;border-color:#3a4452" onclick="doLogout()">Выход</button></div></header>
|
||||
<div class="acont">
|
||||
<div class="sa" id="sa"><span class="at" id="sat"></span><button class="btn bp bs" onclick="sendScheduleReminder()">✉️ Напомнить</button></div>
|
||||
<div id="pNA" class="pn ac"></div>
|
||||
<div id="pMS" class="pn"></div>
|
||||
<div id="pDB" class="pn"></div>
|
||||
<div id="pVL" class="pn"></div>
|
||||
<div id="pHS" class="pn"></div>
|
||||
<div id="pNA" class="pn ac">
|
||||
<div style="margin-bottom:24px"><h2 style="font-size:26px;font-weight:800">📋 Бланк ПАБ</h2><p style="color:var(--g5)">Заполните все категории</p></div>
|
||||
<div class="fh"><h3>📝 Данные аудита</h3>
|
||||
<div class="hg c4"><div class="fg"><label>Бланк №</label><input type="number" id="pn" min="1"></div><div class="fg"><label>Дата</label><input type="date" id="pd"></div><div class="fg"><label>Начало</label><input type="time" id="ps"></div><div class="fg"><label>Конец</label><input type="time" id="pe"></div></div>
|
||||
<div class="hg" style="margin-top:12px"><div class="fg"><label>Место</label><input id="pl" placeholder="Цех, участок"></div><div class="fg"><label>Тип работы</label><input id="pw" placeholder="Ремонт линий связи"></div><div class="fg"><label>Регион</label><select id="pr"><option value="">-- Выберите --</option><option>Центральный</option><option>Алматинский</option><option>Восточный</option><option>Западный</option><option>Северный</option><option>Южный</option><option>Другое</option></select></div></div>
|
||||
<div class="hg" style="margin-top:12px"><div class="fg"><label>Кол-во наблюдаемых</label><input type="number" id="pc" min="1" value="1"></div><div class="fg"></div><div class="fg"></div></div>
|
||||
<div class="hg c2" style="margin-top:12px"><div class="fg"><label>ФИО наблюдателя</label><input id="po"></div><div class="fg"><label>Должность</label><input id="por"></div></div>
|
||||
<div class="hg c2" style="margin-top:12px"><div class="fg"><label>ФИО руководителя</label><input id="psv"></div><div class="fg"><label>Должность</label><input id="psr"></div></div>
|
||||
<div class="hg" style="margin-top:12px"><div class="fg"><label>Email</label><input type="email" id="pem"></div><div class="fg"></div><div class="fg"></div></div>
|
||||
<div class="fg" style="margin-top:14px"><label>Отметка БиОТ ДПБ</label><div class="ot"><div class="tb sel" id="os" onclick="setO('safe')">✅ ВСЕ БЕЗОПАСНО</div><div class="tb dng" id="od" onclick="setO('danger')">☐ ЕСТЬ ОПАСНО</div></div></div></div>
|
||||
<div id="cats"></div>
|
||||
<div class="vb"><h3>📄 Несоответствия и меры</h3><div class="vg hr" style="display:grid"><span>№</span><span>Несоответствие</span><span>Исполнитель</span><span>Вид</span><span>Меры</span><span>Ответственный</span><span>Дата</span><span>Завершение</span><span></span></div><div id="vr"></div><button class="btn bo bs" onclick="addVio()" style="margin-top:8px">+ Добавить</button></div>
|
||||
<div class="vb"><h3>💬 Итог диалога</h3><p style="font-size:12px;color:var(--g5);margin-bottom:14px">Результаты беседы</p><div class="cl2 c1"><div class="ci"><input type="checkbox" id="d0"><div><label for="d0">Работник привёл примеры безопасных действий</label></div></div><div class="ci"><input type="checkbox" id="d1"><div><label for="d1">Были обсуждены риски / проблемы</label></div></div><div class="ci"><input type="checkbox" id="d2"><div><label for="d2">Определены корректирующие меры</label></div></div><div class="ci"><input type="checkbox" id="d3"><div><label for="d3">Предложения работника зафиксированы</label></div></div><div class="ci"><input type="checkbox" id="d4"><div><label for="d4">Другое</label><input class="oi" id="do" placeholder="Укажите..."></div></div></div><div style="margin-top:14px;padding:12px;background:var(--g1);border-radius:var(--r);font-size:12px;color:var(--g5)">📎 Фото и документы — приложите к бумажному бланку.</div></div>
|
||||
<div class="fa2"><button class="btn bp" onclick="submitAudit()">💾 Сохранить</button><button class="btn bo" onclick="resetF()">🗑️ Очистить</button></div>
|
||||
<div class="fs" id="fs"><div style="font-size:18px;margin-bottom:8px">✅ Аудит сохранён!</div><div id="sd" style="font-size:13px;color:var(--ink);margin-bottom:14px"></div><div style="display:flex;gap:10px;flex-wrap:wrap"><button class="btn bp bs" onclick="sendEmailConfirm()">✉️ На email</button><button class="btn bo bs" onclick="printConfirm()">🖨️ Печать</button></div></div>
|
||||
</div>
|
||||
<div id="pMS" class="pn"><div style="margin-bottom:24px"><h2 style="font-size:26px;font-weight:800">📅 Мой график</h2><p style="color:var(--g5)">Выполнение норматива</p></div><div id="msc"></div></div>
|
||||
<div id="pDB" class="pn"><div style="margin-bottom:24px"><h2 style="font-size:26px;font-weight:800">📊 Дашборд</h2><p style="color:var(--g5)">Аналитика</p></div><div id="dbc"></div></div>
|
||||
<div id="pVL" class="pn"><div style="margin-bottom:24px"><h2 style="font-size:26px;font-weight:800">⚠️ Несоответствия</h2><p style="color:var(--g5)">Контроль мер</p></div><div id="vlc"></div></div>
|
||||
<div id="pHS" class="pn"><div style="margin-bottom:24px"><h2 style="font-size:26px;font-weight:800">📁 История</h2><p style="color:var(--g5)">Архив аудитов</p></div><div class="fb"><select onchange="rHT()" id="hfs"><option value="all">Все</option><option value="safe">Безопасно</option><option value="danger">С нарушениями</option></select><input type="date" id="hfd" onchange="rHT()"><input type="text" id="hfl" oninput="rHT()" placeholder="Поиск..."><button class="btn bo bs" onclick="exportCSV()">📥 CSV</button></div><div class="tw"><table class="dt"><thead><tr><th>Бланк №</th><th>Дата</th><th>Время</th><th>Место</th><th>Наблюдатель</th><th>Статус</th><th>Нарушений</th><th></th></tr></thead><tbody id="hbd"></tbody></table></div></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
@ -91,48 +105,23 @@ try{U=JSON.parse(sessionStorage.getItem("pab_user"));if(!U)location.href="index.
|
||||
document.getElementById("dn").textContent=U.login+" ("+U.role+")";
|
||||
function isA(){return U&&U.login==="admin"}function getU(){try{return JSON.parse(localStorage.getItem("pab_users")||"{}")}catch(e){return{}}}function allU(){var r=getU();r.admin={pass:"admin",name:"Администратор",role:"Руководитель",email:"admin@telecom.kz",branch:"АО «Казахтелеком»",dept:"ЦА",region:"Центральный",oblast:"—",city:"г. Астана"};return r}function getA(){try{return JSON.parse(localStorage.getItem("pab_audits")||"[]")}catch(e){return[]}}function saveA(d){localStorage.setItem("pab_audits",JSON.stringify(d))}function gq(r){return PQ[r]||PQ["Сотрудник"]}function gp(p){var n=new Date();if(p==="month")return{s:new Date(n.getFullYear(),n.getMonth(),1),l:n.toLocaleString("ru",{month:"long",year:"numeric"})};if(p==="quarter"){var q=Math.floor(n.getMonth()/3);return{s:new Date(n.getFullYear(),q*3,1),l:(q+1)+"-й квартал "+n.getFullYear()}}if(p==="halfyear"){var h=n.getMonth()<6?0:1;return{s:new Date(n.getFullYear(),h*6,1),l:(h+1)+"-е полугодие "+n.getFullYear()}}return{s:new Date(2020,0,1),l:"весь период"}}function esc(s){return(s||"").replace(/&/g,"&").replace(/"/g,""").replace(/</g,"<").replace(/>/g,">")}
|
||||
|
||||
// ===== NAV =====
|
||||
function swP(n){
|
||||
["NA","MS","DB","VL","HS"].forEach(function(id){var el=document.getElementById("p"+id);if(el)el.classList.remove("ac")});
|
||||
var panel=document.getElementById("p"+n);if(panel)panel.classList.add("ac");
|
||||
document.querySelectorAll("nav a").forEach(function(a){var dp=a.getAttribute("onclick")||"";a.classList.toggle("ac",dp.indexOf("'"+n+"'")>=0)});
|
||||
if(n==="NA")rNA();if(n==="MS")rMS();if(n==="DB")rDB();if(n==="VL")rVL();if(n==="HS")rHS();
|
||||
if(n==="MS")rMS();if(n==="DB")rDB();if(n==="VL")rVL();if(n==="HS")rHT();if(n==="NA")checkSA()
|
||||
}
|
||||
function doLogout(){sessionStorage.removeItem("pab_user");location.href="index.html"}
|
||||
|
||||
// ===== NEW AUDIT =====
|
||||
function rNA(){
|
||||
var c=document.getElementById("pNA");
|
||||
c.innerHTML='<div style="margin-bottom:24px"><h2 style="font-size:26px;font-weight:800">📋 Бланк ПАБ</h2><p style="color:var(--g5)">Заполните все категории</p></div><div class="fh"><h3>📝 Данные аудита</h3>'+
|
||||
'<div class="hg c4"><div class="fg"><label>Бланк №</label><input type="number" id="pn" min="1"></div><div class="fg"><label>Дата</label><input type="date" id="pd"></div><div class="fg"><label>Начало</label><input type="time" id="ps"></div><div class="fg"><label>Конец</label><input type="time" id="pe"></div></div>'+
|
||||
'<div class="hg" style="margin-top:12px"><div class="fg"><label>Место</label><input id="pl" placeholder="Цех, участок"></div><div class="fg"><label>Тип работы</label><input id="pw" placeholder="Ремонт линий связи"></div><div class="fg"><label>Регион</label><select id="pr"><option value="">-- Выберите --</option><option>Центральный</option><option>Алматинский</option><option>Восточный</option><option>Западный</option><option>Северный</option><option>Южный</option><option>Другое</option></select></div></div>'+
|
||||
'<div class="hg" style="margin-top:12px"><div class="fg"><label>Кол-во наблюдаемых</label><input type="number" id="pc" min="1" value="1"></div><div class="fg"></div><div class="fg"></div></div>'+
|
||||
'<div class="hg c2" style="margin-top:12px"><div class="fg"><label>ФИО наблюдателя</label><input id="po"></div><div class="fg"><label>Должность</label><input id="por"></div></div>'+
|
||||
'<div class="hg c2" style="margin-top:12px"><div class="fg"><label>ФИО руководителя</label><input id="psv"></div><div class="fg"><label>Должность</label><input id="psr"></div></div>'+
|
||||
'<div class="hg" style="margin-top:12px"><div class="fg"><label>Email</label><input type="email" id="pem"></div><div class="fg"></div><div class="fg"></div></div>'+
|
||||
'<div class="fg" style="margin-top:14px;margin-bottom:0"><label>Отметка БиОТ ДПБ</label><div class="ot"><div class="tb sel" id="os" onclick="setO(\'safe\')">✅ ВСЕ БЕЗОПАСНО</div><div class="tb dng" id="od" onclick="setO(\'danger\')">☐ ЕСТЬ ОПАСНО</div></div></div></div>'+
|
||||
'<div id="cats"></div>'+
|
||||
'<div class="vb"><h3>📄 Несоответствия и меры</h3><div class="vg hr" style="display:grid"><span>№</span><span>Несоответствие</span><span>Исполнитель</span><span>Вид</span><span>Меры</span><span>Ответственный</span><span>Дата</span><span>Завершение</span><span></span></div><div id="vr"></div><button class="btn bo bs" onclick="addVio()" style="margin-top:8px">+ Добавить</button></div>'+
|
||||
'<div class="vb"><h3>💬 Итог диалога</h3><p style="font-size:12px;color:var(--g5);margin-bottom:14px">Результаты беседы</p><div class="cl2 c1"><div class="ci"><input type="checkbox" id="d0"><div><label for="d0">Работник привёл примеры безопасных действий</label></div></div><div class="ci"><input type="checkbox" id="d1"><div><label for="d1">Были обсуждены риски / проблемы</label></div></div><div class="ci"><input type="checkbox" id="d2"><div><label for="d2">Определены корректирующие меры</label></div></div><div class="ci"><input type="checkbox" id="d3"><div><label for="d3">Предложения работника зафиксированы</label></div></div><div class="ci"><input type="checkbox" id="d4"><div><label for="d4">Другое</label><input class="oi" id="do" placeholder="Укажите..."></div></div></div><div style="margin-top:14px;padding:12px;background:var(--g1);border-radius:var(--r);font-size:12px;color:var(--g5)">📎 Фото и документы — приложите к бумажному бланку.</div></div>'+
|
||||
'<div class="fa2"><button class="btn bp" onclick="submitAudit()">💾 Сохранить</button><button class="btn bo" onclick="resetF()">🗑️ Очистить</button></div>'+
|
||||
'<div class="fs" id="fs"><div style="font-size:18px;margin-bottom:8px">✅ Аудит сохранён!</div><div id="sd" style="font-size:13px;color:var(--ink);margin-bottom:14px"></div><div style="display:flex;gap:10px;flex-wrap:wrap"><button class="btn bp bs" onclick="sendEmailConfirm()">✉️ На email</button><button class="btn bo bs" onclick="printConfirm()">🖨️ Печать</button></div></div>';
|
||||
setTimeout(function(){
|
||||
document.getElementById("pd").value=new Date().toISOString().split("T")[0];
|
||||
document.getElementById("po").value=U.name;document.getElementById("por").value=U.role||"";
|
||||
document.getElementById("pem").value=U.email||"";document.getElementById("pr").value=U.region||"";
|
||||
// Build categories
|
||||
var h="";CATS.forEach(function(cat){var col=cat.items.length>7?"c3":(cat.items.length<=4?"c1":"");h+="<div class=\"cs\"><div class=\"ch\" onclick=\"document.getElementById('body-"+cat.id+"').style.display=document.getElementById('body-"+cat.id+"').style.display==='none'?'block':'none'\"><span class=\"ct\">"+cat.title+"</span><span class=\"cb2 as\" id=\"badge-"+cat.id+"\">ВСЕ БЕЗОПАСНО</span></div><div class=\"cbody\" id=\"body-"+cat.id+"\" style=\"display:block\"><div class=\"ast ac2\" id=\"as-"+cat.id+"\" onclick=\"toggleAllSafe('"+cat.id+"')\"><input type=\"checkbox\" checked id=\"ascb-"+cat.id+"\">ВСЕ БЕЗОПАСНО</div><div class=\"cl2 "+col+"\">"+cat.items.map(function(it,i){return"<div class=\"ci\" id=\"item-"+cat.id+"-"+i+"\"><input type=\"checkbox\" id=\"cb-"+cat.id+"-"+i+"\" onchange=\"onCheckItem('"+cat.id+"',"+i+")\"><div><label for=\"cb-"+cat.id+"-"+i+"\">"+it+"</label>"+(it==="Другое"?"<input class=\"oi\" id=\"other-"+cat.id+"\" placeholder=\"Укажите...\">":"")+"</div></div>"}).join("")+"</div></div><div class=\"cf\"><span>Итого: <span class=\"tc zr\" id=\"total-"+cat.id+"\">0</span></span></div></div>"});document.getElementById("cats").innerHTML=h;
|
||||
// VIO
|
||||
vrc=6;document.getElementById("vr").innerHTML="";for(var i=0;i<vrc;i++)document.getElementById("vr").innerHTML+=mkV(i+1);
|
||||
document.getElementById("d4").onchange=function(){var o=document.getElementById("do");o.style.display=this.checked?"block":"none";o.classList.toggle("vs",this.checked)};
|
||||
// Event delegation for categories
|
||||
document.getElementById("cats").onclick=function(e){var as=e.target.closest(".ast");if(as&&as.id&&as.id.indexOf("as-")===0){e.preventDefault();return}};
|
||||
// Vio removal
|
||||
document.getElementById("vr").onclick=function(e){if(e.target.classList.contains("rvb")){var n=parseInt(e.target.getAttribute("data-row"));removeVR(n)}};
|
||||
editId=null;
|
||||
},50);
|
||||
}
|
||||
function setO(t){var os=document.getElementById("os"),od=document.getElementById("od");if(!os||!od)return;os.classList.toggle("sel",t==="safe");od.classList.toggle("sel",t==="danger")}
|
||||
// ===== BUILD CATS =====
|
||||
var catsHTML="";CATS.forEach(function(c){var col=c.items.length>7?"c3":(c.items.length<=4?"c1":"");catsHTML+="<div class=\"cs\"><div class=\"ch\" onclick=\"var b=document.getElementById('body-"+c.id+"');b.style.display=b.style.display==='none'?'block':'none'\"><span class=\"ct\">"+c.title+"</span><span class=\"cb2 as\" id=\"badge-"+c.id+"\">ВСЕ БЕЗОПАСНО</span></div><div class=\"cbody\" id=\"body-"+c.id+"\" style=\"display:block\"><div class=\"ast ac2\" id=\"as-"+c.id+"\" onclick=\"toggleAllSafe('"+c.id+"')\"><input type=\"checkbox\" checked id=\"ascb-"+c.id+"\">ВСЕ БЕЗОПАСНО</div><div class=\"cl2 "+col+"\">"+c.items.map(function(it,i){return"<div class=\"ci\" id=\"item-"+c.id+"-"+i+"\"><input type=\"checkbox\" id=\"cb-"+c.id+"-"+i+"\" onchange=\"onCheckItem('"+c.id+"',"+i+")\"><div><label for=\"cb-"+c.id+"-"+i+"\">"+it+"</label>"+(it==="Другое"?"<input class=\"oi\" id=\"other-"+c.id+"\" placeholder=\"Укажите...\">":"")+"</div></div>"}).join("")+"</div></div><div class=\"cf\"><span>Итого: <span class=\"tc zr\" id=\"total-"+c.id+"\">0</span></span></div></div>"});document.getElementById("cats").innerHTML=catsHTML;
|
||||
|
||||
// ===== VIO =====
|
||||
var vioHTML="";for(var i=0;i<vrc;i++)vioHTML+=mkV(i+1);document.getElementById("vr").innerHTML=vioHTML;
|
||||
document.getElementById("vr").onclick=function(e){if(e.target.classList.contains("rvb")){var n=parseInt(e.target.getAttribute("data-row"));removeVR(n)}};
|
||||
document.getElementById("d4").onchange=function(){var o=document.getElementById("do");o.style.display=this.checked?"block":"none";o.classList.toggle("vs",this.checked)};
|
||||
|
||||
function setO(t){document.getElementById("os").classList.toggle("sel",t==="safe");document.getElementById("od").classList.toggle("sel",t==="danger")}
|
||||
function toggleAllSafe(id){var cb=document.getElementById("ascb-"+id),tog=document.getElementById("as-"+id);if(!cb||!tog)return;var is=!cb.checked;cb.checked=is;if(is){tog.classList.add("ac2");var cat=CATS.find(function(c){return c.id===id});if(cat)cat.items.forEach(function(_,i){var e=document.getElementById("cb-"+id+"-"+i);if(e){e.checked=false;e.parentElement.classList.remove("ck")}var o=document.getElementById("other-"+id);if(o){o.style.display="none";o.classList.remove("vs")}})}else{tog.classList.remove("ac2")}updateCatTotal(id)}
|
||||
function onCheckItem(id,idx){var cb=document.getElementById("cb-"+id+"-"+idx);if(!cb)return;if(cb.checked){cb.parentElement.classList.add("ck");document.getElementById("ascb-"+id).checked=false;document.getElementById("as-"+id).classList.remove("ac2")}else{cb.parentElement.classList.remove("ck")}var cat=CATS.find(function(c){return c.id===id});if(cat&&cat.items[idx]==="Другое"){var o=document.getElementById("other-"+id);if(o){if(cb.checked){o.style.display="block";o.classList.add("vs")}else{o.style.display="none";o.classList.remove("vs")}}}updateCatTotal(id)}
|
||||
function updateCatTotal(id){var cat=CATS.find(function(c){return c.id===id});if(!cat)return;var cnt=0;cat.items.forEach(function(_,i){if(document.getElementById("cb-"+id+"-"+i)&&document.getElementById("cb-"+id+"-"+i).checked)cnt++});var te=document.getElementById("total-"+id);if(te){te.textContent=cnt;if(cnt===0)te.classList.add("zr");else te.classList.remove("zr")}var b=document.getElementById("badge-"+id);if(b){if(cnt===0){b.textContent="ВСЕ БЕЗОПАСНО";b.classList.add("as")}else{b.textContent="Нарушений: "+cnt;b.classList.remove("as")}}}
|
||||
@ -141,91 +130,25 @@ function addVio(){vrc++;document.getElementById("vr").insertAdjacentHTML("before
|
||||
function removeVR(n){if(vrc<=1)return;var r=document.getElementById("vioRow"+n);if(r)r.remove();var rs=document.querySelectorAll("#vr .vg");vrc=rs.length;rs.forEach(function(r,i){r.id="vioRow"+(i+1);r.querySelector(".vrn").textContent=i+1;var b=r.querySelector(".rvb");if(b)b.setAttribute("data-row",(i+1))})}
|
||||
function getVR(){var rs=[];document.querySelectorAll("#vr .vg").forEach(function(r){var nc=r.querySelector(".v-nc").value.trim();if(!nc)return;rs.push({nc:nc,executor:r.querySelector(".v-exec").value.trim()||"",type:r.querySelector(".v-type").value||"Нарушение",measure:r.querySelector(".v-measure").value.trim()||"",responsible:r.querySelector(".v-resp").value.trim()||"",date:r.querySelector(".v-date").value||"",done:r.querySelector(".v-done").value.trim()||""})});return rs}
|
||||
function getDL(){var r=[];["Работник привёл примеры безопасных действий","Были обсуждены риски / проблемы","Определены корректирующие меры","Предложения работника зафиксированы","Другое"].forEach(function(l,i){var cb=document.getElementById("d"+i);if(cb&&cb.checked)r.push({item:l,other:l==="Другое"?document.getElementById("do").value.trim()||"":null})});return r}
|
||||
function setDL(items){for(var i=0;i<5;i++){var cb=document.getElementById("d"+i);if(cb)cb.checked=false}var o=document.getElementById("do");if(o){o.value="";o.style.display="none";o.classList.remove("vs")}items.forEach(function(di){var idx=["Работник привёл примеры безопасных действий","Были обсуждены риски / проблемы","Определены корректирующие меры","Предложения работника зафиксированы","Другое"].indexOf(di.item);if(idx>=0){var cb=document.getElementById("d"+idx);if(cb){cb.checked=true;if(di.item==="Другое"&&di.other){var o=document.getElementById("do");o.value=di.other;o.style.display="block";o.classList.add("vs")}}}})}
|
||||
function submitAudit(){if(editId&&!isA()){alert("Только администратор");return}var loc=document.getElementById("pl").value.trim();if(!loc){alert("Укажите место");return}var cats={},tv=0;CATS.forEach(function(cat){var ch=[];cat.items.forEach(function(item,i){var cb=document.getElementById("cb-"+cat.id+"-"+i);if(cb&&cb.checked){var ov=item==="Другое"?(document.getElementById("other-"+cat.id).value.trim()||""):null;ch.push({item:item,other:ov})}});cats[cat.id]={items:ch,allSafe:ch.length===0};tv+=ch.length});var e={id:editId||Date.now(),number:document.getElementById("pn").value.trim(),date:document.getElementById("pd").value,timeStart:document.getElementById("ps").value,timeEnd:document.getElementById("pe").value,location:loc,region:document.getElementById("pr").value,workType:document.getElementById("pw").value.trim(),workerCount:parseInt(document.getElementById("pc").value)||1,observer:document.getElementById("po").value.trim()||U.name,observerRole:document.getElementById("por").value.trim(),supervisor:document.getElementById("psv").value.trim(),supervisorRole:document.getElementById("psr").value.trim(),email:document.getElementById("pem").value.trim()||U.email||"",overallSafe:document.getElementById("os").classList.contains("sel"),categories:cats,totalViolations:tv,violations:getVR(),dialogue:getDL(),createdBy:U.login,createdAt:new Date().toISOString()};var audits=getA();if(editId){audits=audits.map(function(a){return a.id===editId?e:a});editId=null}else{audits.unshift(e)}saveA(audits);resetF();lastSubmitted=e;document.getElementById("sd").innerHTML="<b>Бланк №"+(e.number||"—")+"</b> | "+e.date+" | <b>"+(e.overallSafe?"БЕЗОПАСНО":"НАРУШЕНИЙ: "+e.totalViolations)+"</b>";document.getElementById("fs").style.display="block";setTimeout(function(){document.getElementById("fs").style.display="none"},30000);if(!isA())checkSA()}
|
||||
function resetF(){rNA();setTimeout(function(){document.getElementById("fs").style.display="none"},100)}
|
||||
function setDL(items){for(var i=0;i<5;i++){var cb=document.getElementById("d"+i);if(cb)cb.checked=false}var o=document.getElementById("do");if(o){o.value="";o.style.display="none";o.classList.remove("vs")}items.forEach(function(di){var idx=["Работник привёл примеры безопасных действий","Были обсуждены риски / проблемы","Определены корректирующие меры","Предложения работника зафиксированы","Другое"].indexOf(di.item);if(idx>=0){var cb=document.getElementById("d"+idx);if(cb){cb.checked=true;if(di.item==="Другое"&&di.other){var oo=document.getElementById("do");oo.value=di.other;oo.style.display="block";oo.classList.add("vs")}}}})}
|
||||
|
||||
function submitAudit(){if(editId&&!isA()){alert("Только администратор");return}var loc=document.getElementById("pl").value.trim();if(!loc){alert("Укажите место");return}var cats={},tv=0;CATS.forEach(function(cat){var ch=[];cat.items.forEach(function(item,i){var cb=document.getElementById("cb-"+cat.id+"-"+i);if(cb&&cb.checked){var ov=item==="Другое"?(document.getElementById("other-"+cat.id).value.trim()||""):null;ch.push({item:item,other:ov})}});cats[cat.id]={items:ch,allSafe:ch.length===0};tv+=ch.length});var e={id:editId||Date.now(),number:document.getElementById("pn").value.trim(),date:document.getElementById("pd").value,timeStart:document.getElementById("ps").value,timeEnd:document.getElementById("pe").value,location:loc,region:document.getElementById("pr").value,workType:document.getElementById("pw").value.trim(),workerCount:parseInt(document.getElementById("pc").value)||1,observer:document.getElementById("po").value.trim()||U.name,observerRole:document.getElementById("por").value.trim(),supervisor:document.getElementById("psv").value.trim(),supervisorRole:document.getElementById("psr").value.trim(),email:document.getElementById("pem").value.trim()||U.email||"",overallSafe:document.getElementById("os").classList.contains("sel"),categories:cats,totalViolations:tv,violations:getVR(),dialogue:getDL(),createdBy:U.login,createdAt:new Date().toISOString()};var audits=getA();if(editId){audits=audits.map(function(a){return a.id===editId?e:a});editId=null}else{audits.unshift(e)}saveA(audits);lastSubmitted=e;document.getElementById("sd").innerHTML="<b>Бланк №"+(e.number||"—")+"</b> | "+e.date+" | <b>"+(e.overallSafe?"БЕЗОПАСНО":"НАРУШЕНИЙ: "+e.totalViolations)+"</b>";document.getElementById("fs").style.display="block";setTimeout(function(){document.getElementById("fs").style.display="none"},30000);resetF();if(!isA())checkSA()}
|
||||
function resetF(){document.getElementById("pn").value="";document.getElementById("pd").value=new Date().toISOString().split("T")[0];document.getElementById("ps").value="";document.getElementById("pe").value="";document.getElementById("pl").value="";document.getElementById("pr").value=U.region||"";document.getElementById("pw").value="";document.getElementById("pc").value="1";document.getElementById("po").value=U.name;document.getElementById("por").value="";document.getElementById("psv").value="";document.getElementById("psr").value="";document.getElementById("pem").value=U.email||"";setO("safe");editId=null;CATS.forEach(function(cat){document.getElementById("ascb-"+cat.id).checked=true;document.getElementById("as-"+cat.id).classList.add("ac2");cat.items.forEach(function(_,i){var cb=document.getElementById("cb-"+cat.id+"-"+i);if(cb){cb.checked=false;cb.parentElement.classList.remove("ck")}var o=document.getElementById("other-"+cat.id);if(o){o.value="";o.style.display="none";o.classList.remove("vs")}});updateCatTotal(cat.id)});document.getElementById("vr").innerHTML="";vrc=6;for(var i=0;i<vrc;i++)document.getElementById("vr").innerHTML+=mkV(i+1);document.getElementById("fs").style.display="none";setDL([])}
|
||||
function sendEmailConfirm(){if(!lastSubmitted)return;var e=lastSubmitted,to=e.email||U.email||"";if(!to||to.indexOf("@")<0){alert("Нет email");return}location.href="mailto:"+encodeURIComponent(to)+"?subject="+encodeURIComponent("ПАБ №"+(e.number||"—"))+"&body="+encodeURIComponent("Подтверждение ПАБ\nБланк: "+(e.number||"—")+"\nДата: "+e.date+"\nМесто: "+e.location+"\nСтатус: "+(e.overallSafe?"БЕЗОПАСНО":"НАРУШЕНИЙ: "+e.totalViolations))}
|
||||
function printConfirm(){if(!lastSubmitted)return;var e=lastSubmitted;var w=window.open("","_blank","width=700,height=800");w.document.write("<!DOCTYPE html><html><head><meta charset=\"utf-8\"><title>ПАБ</title><style>body{font:14px/1.5 Arial;max-width:700px;margin:40px auto}@media print{button{display:none}}</style></head><body><button onclick=\"window.print()\">🖨️ Печать</button><h1>БЛАНК ПАБ №"+(e.number||"—")+" от "+e.date+"</h1><p>Место: "+e.location+" | Наблюдатель: "+e.observer+" | Статус: "+(e.overallSafe?"БЕЗОПАСНО":"НАРУШЕНИЙ: "+e.totalViolations)+"</p></body></html>");w.document.close()}
|
||||
|
||||
// ===== MY SCHEDULE =====
|
||||
function rMS(){
|
||||
var c=document.getElementById("pMS");document.getElementById("sa").classList.remove("sh","dg");
|
||||
c.innerHTML='<div style="margin-bottom:24px"><h2 style="font-size:26px;font-weight:800">📅 Мой график</h2><p style="color:var(--g5)">Выполнение норматива</p></div>';
|
||||
var q=gq(U.role);if(q.c===0){c.innerHTML+="<div style=\"background:var(--white);border-radius:var(--rl);padding:20px;box-shadow:var(--sh)\"><h3>📅 Без графика</h3><p style=\"color:var(--g5);font-size:13px\">Для должности «"+U.role+"» график не установлен.</p></div>";return}
|
||||
var p=gp(q.p);var audits=getA().filter(function(a){return a.createdBy===U.login&&new Date(a.date)>=p.s});var done=audits.length;var pct=Math.min(100,Math.round(done/q.c*100));var cl=pct>=100?"gd":pct>=50?"wn":"bd2";var need=Math.max(0,q.c-done);
|
||||
c.innerHTML+="<div style=\"background:var(--white);border-radius:var(--rl);padding:20px;box-shadow:var(--sh);margin-bottom:16px\"><h3>📅 "+p.l+"</h3><div style=\"font-size:12px;color:var(--g5);margin-bottom:10px\">Норматив: <b>"+q.l+"</b> | "+U.role+"</div><div style=\"height:16px;border-radius:8px;background:var(--g2);overflow:hidden;margin-bottom:6px\"><div style=\"height:100%;border-radius:8px;width:"+pct+"%;background:"+(cl==="gd"?"var(--green)":cl==="wn"?"var(--orange)":"var(--red)")+";transition:width .5s\"></div></div><div style=\"font-size:12px;font-weight:600\">Выполнено: <b>"+done+"</b> из <b>"+q.c+"</b> ("+pct+"%) "+(need>0?"— осталось: <span style=\"color:var(--red)\">"+need+"</span>":"— ✅ выполнено!")+"</div>"+(need>0?"<div style=\"margin-top:10px\"><button class=\"btn bp bs\" onclick=\"sendScheduleReminder()\">✉️ Напомнить</button></div>":"")+"</div>"+
|
||||
"<div style=\"background:var(--white);border-radius:var(--rl);padding:20px;box-shadow:var(--sh)\"><h3>👤 Данные</h3><div style=\"font-size:13px;display:grid;grid-template-columns:1fr 1fr;gap:6px\"><div><b>ФИО:</b> "+U.name+"</div><div><b>Должность:</b> "+U.role+"</div><div><b>Филиал:</b> "+(U.branch||"—")+"</div><div><b>Подразделение:</b> "+(U.dept||"—")+"</div><div><b>Регион:</b> "+(U.region||"—")+"</div><div><b>Область:</b> "+(U.oblast||"—")+"</div><div><b>Город:</b> "+(U.city||"—")+"</div><div><b>Email:</b> "+(U.email||"—")+"</div></div></div>"+
|
||||
(audits.length>0?"<div style=\"margin-top:16px;background:var(--white);border-radius:var(--rl);padding:20px;box-shadow:var(--sh)\"><h4 style=\"font-size:13px;margin-bottom:8px\">📋 Проведённые:</h4>"+audits.slice(0,10).map(function(a){return"<div style=\"background:var(--g1);padding:8px 12px;border-radius:var(--r);margin-bottom:6px;font-size:13px\">"+a.date+" — "+a.location+" — <span class=\"badge "+(a.overallSafe?"badge-s":"badge-d")+"\">"+(a.overallSafe?"Безопасно":"Нарушений: "+a.totalViolations)+"</span></div>"}).join("")+"</div>":"");
|
||||
}
|
||||
function checkSA(){if(!U||isA()){document.getElementById("sa").classList.remove("sh","dg");return}var q=gq(U.role);if(!q.p)return;var p=gp(q.p);var done=getA().filter(function(a){return a.createdBy===U.login&&new Date(a.date)>=p.s}).length;var need=Math.max(0,q.c-done);var sa=document.getElementById("sa"),at=document.getElementById("sat");sa.classList.remove("sh","dg");if(need>0){at.textContent="⚠️ Отставание ("+p.l+"): "+done+" из "+q.c+". Осталось: "+need;sa.classList.add("sh");if(need>=q.c)sa.classList.add("dg")}}
|
||||
function sendScheduleReminder(){if(!U)return;var q=gq(U.role);var p=gp(q.p);var done=getA().filter(function(a){return a.createdBy===U.login&&new Date(a.date)>=p.s}).length;var need=Math.max(0,q.c-done);var to=U.email||"";if(!to||to.indexOf("@")<0){alert("Нет email");return}location.href="mailto:"+encodeURIComponent(to)+"?subject="+encodeURIComponent("График ПАБ — "+p.l)+"&body="+encodeURIComponent("График: "+q.l+"\nПериод: "+p.l+"\nВыполнено: "+done+" из "+q.c+(need>0?"\nОтставание: "+need:"\nГрафик выполнен!"))}
|
||||
function rMS(){var c=document.getElementById("msc");if(!c)return;document.getElementById("sa").classList.remove("sh","dg");var q=gq(U.role);if(q.c===0){c.innerHTML="<div style=\"background:var(--white);border-radius:var(--rl);padding:20px;box-shadow:var(--sh)\"><h3>📅 Без графика</h3><p style=\"color:var(--g5);font-size:13px\">Для должности «"+U.role+"» график не установлен.</p></div>";return}var p=gp(q.p);var done=getA().filter(function(a){return a.createdBy===U.login&&new Date(a.date)>=p.s}).length;var pct=Math.min(100,Math.round(done/q.c*100));var cl=pct>=100?"#2D6A4F":pct>=50?"#E76F51":"#E63946";var need=Math.max(0,q.c-done);c.innerHTML="<div style=\"background:var(--white);border-radius:var(--rl);padding:20px;box-shadow:var(--sh);margin-bottom:16px\"><h3>📅 "+p.l+"</h3><div style=\"font-size:12px;color:var(--g5);margin-bottom:10px\">Норматив: <b>"+q.l+"</b> | "+U.role+"</div><div style=\"height:16px;border-radius:8px;background:#E2E6EB;overflow:hidden;margin-bottom:6px\"><div style=\"height:100%;border-radius:8px;width:"+pct+"%;background:"+cl+";transition:width .5s\"></div></div><div style=\"font-size:12px;font-weight:600\">Выполнено: <b>"+done+"</b> из <b>"+q.c+"</b> ("+pct+"%) "+(need>0?"— осталось: <span style=\"color:#E63946\">"+need+"</span>":"— ✅ выполнено!")+"</div>"+(need>0?"<div style=\"margin-top:10px\"><button class=\"btn bp bs\" onclick=\"sendScheduleReminder()\">✉️ Напомнить</button></div>":"")+"</div><div style=\"background:var(--white);border-radius:var(--rl);padding:20px;box-shadow:var(--sh)\">👤 <b>"+U.name+"</b> — "+U.role+"<br><span style=\"font-size:12px;color:var(--g5)\">"+(U.branch||"—")+" | "+(U.dept||"—")+" | "+(U.region||"—")+" | "+(U.city||"—")+" | "+U.email+"</span></div>"+(done>0?"<div style=\"margin-top:16px;background:var(--white);border-radius:var(--rl);padding:20px;box-shadow:var(--sh)\"><h4 style=\"margin-bottom:8px\">📋 Проведённые:</h4>"+getA().filter(function(a){return a.createdBy===U.login}).slice(0,10).map(function(a){return"<div style=\"background:var(--g1);padding:8px 12px;border-radius:var(--r);margin-bottom:6px;font-size:13px\">"+a.date+" — "+a.location+" — <span class=\"badge "+(a.overallSafe?"badge-s":"badge-d")+"\">"+(a.overallSafe?"Безопасно":"Нарушений: "+a.totalViolations)+"</span></div>"}).join("")+"</div>":"")}
|
||||
|
||||
// ===== DASHBOARD =====
|
||||
function rDB(){
|
||||
var c=document.getElementById("pDB");
|
||||
c.innerHTML='<div style="margin-bottom:24px"><h2 style="font-size:26px;font-weight:800">📊 Дашборд</h2><p style="color:var(--g5)">Аналитика</p></div><div style="text-align:center;padding:20px">Загрузка...</div>';
|
||||
setTimeout(function(){
|
||||
var all=allU();var audits=getA();var total=audits.length,allSafe=audits.filter(function(a){return a.overallSafe}).length,wd=audits.filter(function(a){return !a.overallSafe}).length,tv=audits.reduce(function(s,a){return s+(a.totalViolations||0)},0);
|
||||
var ul=[];for(var k in all)if(k!=="admin")ul.push({login:k,name:all[k].name,role:all[k].role,region:all[k].region||"",oblast:all[k].oblast||"",branch:all[k].branch||"",dept:all[k].dept||"",city:all[k].city||""});
|
||||
var ot=0,bh=0;ul.forEach(function(u){var q=gq(u.role);if(!q.p)return;var p=gp(q.p);var ua=getA().filter(function(a){return a.createdBy===u.login&&new Date(a.date)>=p.s});if(ua.length>=q.c)ot++;else bh++});
|
||||
var sp=total>0?(allSafe/total*100):50,dp=total>0?(wd/total*100):50;
|
||||
var adb=isA()?'<div class="fb"><button class="btn bp bs" onclick="downloadFullCSV()">📥 CSV данные</button><button class="btn bo bs" onclick="downloadWorkerReport()">👥 CSV работники</button><button class="btn bo bs" onclick="downloadSummaryHTML()">📊 HTML отчёт</button><span style="color:var(--g2);margin:0 4px">|</span><button class="btn bd bs" onclick="clearAllAudits()">🗑️ Очистить всё</button><button class="btn bo bs" onclick="clearAuditsByDate()">📅 Очистить период</button><button class="btn bo bs" onclick="showAllUsers()">👥 Пользователи</button></div>':'';
|
||||
c.innerHTML='<div style="margin-bottom:24px"><h2 style="font-size:26px;font-weight:800">📊 Дашборд</h2><p style="color:var(--g5)">Аналитика</p></div>'+adb+
|
||||
'<div class="sg"><div class="sc"><div class="sl">Всего аудитов</div><div class="sv">'+total+'</div></div><div class="sc gr"><div class="sl">Безопасно</div><div class="sv">'+allSafe+'</div></div><div class="sc rd"><div class="sl">С нарушениями</div><div class="sv">'+wd+'</div></div><div class="sc bl"><div class="sl">Нарушений</div><div class="sv">'+tv+'</div></div><div class="sc or"><div class="sl">Выполняют график</div><div class="sv">'+ot+'</div></div><div class="sc rd"><div class="sl">Отстают</div><div class="sv">'+bh+'</div></div></div>'+
|
||||
'<div class="cc" style="margin-bottom:16px"><h3>🟢🔴 Соотношение</h3><div class="rb"><div class="rs" style="width:'+sp+'%"></div><div class="ru" style="width:'+dp+'%"></div></div><div class="rl2"><span>Безопасные: '+allSafe+'</span><span>С нарушениями: '+wd+'</span></div></div>'+
|
||||
'<div class="cg"><div class="cc"><h3>📂 По категориям</h3><canvas id="chCat"></canvas></div><div class="cc"><h3>📅 По датам</h3><canvas id="chTimeline"></canvas></div><div class="cc"><h3>🏢 По регионам</h3><canvas id="chRegions"></canvas></div><div class="cc"><h3>🔝 Топ-10</h3><canvas id="chTop"></canvas></div></div>';
|
||||
setTimeout(function(){
|
||||
for(var ck in charts){try{charts[ck].destroy()}catch(e){}}charts={};
|
||||
if(document.getElementById("chCat")){
|
||||
charts.cat=new Chart(document.getElementById("chCat"),{type:"bar",data:{labels:CATS.map(function(c){return c.title.split(". ")[1]}),datasets:[{label:"Нарушений",data:CATS.map(function(cat){return audits.reduce(function(s,a){var c=a.categories&&a.categories[cat.id];return s+(c?c.items.length:0)},0)}),backgroundColor:"#E63946",borderRadius:6}]},options:{responsive:true,plugins:{legend:{display:false}},scales:{y:{beginAtZero:true,ticks:{stepSize:1}}}}});
|
||||
}
|
||||
if(document.getElementById("chTimeline")){
|
||||
var dates={};audits.forEach(function(a){if(!dates[a.date])dates[a.date]=0;dates[a.date]+=(a.totalViolations||0)});var sd=Object.keys(dates).sort();
|
||||
charts.tl=new Chart(document.getElementById("chTimeline"),{type:"line",data:{labels:sd,datasets:[{label:"Нарушений",data:sd.map(function(d){return dates[d]}),borderColor:"#E63946",backgroundColor:"rgba(230,57,70,0.08)",fill:true,tension:0.3,pointRadius:5}]},options:{responsive:true,plugins:{legend:{display:false}},scales:{y:{beginAtZero:true,ticks:{stepSize:1}}}}});
|
||||
}
|
||||
if(document.getElementById("chRegions")){
|
||||
var rc={};audits.forEach(function(a){var u=all[a.createdBy];var r=u?u.region||"Не указан":"Не указан";rc[r]=(rc[r]||0)+1});var rs=Object.entries(rc).sort(function(a,b){return b[1]-a[1]});
|
||||
charts.reg=new Chart(document.getElementById("chRegions"),{type:"bar",data:{labels:rs.map(function(r){return r[0]}),datasets:[{label:"Аудитов",data:rs.map(function(r){return r[1]}),backgroundColor:["#00B4D8","#48CAE4","#90E0EF","#0077B6","#023E8A","#E63946","#E76F51","#2D6A4F"],borderRadius:6}]},options:{responsive:true,plugins:{legend:{display:false}},scales:{y:{beginAtZero:true,ticks:{stepSize:1}}}}});
|
||||
}
|
||||
if(document.getElementById("chTop")){
|
||||
var ic={};audits.forEach(function(a){if(a.categories){Object.values(a.categories).forEach(function(cat){if(cat.items){cat.items.forEach(function(it){ic[it.item]=(ic[it.item]||0)+1})})}});var ti=Object.entries(ic).sort(function(a,b){return b[1]-a[1]}).slice(0,10);
|
||||
charts.top=new Chart(document.getElementById("chTop"),{type:"bar",data:{labels:ti.map(function(i){return i[0].length>30?i[0].slice(0,30)+"...":i[0]}),datasets:[{label:"Раз",data:ti.map(function(i){return i[1]}),backgroundColor:["#E63946","#E76F51","#F4A261","#E9C46A","#2A9D8F","#264653","#00B4D8","#0077B6","#023E8A","#6C757D"],borderRadius:4}]},options:{indexAxis:"y",responsive:true,plugins:{legend:{display:false}},scales:{x:{beginAtZero:true,ticks:{stepSize:1}}}}});
|
||||
}
|
||||
},300);
|
||||
},50);
|
||||
}
|
||||
function rDB(){var c=document.getElementById("dbc");if(!c)return;var audits=getA();var all=allU();var total=audits.length,allSafe=audits.filter(function(a){return a.overallSafe}).length,wd=audits.filter(function(a){return !a.overallSafe}).length,tv=audits.reduce(function(s,a){return s+(a.totalViolations||0)},0);var ul=[];for(var k in all)if(k!=="admin")ul.push({login:k,role:all[k].role});var ot=0,bh=0;ul.forEach(function(u){var q=gq(u.role);if(!q.p)return;var p=gp(q.p);var done=getA().filter(function(a){return a.createdBy===u.login&&new Date(a.date)>=p.s}).length;if(done>=q.c)ot++;else bh++});var sp=total>0?(allSafe/total*100):50,dp=total>0?(wd/total*100):50;c.innerHTML=(isA()?"<div class=\"fb\"><button class=\"btn bp bs\" onclick=\"downloadFullCSV()\">📥 CSV данные</button><button class=\"btn bo bs\" onclick=\"downloadWorkerReport()\">👥 CSV работники</button><button class=\"btn bo bs\" onclick=\"downloadSummaryHTML()\">📊 HTML отчёт</button><span style=\"color:var(--g2);margin:0 4px\">|</span><button class=\"btn bd bs\" onclick=\"clearAllAudits()\">🗑️ Очистить всё</button><button class=\"btn bo bs\" onclick=\"clearAuditsByDate()\">📅 Очистить период</button><button class=\"btn bo bs\" onclick=\"showAllUsers()\">👥 Пользователи</button></div>":"")+"<div class=\"sg\"><div class=\"sc\"><div class=\"sl\">Всего аудитов</div><div class=\"sv\">"+total+"</div></div><div class=\"sc gr\"><div class=\"sl\">Безопасно</div><div class=\"sv\">"+allSafe+"</div></div><div class=\"sc rd\"><div class=\"sl\">С нарушениями</div><div class=\"sv\">"+wd+"</div></div><div class=\"sc bl\"><div class=\"sl\">Нарушений</div><div class=\"sv\">"+tv+"</div></div><div class=\"sc or\"><div class=\"sl\">Выполняют график</div><div class=\"sv\">"+ot+"</div></div><div class=\"sc rd\"><div class=\"sl\">Отстают</div><div class=\"sv\">"+bh+"</div></div></div><div class=\"cc\" style=\"margin-bottom:16px\"><h3>🟢🔴 Соотношение</h3><div class=\"rb\"><div class=\"rs\" style=\"width:"+sp+"%\"></div><div class=\"ru\" style=\"width:"+dp+"%\"></div></div><div class=\"rl2\"><span>Безопасные: "+allSafe+"</span><span>С нарушениями: "+wd+"</span></div></div><div class=\"cg\"><div class=\"cc\"><h3>📂 По категориям</h3><canvas id=\"ch1\"></canvas></div><div class=\"cc\"><h3>📅 По датам</h3><canvas id=\"ch2\"></canvas></div><div class=\"cc\"><h3>🔝 Топ-10</h3><canvas id=\"ch3\"></canvas></div></div>";setTimeout(function(){for(var ck in charts)try{charts[ck].destroy()}catch(e){}charts={};var ctx1=document.getElementById("ch1");if(ctx1)charts.cat=new Chart(ctx1,{type:"bar",data:{labels:CATS.map(function(c){return c.title.split(". ")[1]}),datasets:[{label:"Нарушений",data:CATS.map(function(cat){return audits.reduce(function(s,a){var c=a.categories&&a.categories[cat.id];return s+(c?c.items.length:0)},0)}),backgroundColor:"#E63946",borderRadius:6}]},options:{responsive:true,plugins:{legend:{display:false}},scales:{y:{beginAtZero:true,ticks:{stepSize:1}}}}});var dates={};audits.forEach(function(a){if(!dates[a.date])dates[a.date]=0;dates[a.date]+=(a.totalViolations||0)});var sd=Object.keys(dates).sort();var ctx2=document.getElementById("ch2");if(ctx2)charts.tl=new Chart(ctx2,{type:"line",data:{labels:sd,datasets:[{label:"Нарушений",data:sd.map(function(d){return dates[d]}),borderColor:"#E63946",backgroundColor:"rgba(230,57,70,0.08)",fill:true,tension:0.3,pointRadius:5}]},options:{responsive:true,plugins:{legend:{display:false}},scales:{y:{beginAtZero:true,ticks:{stepSize:1}}}}});var ic={};audits.forEach(function(a){if(a.categories){Object.values(a.categories).forEach(function(cat){if(cat.items)cat.items.forEach(function(it){ic[it.item]=(ic[it.item]||0)+1})})}});var ti=Object.entries(ic).sort(function(a,b){return b[1]-a[1]}).slice(0,10);var ctx3=document.getElementById("ch3");if(ctx3)charts.top=new Chart(ctx3,{type:"bar",data:{labels:ti.map(function(i){return i[0].length>30?i[0].slice(0,30)+"...":i[0]}),datasets:[{label:"Раз",data:ti.map(function(i){return i[1]}),backgroundColor:["#E63946","#E76F51","#F4A261","#E9C46A","#2A9D8F","#264653","#00B4D8","#0077B6","#023E8A","#6C757D"],borderRadius:4}]},options:{indexAxis:"y",responsive:true,plugins:{legend:{display:false}},scales:{x:{beginAtZero:true,ticks:{stepSize:1}}}}})},300)}
|
||||
|
||||
// ===== VIOLATIONS =====
|
||||
function rVL(){
|
||||
var c=document.getElementById("pVL");c.innerHTML='<div style="margin-bottom:24px"><h2 style="font-size:26px;font-weight:800">⚠️ Несоответствия</h2><p style="color:var(--g5)">Контроль мер</p></div><div style="text-align:center;padding:20px">Загрузка...</div>';
|
||||
setTimeout(function(){
|
||||
var audits=getA();var today=new Date().toISOString().split("T")[0];var allV=[];audits.forEach(function(a){if(!a.violations)return;a.violations.forEach(function(v){var dd=v.date||"",done=v.done&&v.done.trim();var st="pending";if(done)st="done";else if(dd&&dd<today)st="overdue";allV.push({nc:v.nc,executor:v.executor,type:v.type,measure:v.measure,responsible:v.responsible,date:dd,done:v.done||"",status:st,auditDate:a.date,auditNumber:a.number||"—"})})});
|
||||
c.innerHTML='<div style="margin-bottom:24px"><h2 style="font-size:26px;font-weight:800">⚠️ Несоответствия</h2><p style="color:var(--g5)">Контроль мер</p></div>'+
|
||||
'<div class="sg"><div class="sc"><div class="sl">Всего</div><div class="sv">'+allV.length+'</div></div><div class="sc gr"><div class="sl">Устранено</div><div class="sv">'+allV.filter(function(v){return v.status==="done"}).length+'</div></div><div class="sc rd"><div class="sl">Просрочено</div><div class="sv">'+allV.filter(function(v){return v.status==="overdue"}).length+'</div></div><div class="sc or"><div class="sl">В работе</div><div class="sv">'+allV.filter(function(v){return v.status==="pending"}).length+'</div></div></div>'+
|
||||
'<div class="fb"><select onchange="rVL()" id="vfs"><option value="all">Все</option><option value="done">Устранено</option><option value="overdue">Просрочено</option><option value="pending">В работе</option></select><select onchange="rVL()" id="vft"><option value="all">Все виды</option><option>Нарушение</option><option>Замечание</option><option>Риск</option></select></div>'+
|
||||
'<div class="tw"><table class="dt"><thead><tr><th>№</th><th>Несоответствие</th><th>Аудит (дата)</th><th>Исполнитель</th><th>Вид</th><th>Меры</th><th>Ответственный</th><th>Срок</th><th>Завершение</th><th>Статус</th></tr></thead><tbody>'+allV.map(function(v,i){var sc=v.status==="done"?"badge-s":v.status==="overdue"?"badge-d":"badge-w";var sl=v.status==="done"?"Устранено":v.status==="overdue"?"Просрочено":"В работе";return"<tr><td>"+(i+1)+"</td><td style=\"max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap\" title=\""+esc(v.nc)+"\">"+v.nc+"</td><td>"+v.auditDate+" (№"+v.auditNumber+")</td><td>"+v.executor+"</td><td>"+v.type+"</td><td style=\"max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap\">"+(v.measure||"—")+"</td><td>"+v.responsible+"</td><td>"+(v.date||"—")+"</td><td>"+(v.done||"—")+"</td><td><span class=\"badge "+sc+"\">"+sl+"</span></td></tr>"}).join("")+'</tbody></table></div>';
|
||||
},50);
|
||||
}
|
||||
function rVL(){var c=document.getElementById("vlc");if(!c)return;var audits=getA();var today=new Date().toISOString().split("T")[0];var allV=[];audits.forEach(function(a){if(!a.violations)return;a.violations.forEach(function(v){var dd=v.date||"",done=v.done&&v.done.trim();var st="pending";if(done)st="done";else if(dd&&dd<today)st="overdue";allV.push({nc:v.nc,executor:v.executor,type:v.type,measure:v.measure,responsible:v.responsible,date:dd,done:v.done||"",status:st,auditDate:a.date,auditNumber:a.number||"—"})})});c.innerHTML="<div class=\"sg\"><div class=\"sc\"><div class=\"sl\">Всего</div><div class=\"sv\">"+allV.length+"</div></div><div class=\"sc gr\"><div class=\"sl\">Устранено</div><div class=\"sv\">"+allV.filter(function(v){return v.status==="done"}).length+"</div></div><div class=\"sc rd\"><div class=\"sl\">Просрочено</div><div class=\"sv\">"+allV.filter(function(v){return v.status==="overdue"}).length+"</div></div><div class=\"sc or\"><div class=\"sl\">В работе</div><div class=\"sv\">"+allV.filter(function(v){return v.status==="pending"}).length+"</div></div></div><div class=\"tw\"><table class=\"dt\"><thead><tr><th>№</th><th>Несоответствие</th><th>Аудит</th><th>Исполнитель</th><th>Вид</th><th>Меры</th><th>Ответственный</th><th>Срок</th><th>Завершение</th><th>Статус</th></tr></thead><tbody>"+allV.map(function(v,i){var sc=v.status==="done"?"badge-s":v.status==="overdue"?"badge-d":"badge-w";var sl=v.status==="done"?"Устранено":v.status==="overdue"?"Просрочено":"В работе";return"<tr><td>"+(i+1)+"</td><td style=\"max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap\" title=\""+esc(v.nc)+"\">"+v.nc+"</td><td>"+v.auditDate+"</td><td>"+v.executor+"</td><td>"+v.type+"</td><td style=\"max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap\">"+(v.measure||"—")+"</td><td>"+v.responsible+"</td><td>"+(v.date||"—")+"</td><td>"+(v.done||"—")+"</td><td><span class=\"badge "+sc+"\">"+sl+"</span></td></tr>"}).join("")+"</tbody></table></div>"}
|
||||
|
||||
// ===== HISTORY =====
|
||||
function rHS(){
|
||||
var c=document.getElementById("pHS");
|
||||
c.innerHTML='<div style="margin-bottom:24px"><h2 style="font-size:26px;font-weight:800">📁 История</h2><p style="color:var(--g5)">Архив аудитов</p></div>'+
|
||||
'<div class="fb"><select onchange="rHS()" id="hfs"><option value="all">Все</option><option value="safe">Безопасно</option><option value="danger">С нарушениями</option></select><input type="date" id="hfd" onchange="rHS()"><input type="text" id="hfl" oninput="rHS()" placeholder="Поиск..."><button class="btn bo bs" onclick="exportCSV()">📥 CSV</button></div>'+
|
||||
'<div class="tw"><table class="dt"><thead><tr><th>Бланк №</th><th>Дата</th><th>Время</th><th>Место</th><th>Наблюдатель</th><th>Статус</th><th>Нарушений</th><th></th></tr></thead><tbody id="hbdy"></tbody></table></div><div class="nd" id="hnd" style="display:none">📭 Нет записей</div>';
|
||||
setTimeout(function(){renderHistTable()},50);
|
||||
}
|
||||
function renderHistTable(){
|
||||
var audits=getA();var fs=document.getElementById("hfs"),fd=document.getElementById("hfd"),fl=document.getElementById("hfl");
|
||||
if(fs&&fs.value==="safe")audits=audits.filter(function(a){return a.overallSafe});if(fs&&fs.value==="danger")audits=audits.filter(function(a){return !a.overallSafe});if(fd&&fd.value)audits=audits.filter(function(a){return a.date===fd.value});if(fl&&fl.value)audits=audits.filter(function(a){return a.location.toLowerCase().indexOf(fl.value.toLowerCase())>=0});
|
||||
var tb=document.getElementById("hbdy"),nd=document.getElementById("hnd");if(!tb)return;if(audits.length===0){tb.innerHTML="";if(nd)nd.style.display="block";return}if(nd)nd.style.display="none";
|
||||
tb.innerHTML=audits.map(function(a){var ab=isA()?"<a class=\"vl\" onclick=\"editA("+a.id+")\">✏️</a><button class=\"btn bd bs\" onclick=\"delA("+a.id+")\" style=\"margin-left:6px\">🗑️</button>":"<span style=\"color:var(--g5);font-size:11px\">чтение</span>";return"<tr><td>"+(a.number||"—")+"</td><td>"+a.date+"</td><td>"+(a.timeStart||"—")+" — "+(a.timeEnd||"—")+"</td><td>"+a.location+"</td><td>"+a.observer+"</td><td><span class=\"badge "+(a.overallSafe?"badge-s":"badge-d")+"\">"+(a.overallSafe?"Безопасно":"Нарушения")+"</span></td><td>"+(a.totalViolations||0)+"</td><td>"+ab+"</td></tr>"}).join("")
|
||||
}
|
||||
function exportCSV(){var audits=getA();if(audits.length===0){alert("Нет данных");return}var all=allU();var h="Бланк №;Дата;Время;Место;Наблюдатель;Должность;Филиал;Регион;Область;Город;Статус;Нарушений";var rows=audits.map(function(a){var u=all[a.createdBy]||{};return(a.number||"")+";"+a.date+";"+(a.timeStart||"")+"-"+(a.timeEnd||"")+";\""+a.location+"\";\""+a.observer+"\";\""+(a.observerRole||"")+"\";\""+(u.branch||"")+"\";\""+(u.region||"")+"\";\""+(u.oblast||"")+"\";\""+(u.city||"")+"\";"+(a.overallSafe?"Безопасно":"Нарушения")+";"+(a.totalViolations||0)});var csv="\uFEFF"+h+"\n"+rows.join("\n");var blob=new Blob([csv],{type:"text/csv;charset=utf-8"});var url=URL.createObjectURL(blob);var dl=document.createElement("a");dl.href=url;dl.download="pab.csv";dl.click();URL.revokeObjectURL(url)}
|
||||
function rHT(){var audits=getA();var fs=document.getElementById("hfs"),fd=document.getElementById("hfd"),fl=document.getElementById("hfl");if(fs&&fs.value==="safe")audits=audits.filter(function(a){return a.overallSafe});if(fs&&fs.value==="danger")audits=audits.filter(function(a){return !a.overallSafe});if(fd&&fd.value)audits=audits.filter(function(a){return a.date===fd.value});if(fl&&fl.value)audits=audits.filter(function(a){var v=fl.value.toLowerCase();return a.location.toLowerCase().indexOf(v)>=0});var tb=document.getElementById("hbd");if(!tb)return;tb.innerHTML=audits.length===0?"<tr><td colspan=\"8\" style=\"text-align:center;padding:30px;color:var(--g5)\">Нет записей</td></tr>":audits.map(function(a){var ab=isA()?"<a class=\"vl\" onclick=\"editA("+a.id+")\">✏️</a> <button class=\"btn bd bs\" onclick=\"delA("+a.id+")\">🗑️</button>":"<span style=\"color:var(--g5);font-size:11px\">чтение</span>";return"<tr><td>"+(a.number||"—")+"</td><td>"+a.date+"</td><td>"+(a.timeStart||"—")+" — "+(a.timeEnd||"—")+"</td><td>"+a.location+"</td><td>"+a.observer+"</td><td><span class=\"badge "+(a.overallSafe?"badge-s":"badge-d")+"\">"+(a.overallSafe?"Безопасно":"Нарушения")+"</span></td><td>"+(a.totalViolations||0)+"</td><td>"+ab+"</td></tr>"}).join("")}
|
||||
function exportCSV(){var audits=getA();if(audits.length===0){alert("Нет данных");return}var all=allU();var h="Бланк №;Дата;Время;Место;Наблюдатель;Должность;Филиал;Регион;Область;Город;Статус;Нарушений";var rows=audits.map(function(a){var u=all[a.createdBy]||{};return(a.number||"")+";"+a.date+";"+(a.timeStart||"")+"-"+(a.timeEnd||"")+";\""+a.location+"\";\""+a.observer+"\";\""+(a.observerRole||"")+"\";\""+(u.branch||"")+"\";\""+(u.region||"")+"\";\""+(u.oblast||"")+"\";\""+(u.city||"")+"\";"+(a.overallSafe?"Безопасно":"Нарушения")+";"+(a.totalViolations||0)});var csv="\uFEFF"+h+"\n"+rows.join("\n");var blob=new Blob([csv],{type:"text/csv"});var url=URL.createObjectURL(blob);var dl=document.createElement("a");dl.href=url;dl.download="pab.csv";dl.click();URL.revokeObjectURL(url)}
|
||||
function editA(id){if(!isA()){alert("Только администратор");return}var a=getA().find(function(x){return x.id===id});if(!a)return;editId=id;swP("NA");setTimeout(function(){document.getElementById("pn").value=a.number||"";document.getElementById("pd").value=a.date||"";document.getElementById("ps").value=a.timeStart||"";document.getElementById("pe").value=a.timeEnd||"";document.getElementById("pl").value=a.location||"";document.getElementById("pr").value=a.region||"";document.getElementById("pw").value=a.workType||"";document.getElementById("pc").value=a.workerCount||1;document.getElementById("po").value=a.observer||"";document.getElementById("por").value=a.observerRole||"";document.getElementById("psv").value=a.supervisor||"";document.getElementById("psr").value=a.supervisorRole||"";document.getElementById("pem").value=a.email||"";setO(a.overallSafe?"safe":"danger");CATS.forEach(function(cat){var cd=a.categories&&a.categories[cat.id];var it=cd?cd.items:[];it.forEach(function(i){var idx=cat.items.indexOf(i.item);if(idx>=0){var cb=document.getElementById("cb-"+cat.id+"-"+idx);if(cb){cb.checked=true;cb.parentElement.classList.add("ck")}if(i.other){var o=document.getElementById("other-"+cat.id);if(o){o.value=i.other;o.style.display="block";o.classList.add("vs")}}}});document.getElementById("ascb-"+cat.id).checked=it.length===0;document.getElementById("as-"+cat.id).classList.toggle("ac2",it.length===0);updateCatTotal(cat.id)});document.getElementById("vr").innerHTML="";if(a.violations&&a.violations.length>0){vrc=a.violations.length;document.getElementById("vr").innerHTML=a.violations.map(function(v,i){return mkV(i+1,v)}).join("")}else{vrc=1;document.getElementById("vr").innerHTML=mkV(1)}setDL(a.dialogue||[])},200)}
|
||||
function delA(id){if(!isA()){alert("Только администратор");return}if(!confirm("Удалить?"))return;saveA(getA().filter(function(a){return a.id!==id}));rHS()}
|
||||
|
||||
// ===== ADMIN =====
|
||||
function delA(id){if(!isA()){alert("Только администратор");return}if(!confirm("Удалить?"))return;saveA(getA().filter(function(a){return a.id!==id}));rHT()}
|
||||
function downloadFullCSV(){var audits=getA();if(audits.length===0){alert("Нет данных");return}var all=allU();var h="Бланк №;Дата;Время;Место;Тип;Наблюдатель;Должность;Руководитель;Филиал;Подразделение;Регион;Область;Город;Статус;Нарушений";var rows=audits.map(function(a){var u=all[a.createdBy]||{};return(a.number||"")+";"+a.date+";"+(a.timeStart||"")+"-"+(a.timeEnd||"")+";\""+a.location+"\";\""+(a.workType||"")+"\";\""+a.observer+"\";\""+(a.observerRole||"")+"\";\""+(a.supervisor||"")+"\";\""+(u.branch||"")+"\";\""+(u.dept||"")+"\";\""+(u.region||"")+"\";\""+(u.oblast||"")+"\";\""+(u.city||"")+"\";"+(a.overallSafe?"Безопасно":"Нарушения")+";"+(a.totalViolations||0)});var csv="\uFEFF"+h+"\n"+rows.join("\n");var blob=new Blob([csv],{type:"text/csv"});var url=URL.createObjectURL(blob);var dl=document.createElement("a");dl.href=url;dl.download="pab-full.csv";dl.click();URL.revokeObjectURL(url)}
|
||||
function downloadWorkerReport(){var audits=getA();var all=allU();var ul=[];for(var k in all)if(k!=="admin")ul.push({login:k,name:all[k].name,role:all[k].role,branch:all[k].branch||"",dept:all[k].dept||"",region:all[k].region||"",oblast:all[k].oblast||"",city:all[k].city||"",email:all[k].email||""});if(ul.length===0){alert("Нет работников");return}var h="Логин;ФИО;Должность;Филиал;Подразделение;Регион;Область;Город;Email;График;Период;Выполнено;Нужно;Статус";var rows=ul.map(function(u){var q=gq(u.role);if(!q.p)return u.login+";\""+u.name+"\";\""+u.role+"\";\""+u.branch+"\";\""+u.dept+"\";\""+u.region+"\";\""+u.oblast+"\";\""+u.city+"\";\""+u.email+"\";Без графика;;;0;—";var p=gp(q.p);var done=audits.filter(function(a){return a.createdBy===u.login&&new Date(a.date)>=p.s}).length;var st=done>=q.c?"Выполнен":"Отстаёт ("+(q.c-done)+")";return u.login+";\""+u.name+"\";\""+u.role+"\";\""+u.branch+"\";\""+u.dept+"\";\""+u.region+"\";\""+u.oblast+"\";\""+u.city+"\";\""+u.email+"\";\""+q.l+"\";\""+p.l+"\";"+done+";"+q.c+";\""+st+"\""});var csv="\uFEFF"+h+"\n"+rows.join("\n");var blob=new Blob([csv],{type:"text/csv"});var url=URL.createObjectURL(blob);var dl=document.createElement("a");dl.href=url;dl.download="pab-workers.csv";dl.click();URL.revokeObjectURL(url)}
|
||||
function downloadSummaryHTML(){var audits=getA();var all=allU();var ul=[];for(var k in all)if(k!=="admin")ul.push({login:k,name:all[k].name,role:all[k].role,branch:all[k].branch||"",dept:all[k].dept||"",region:all[k].region||"",city:all[k].city||""});var total=audits.length,allSafe=audits.filter(function(a){return a.overallSafe}).length,wd=audits.filter(function(a){return !a.overallSafe}).length,tv=audits.reduce(function(s,a){return s+(a.totalViolations||0)},0);var ot=0,bh=0;ul.forEach(function(u){var q=gq(u.role);if(!q.p)return;var p=gp(q.p);var done=audits.filter(function(a){return a.createdBy===u.login&&new Date(a.date)>=p.s}).length;if(done>=q.c)ot++;else bh++});var wr=ul.map(function(u){var q=gq(u.role);if(!q.p)return"<tr><td>"+u.name+"</td><td>"+u.role+"</td><td>"+u.branch+"</td><td>"+u.dept+"</td><td>"+u.region+"</td><td>"+u.city+"</td><td>Без графика</td><td>—</td></tr>";var p=gp(q.p);var done=audits.filter(function(a){return a.createdBy===u.login&&new Date(a.date)>=p.s}).length;var c=done>=q.c?"green":"red";return"<tr><td>"+u.name+"</td><td>"+u.role+"</td><td>"+u.branch+"</td><td>"+u.dept+"</td><td>"+u.region+"</td><td>"+u.city+"</td><td style=\"color:"+c+"\">"+done+"/"+q.c+" ("+q.l+")</td><td>"+p.l+"</td></tr>"}).join("");var h="<!DOCTYPE html><html><head><meta charset=\"utf-8\"><title>Отчёт ПАБ</title><style>body{font:14px/1.5 Arial;max-width:1000px;margin:30px auto;padding:20px}h1{font-size:24px;border-bottom:3px solid #00B4D8}h2{font-size:18px;margin-top:30px;color:#00B4D8}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0}.card{background:#F2F4F7;padding:16px;border-radius:10px;text-align:center}.val{font-size:28px;font-weight:800}.g{color:#2D6A4F}.r{color:#E63946}table{width:100%;border-collapse:collapse;margin:12px 0;font-size:13px}th{background:#0F1218;color:#fff;padding:10px 12px}td{padding:8px 12px;border-bottom:1px solid #E2E6EB}@media print{button{display:none}}</style></head><body><button onclick=\"window.print()\" style=\"padding:10px 24px;font-size:15px;margin-bottom:16px\">🖨️ Печать</button><h1>📊 Сводный отчёт ПАБ</h1><p>Сформирован: "+new Date().toLocaleString("ru")+"</p><div class=\"cards\"><div class=\"card\"><div>Всего аудитов</div><div class=\"val\">"+total+"</div></div><div class=\"card\"><div>Безопасно</div><div class=\"val g\">"+allSafe+"</div></div><div class=\"card\"><div>С нарушениями</div><div class=\"val r\">"+wd+"</div></div><div class=\"card\"><div>Нарушений</div><div class=\"val r\">"+tv+"</div></div><div class=\"card\"><div>Выполняют график</div><div class=\"val g\">"+ot+"</div></div><div class=\"card\"><div>Отстают</div><div class=\"val r\">"+bh+"</div></div></div><h2>👥 График</h2><table><tr><th>ФИО</th><th>Должность</th><th>Филиал</th><th>Подразделение</th><th>Регион</th><th>Город</th><th>Прогресс</th><th>Период</th></tr>"+wr+"</table></body></html>";var w=window.open("","_blank","width=1000,height=800");w.document.write(h);w.document.close()}
|
||||
@ -233,9 +156,10 @@ function clearAllAudits(){if(!isA())return;if(!confirm("Удалить ВСЕ а
|
||||
function clearAuditsByDate(){if(!isA())return;var from=prompt("С даты (ГГГГ-ММ-ДД):","");if(!from)return;var to=prompt("По дату (ГГГГ-ММ-ДД):","");var audits=getA();var before=audits.length;audits=audits.filter(function(a){if(a.date<from)return true;if(to&&a.date>to)return true;return false});if(before===audits.length){alert("Нет аудитов за период");return}if(!confirm("Удалить "+(before-audits.length)+"?"))return;saveA(audits);alert("Удалено "+(before-audits.length))}
|
||||
function showAllUsers(){if(!isA())return;var all=allU();var h="<h2>👥 Пользователи</h2><table style=\"width:100%;border-collapse:collapse;font-size:13px\"><tr style=\"background:#0F1218;color:#fff\"><th>Логин</th><th>ФИО</th><th>Должность</th><th>Филиал</th><th>Подразделение</th><th>Регион</th><th>Область</th><th>Город</th><th>Email</th><th>График</th></tr>";for(var k in all){var u=all[k],q=gq(u.role);h+="<tr style=\"border-bottom:1px solid #E2E6EB\"><td>"+k+(k==="admin"?" ⭐":"")+"</td><td>"+u.name+"</td><td>"+u.role+"</td><td>"+(u.branch||"—")+"</td><td>"+(u.dept||"—")+"</td><td>"+(u.region||"—")+"</td><td>"+(u.oblast||"—")+"</td><td>"+(u.city||"—")+"</td><td>"+(u.email||"—")+"</td><td>"+q.l+"</td></tr>"}h+="</table>";var w=window.open("","_blank","width=1000,height=600");w.document.write("<!DOCTYPE html><html><head><meta charset=\"utf-8\"><title>Пользователи</title><style>body{font:14px/1.5 Arial;max-width:1100px;margin:30px auto;padding:20px}@media print{button{display:none}}</style></head><body><button onclick=\"window.print()\">🖨️ Печать</button>"+h+"</body></html>");w.document.close()}
|
||||
|
||||
// Init
|
||||
rNA();
|
||||
checkSA();
|
||||
document.getElementById("pd").value=new Date().toISOString().split("T")[0];
|
||||
document.getElementById("po").value=U.name;document.getElementById("por").value=U.role||"";
|
||||
document.getElementById("pem").value=U.email||"";document.getElementById("pr").value=U.region||"";
|
||||
rHT();checkSA();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
81
index.html
81
index.html
@ -3,42 +3,67 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>ПАБ — Тест входа</title>
|
||||
<title>Вход — ПАБ</title>
|
||||
<style>
|
||||
body{font:16px/1.5 sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0F1218}
|
||||
.card{background:#fff;padding:40px;border-radius:12px;width:360px;box-shadow:0 8px 40px rgba(0,0,0,0.3)}
|
||||
h1{font-size:20px;text-align:center;margin-bottom:24px}
|
||||
input{width:100%;padding:10px;margin-bottom:12px;border:2px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}
|
||||
button{width:100%;padding:12px;background:#00B4D8;color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer}
|
||||
*{box-sizing:border-box;margin:0;padding:0}
|
||||
body{font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0F1218 0%,#1a2332 100%)}
|
||||
#card{background:#fff;padding:44px 36px;border-radius:14px;width:100%;max-width:400px;box-shadow:0 8px 40px rgba(0,0,0,0.25)}
|
||||
#card h1{font-size:19px;text-align:center;margin-bottom:4px}
|
||||
#card .sub{font-size:13px;color:#5B6573;text-align:center;margin-bottom:24px}
|
||||
input{width:100%;padding:12px;margin-bottom:12px;border:2px solid #E2E6EB;border-radius:8px;font-size:14px;font-family:inherit;outline:none}
|
||||
input:focus{border-color:#00B4D8}
|
||||
select{width:100%;padding:10px;margin-bottom:10px;border:2px solid #E2E6EB;border-radius:8px;font-size:13px;font-family:inherit}
|
||||
button{width:100%;padding:12px;background:#00B4D8;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit}
|
||||
button:hover{background:#48CAE4}
|
||||
.tabs{display:flex;gap:0;margin-bottom:20px;border-radius:8px;overflow:hidden;border:2px solid #E2E6EB}
|
||||
.tabs button{flex:1;padding:8px;background:#fff;color:#5B6573;border:none;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit;border-radius:0}
|
||||
.tabs button.ac{background:#00B4D8;color:#fff}
|
||||
.err{color:#E63946;font-size:13px;text-align:center;display:none;margin-top:8px}
|
||||
.ok{background:#EDF7F0;border:1px solid #2D6A4F;color:#2D6A4F;padding:10px;border-radius:8px;font-size:13px;text-align:center;display:none;margin-top:10px;font-weight:600}
|
||||
#regForm{display:none}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="card">
|
||||
<h1>🛡️ Вход в ПАБ</h1>
|
||||
<input type="text" id="user" placeholder="Логин">
|
||||
<input type="password" id="pass" placeholder="Пароль">
|
||||
<button id="btn">Войти</button>
|
||||
<div id="err" class="err">Неверный логин или пароль</div>
|
||||
<div id="card">
|
||||
<h1>🛡️ Поведенческий аудит безопасности</h1>
|
||||
<div class="sub">Система ПАБ</div>
|
||||
<div class="tabs"><button class="ac" id="tL">Вход</button><button id="tR">Регистрация</button></div>
|
||||
<div id="loginForm">
|
||||
<input type="text" id="lu" placeholder="Логин">
|
||||
<input type="password" id="lp" placeholder="Пароль">
|
||||
<button id="lb">Войти</button>
|
||||
<div class="err" id="lerr">Неверный логин или пароль</div>
|
||||
</div>
|
||||
<div id="regForm">
|
||||
<input type="text" id="rl" placeholder="Придумайте логин">
|
||||
<input type="password" id="rp" placeholder="Придумайте пароль (мин. 3)">
|
||||
<input type="text" id="rn" placeholder="ФИО">
|
||||
<input type="email" id="re" placeholder="Email">
|
||||
<select id="rr"><option value="">-- Должность --</option><option>Директор департамента ЦА</option><option>Директор департамента филиала</option><option>Региональный директор филиала</option><option>Директор ДЭСД</option><option>Начальник ТУСМ</option><option>Руководитель структурного подразделения</option><option>Начальник центра/службы/цеха</option><option>Начальник участка</option><option>Инженер БиОТ</option><option>Работник отдела БиОТ</option><option>Сотрудник</option></select>
|
||||
<input type="text" id="rb" placeholder="Филиал">
|
||||
<input type="text" id="rd" placeholder="Подразделение">
|
||||
<input type="text" id="rg" placeholder="Регион">
|
||||
<input type="text" id="ro" placeholder="Область">
|
||||
<input type="text" id="rc" placeholder="Город / село">
|
||||
<button id="rbb">Зарегистрироваться</button>
|
||||
<div class="err" id="rerr"></div><div class="ok" id="rok">✅ Регистрация успешна! Теперь войдите.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.getElementById('btn').onclick = function(){
|
||||
var u = document.getElementById('user').value.trim().toLowerCase();
|
||||
var p = document.getElementById('pass').value.trim();
|
||||
if(u==='admin' && p==='admin'){
|
||||
sessionStorage.setItem('pab_user', JSON.stringify({login:'admin',name:'Администратор',role:'Руководитель',email:'admin@telecom.kz',branch:'АО «Казахтелеком»',dept:'ЦА',region:'Центральный',oblast:'—',city:'г. Астана'}));
|
||||
window.location.href = 'app.html';
|
||||
} else {
|
||||
var users = {}; try { users = JSON.parse(localStorage.getItem('pab_users') || '{}'); } catch(e) {}
|
||||
if (users[u] && users[u].pass === p) {
|
||||
sessionStorage.setItem('pab_user', JSON.stringify({login:u,name:users[u].name,role:users[u].role,email:users[u].email||'',branch:users[u].branch||'',dept:users[u].dept||'',region:users[u].region||'',oblast:users[u].oblast||'',city:users[u].city||''}));
|
||||
window.location.href = 'app.html';
|
||||
} else {
|
||||
document.getElementById('err').style.display = 'block';
|
||||
}
|
||||
}
|
||||
document.getElementById('tL').onclick=function(){document.getElementById('loginForm').style.display='block';document.getElementById('regForm').style.display='none';this.classList.add('ac');document.getElementById('tR').classList.remove('ac')};
|
||||
document.getElementById('tR').onclick=function(){document.getElementById('loginForm').style.display='none';document.getElementById('regForm').style.display='block';this.classList.add('ac');document.getElementById('tL').classList.remove('ac')};
|
||||
document.getElementById('lb').onclick=function(){
|
||||
var u=document.getElementById('lu').value.trim().toLowerCase();
|
||||
var p=document.getElementById('lp').value.trim();
|
||||
if(u==='admin'&&p==='admin'){sessionStorage.setItem('pab_user',JSON.stringify({login:'admin',name:'Администратор',role:'Руководитель',email:'admin@telecom.kz',branch:'АО «Казахтелеком»',dept:'ЦА',region:'Центральный',oblast:'—',city:'г. Астана'}));location.href='app.html';return}
|
||||
var users={};try{users=JSON.parse(localStorage.getItem('pab_users')||'{}')}catch(e){}if(users[u]&&users[u].pass===p){sessionStorage.setItem('pab_user',JSON.stringify({login:u,name:users[u].name,role:users[u].role,email:users[u].email||'',branch:users[u].branch||'',dept:users[u].dept||'',region:users[u].region||'',oblast:users[u].oblast||'',city:users[u].city||''}));location.href='app.html';return}
|
||||
document.getElementById('lerr').style.display='block'
|
||||
};
|
||||
document.getElementById('lp').onkeydown=function(e){if(e.key==='Enter')document.getElementById('lb').onclick()};
|
||||
document.getElementById('rbb').onclick=function(){
|
||||
var l=document.getElementById('rl').value.trim().toLowerCase(),p=document.getElementById('rp').value.trim(),n=document.getElementById('rn').value.trim(),em=document.getElementById('re').value.trim(),r=document.getElementById('rr').value,br=document.getElementById('rb').value.trim(),dp=document.getElementById('rd').value.trim(),rg=document.getElementById('rg').value.trim(),ob=document.getElementById('ro').value.trim(),ct=document.getElementById('rc').value.trim();
|
||||
var e=document.getElementById('rerr'),ok=document.getElementById('rok');ok.style.display='none';if(!l||l.length<2){e.textContent='Логин мин. 2 символа';e.style.display='block';return}if(!p||p.length<3){e.textContent='Пароль мин. 3 символа';e.style.display='block';return}if(!n){e.textContent='Укажите ФИО';e.style.display='block';return}if(!r){e.textContent='Выберите должность';e.style.display='block';return}if(!em||em.indexOf('@')<0){e.textContent='Укажите Email';e.style.display='block';return}if(!br){e.textContent='Укажите филиал';e.style.display='block';return}if(!rg){e.textContent='Укажите регион';e.style.display='block';return}if(!ct){e.textContent='Укажите город';e.style.display='block';return}if(!dp){e.textContent='Укажите подразделение';e.style.display='block';return}
|
||||
var users={};try{users=JSON.parse(localStorage.getItem('pab_users')||'{}')}catch(e){}if(users[l]){e.textContent='Логин занят';e.style.display='block';return}e.style.display='none';users[l]={pass:p,name:n,email:em,role:r,branch:br,dept:dp,region:rg,oblast:ob,city:ct};localStorage.setItem('pab_users',JSON.stringify(users));ok.style.display='block';document.getElementById('lu').value=l;setTimeout(function(){ok.style.display='none';document.getElementById('tL').onclick()},2000)
|
||||
};
|
||||
</script>
|
||||
</body>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user