324 lines
69 KiB
HTML
324 lines
69 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>План ПБ 2026 — Казахтелеком</title>
|
||
<style>
|
||
:root{--b:#0F1218;--c:#00E5FF;--w:#fff;--g5:#5B6573;--g1:#F2F4F7;--g2:#E5E7EB;--gn:#10B981;--rd:#EF4444;--am:#F59E0B}
|
||
*{box-sizing:border-box;margin:0;padding:0}
|
||
body{font:14px/1.4 Arial,sans-serif;color:var(--b);background:var(--g1)}
|
||
input,select,textarea,button{font:inherit;outline:none}
|
||
.btn{background:var(--c);color:var(--b);padding:10px 20px;border-radius:8px;font-weight:700;font-size:14px;border:none;cursor:pointer}.btn:hover{opacity:.85}
|
||
.btn-sm{padding:6px 12px;font-size:12px}.btn-red{background:var(--rd);color:#fff}.btn-gn{background:var(--gn);color:#fff}
|
||
|
||
#login{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--b)}
|
||
#login>div{background:var(--w);border-radius:16px;padding:40px 36px;width:400px;max-width:90vw;text-align:center}
|
||
#login h1{font-size:22px;font-weight:800;margin-bottom:4px}#login h1 span{color:var(--c)}
|
||
#login p{color:var(--g5);font-size:13px;margin-bottom:28px}
|
||
#login input{display:block;width:100%;padding:12px 14px;border:1px solid var(--g2);border-radius:8px;font-size:14px;margin-bottom:14px}
|
||
#login .err{color:var(--rd);font-size:12px;margin-bottom:10px;display:none}
|
||
|
||
#app{display:none;max-width:1200px;margin:0 auto;padding:16px}
|
||
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:2px solid var(--g2);margin-bottom:16px}
|
||
.top b{font-size:18px}.top b span{color:var(--c)}
|
||
.top .r{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--g5)}
|
||
|
||
.tabs{display:flex;gap:4px;margin-bottom:16px}
|
||
.tab{padding:10px 20px;border:none;background:var(--w);cursor:pointer;font-size:14px;font-weight:600;color:var(--g5);border-radius:8px 8px 0 0}.tab.on{color:var(--b);border-bottom:3px solid var(--c)}
|
||
.pg{display:none}.pg.on{display:block}
|
||
|
||
.card{background:var(--w);border-radius:12px;padding:20px;margin-bottom:14px;border:1px solid var(--g2)}
|
||
.card h3{font-size:16px;margin-bottom:8px}
|
||
.row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}
|
||
.stat{background:var(--w);border-radius:10px;padding:16px 20px;border:1px solid var(--g2);min-width:120px;flex:1;text-align:center}
|
||
.stat .n{font-size:26px;font-weight:800}.stat .l{font-size:12px;color:var(--g5)}.stat.r .n{color:var(--rd)}.stat.g .n{color:var(--gn)}.stat.a .n{color:var(--am)}
|
||
|
||
table{width:100%;border-collapse:collapse}
|
||
th,td{padding:8px 12px;text-align:left;font-size:13px}
|
||
th{font-weight:600;color:var(--g5);font-size:11px;text-transform:uppercase;border-bottom:2px solid var(--g2);cursor:pointer}th:hover{color:var(--b)}
|
||
td{border-bottom:1px solid var(--g2)}
|
||
tr.warn td{background:#FFFDF5}tr.late td{background:#FFF5F5}
|
||
.badge{display:inline-block;padding:3px 8px;border-radius:100px;font-size:11px;font-weight:700}
|
||
.badge.g{background:#D1FAE5;color:#065F46}.badge.a{background:#FEF3C7;color:#92400E}.badge.r{background:#FEE2E2;color:#991B1B}.badge.b{background:#DBEAFE;color:#1E40AF}.badge.w{background:#eee;color:#666}
|
||
|
||
.fr{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap;align-items:center}
|
||
.fr input,.fr select{padding:8px 12px;border:1px solid var(--g2);border-radius:6px;font-size:13px;background:var(--w)}
|
||
.fr input{min-width:200px}
|
||
|
||
.modal-o{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99;display:none;align-items:center;justify-content:center}.modal-o.on{display:flex}
|
||
.modal{background:var(--w);border-radius:14px;max-width:700px;width:94vw;max-height:90vh;overflow-y:auto;padding:28px}
|
||
.modal .x{float:right;border:none;background:none;font-size:24px;cursor:pointer;color:var(--g5)}
|
||
.fm-title{font-size:18px;font-weight:800;margin-bottom:6px;padding-right:28px}
|
||
.fm label{display:block;font-size:12px;font-weight:600;color:var(--g5);margin-bottom:3px;margin-top:10px}
|
||
.fm input,.fm select,.fm textarea{width:100%;padding:8px 12px;border:1px solid var(--g2);border-radius:6px;font-size:13px;margin-bottom:6px}
|
||
.fm textarea{min-height:60px;resize:vertical}
|
||
.fm .rdonly{background:var(--g1);color:var(--g5)}
|
||
.meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;font-size:12px;color:var(--g5)}.meta strong{display:block;color:var(--b);font-size:13px}
|
||
.mt{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:10px}.mt span{padding:4px 10px;border:1px solid var(--g2);border-radius:100px;font-size:11px;font-weight:600;cursor:pointer}.mt span.on{background:var(--c);color:var(--b)}.mt span:hover{border-color:var(--c)}
|
||
.si{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--g1);border-radius:6px;margin-bottom:4px;font-size:12px}.si .n{font-weight:700;color:var(--c);font-size:14px;min-width:18px}
|
||
.fl{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--g1);border-radius:6px;margin-bottom:3px;font-size:12px}.fl .nm{font-weight:600;cursor:pointer}.fl .nm:hover{color:var(--c)}.fl .sz{font-size:10px;color:var(--g5);white-space:nowrap}.fl .tp{font-size:9px;background:var(--g2);padding:1px 4px;border-radius:3px;color:var(--g5)}
|
||
.up{border:2px dashed var(--g2);border-radius:8px;padding:12px;margin-top:6px;text-align:center}
|
||
.up p{font-size:12px;color:var(--g5);margin-bottom:8px}
|
||
.up input[type=file]{font-size:12px}
|
||
.up .types{font-size:10px;color:var(--g5);margin-top:6px}
|
||
.ai{background:#E8FCFF;border-radius:6px;padding:10px;margin:10px 0;font-size:12px}
|
||
.hi{font-size:11px;color:var(--g5);padding:2px 0}.hi .d{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--c);margin-right:4px;vertical-align:middle}
|
||
|
||
@media(max-width:600px){#app{padding:8px}.row{flex-direction:column}.stat{min-width:auto}.meta{grid-template-columns:1fr}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div id="login">
|
||
<div>
|
||
<h1><span>План ПБ</span> 2026</h1>
|
||
<p>АО «Казахтелеком»</p>
|
||
<input id="lem" placeholder="curator@telecom.kz">
|
||
<input id="lpw" type="password" placeholder="Пароль (любой)">
|
||
<p class="err" id="lerr">Неверная почта</p>
|
||
<button class="btn" style="width:100%" onclick="doLogin()">Войти</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="app">
|
||
<div class="top">
|
||
<b><span>План ПБ</span> 2026</b>
|
||
<div class="r"><span id="ul"></span> <button class="btn btn-sm btn-red" onclick="doLogout()">Выйти</button></div>
|
||
</div>
|
||
<div class="tabs">
|
||
<button class="tab on" data-pg="ev">📋 Мероприятия</button>
|
||
<button class="tab" data-pg="an">📊 Аналитика</button>
|
||
<button class="tab" data-pg="rp">📥 Отчёты</button>
|
||
</div>
|
||
<div class="pg on" id="pg-ev"></div>
|
||
<div class="pg" id="pg-an"></div>
|
||
<div class="pg" id="pg-rp"></div>
|
||
</div>
|
||
|
||
<div class="modal-o" id="mo"><div class="modal fm" id="mc"></div></div>
|
||
|
||
<script>
|
||
var sec=["I. Люди. Культура безопасности","II. Безопасность при эксплуатации","III. Аварии и ЧС","IV. Информ.-разъяснительная работа","V. ИИ и цифровизация"];
|
||
var br=["Дирекция ПБ","Дивизион «Сеть»","Корпоративный бизнес","Розничный бизнес","Сервисная фабрика","Телеком Комплект","Корпоративный университет","Управление проектами","Цифровой бизнес"];
|
||
var reg=["Центральный","Алматинский","Южный","Северный","Восточный","Западный"];
|
||
var st={wait:"Не начато",warn:"В процессе",late:"Просрочено",done:"Исполнено"};
|
||
var ms=["2026-01","2026-02","2026-03","2026-04","2026-05","2026-06","2026-07","2026-08","2026-09","2026-10","2026-11","2026-12"];
|
||
var mn=["Янв","Фев","Мар","Апр","Май","Июн","Июл","Авг","Сен","Окт","Ноя","Дек"];
|
||
function M(i){return mn[parseInt(ms[i].split("-")[1])-1]+" "+ms[i].split("-")[0]}
|
||
function esc(s){return s.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">")}
|
||
function sb(s){var m={done:"g",warn:"a",late:"r",wait:"w"};return'<span class="badge '+m[s]+'">'+st[s]+'</span>'}
|
||
|
||
var U={"curator@telecom.kz":{n:"Куратор",b:0,r:"cur"},"dpp@telecom.kz":{n:"Директор ДПБ",b:0,r:"br"},"ahmetov@telecom.kz":{n:"Ахметов К.Т.",b:6,r:"br"},"serikov@telecom.kz":{n:"Сериков А.М.",b:1,r:"br"},"nurlanov@telecom.kz":{n:"Нурланов Д.С.",b:8,r:"br"},"aliev@telecom.kz":{n:"Алиев Г.С.",b:4,r:"br"},"tulegenov@telecom.kz":{n:"Тулегенов Е.А.",b:2,r:"br"},"saparov@telecom.kz":{n:"Сапаров А.Д.",b:3,r:"br"},"maratov@telecom.kz":{n:"Маратов Ж.К.",b:5,r:"br"},"iskakov@telecom.kz":{n:"Искаков Р.Н.",b:7,r:"br"}};
|
||
var cu=null,cm=5,cr=0,esi=-1,ex={},sc2=null,sd2=1,evMonth=-1;
|
||
|
||
function getMD(id,ri,si){ri=ri||0;var k=si>=0?"sf_"+id+"_s"+si+"_r"+ri:"sf_"+id+"_r"+ri;var r=localStorage.getItem(k);return r?JSON.parse(r):{}}
|
||
function setMD(id,o,ri,si){ri=ri||0;var k=si>=0?"sf_"+id+"_s"+si+"_r"+ri:"sf_"+id+"_r"+ri;localStorage.setItem(k,JSON.stringify(o))}
|
||
function gsc(id){var r=localStorage.getItem("ss_"+id);return r?JSON.parse(r):[]}
|
||
function ssc(id,a){localStorage.setItem("ss_"+id,JSON.stringify(a))}
|
||
|
||
// ===== ALL 35 EVENTS =====
|
||
var ev=null;
|
||
function le(){var s=localStorage.getItem("se2");if(s){try{ev=JSON.parse(s);return}catch(e){}}ev=ge();se()}
|
||
function se(){localStorage.setItem("se2",JSON.stringify(ev||[]))}
|
||
function ge(){return [
|
||
{i:1,s:0,b:6,st:"warn",p:45,d:"31.12.2026",dn:"—",dnm:"Сертификаты, протоколы, ведомость",r:"Генеральный директор КУ, Генеральные директора филиалов и ДАО",t:"Продолжить проведение обучения и повышения квалификации руководителей и работников компании в соответствии с лучшими международными практиками, ориентированными на специфику условий труда, работы повышенной опасности и требований промышленной безопасности, а также развитие культуры безопасности, включая обучение производственного персонала по курсу «Культура безопасного труда», в том числе с применением VR, AR-технологий и цифровых симуляторов аварийных ситуаций (с правом выдачи сертификатов).",ai:"Обучение ведётся по графику. Охвачено 45% персонала. VR-тренажёры развёрнуты в 3 филиалах.",h:["15.01 — Создано","01.03 — Запущено обучение"]},
|
||
{i:2,s:0,b:0,st:"done",p:100,d:"31.03.2026",dn:"28.03.2026",dnm:"Отчёт об анализе, утверждённый ВНД",r:"Директор ДПБ, Генеральный директор ДИТ, Генеральные директора филиалов и ДАО",t:"Провести анализ, в том числе с использованием аналитических платформ (Microsoft Teams, Power BI, Tableau, Qlik и др.), и в случае необходимости, осуществить пересмотр внутренних нормативных документов филиалов/ДАО Общества в соответствии со «Стратегией развития производственной безопасности АО «Самрук-Қазына» на 2024-2028 гг.», включая установку значений ключевых показателей производственной безопасности.",ai:"Анализ завершён в срок. ВНД пересмотрены. Ключевые показатели ПБ установлены.",h:["10.01 — Создано","28.03 — Утверждён"]},
|
||
{i:3,s:0,b:0,st:"warn",p:50,d:"31.12.2026",dn:"—",dnm:"Протоколы совещаний (a, b, c)",r:"а) Главный административный директор, Директор ДПБ; b,c) Генеральные директора филиалов и ДАО",t:"Организовывать тематические совещания по вопросам производственной безопасности, в том числе с целью разъяснения внедряемых программ и инициатив.",ai:"Проведено 2 квартальных совещания руководства с филиалами. Ежемесячные совещания филиалов со СП — выполняется.",h:["10.01 — Создано","15.02 — Совещание Q1","15.05 — Совещание Q2"],sub:[{l:"a",t:"Руководство Общества с филиалами/ДАО, не менее 1 раза в квартал, с личным мониторингом показателей эффективности ПБ и статуса исполнения Плана"},{l:"b",t:"Руководство филиалов/ДАО со структурными подразделениями, не менее 1 раза в месяц"},{l:"c",t:"Руководство региональных подразделений с подрядными организациями, не менее 1 раза в квартал"}]},
|
||
{i:4,s:0,b:6,st:"warn",p:55,d:"31.12.2026",dn:"—",dnm:"Отчёт, тесты",r:"Генеральные директора филиалов и ДАО",t:"Продолжить практику проверки знаний в формате тестирования после проведения инструктажей по охране труда в филиалах/ДАО Общества.",ai:"Тестирование внедрено в 6 филиалах. Средний результат — 82%.",h:["01.02 — Создано"]},
|
||
{i:5,s:0,b:0,st:"done",p:100,d:"31.03.2026",dn:"25.03.2026",dnm:"Информация о поощрении",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Рассмотреть возможность нематериального поощрения филиалов и ДАО Общества, демонстрирующих устойчивое снижение количества несчастных случаев, пожаров и аварий по итогам нескольких и более лет.",ai:"Положение утверждено. Определены 3 филиала-лидера за 2023-2025 гг.",h:["15.01 — Проект","25.03 — Утверждено"]},
|
||
{i:6,s:0,b:6,st:"warn",p:60,d:"30.06.2026",dn:"—",dnm:"Утверждённый ВНД, перечень тренеров",r:"Генеральный директор КУ, Управляющий директор по персоналу, Генеральные директора филиалов и ДАО",t:"Разработать/внести изменения в случае необходимости и утвердить внутренний нормативный документ, регламентирующий процедуру работы внутренних тренеров, в том числе по производственной безопасности, включая порядок их отбора, подготовки и привлечения, а также установление условий доплаты к основной заработной плате за выполнение тренерских функций.",ai:"Проект ВНД на финальном согласовании. Перечень тренеров сформирован (12 чел).",h:["01.03 — Создано","01.06 — Перечень"]},
|
||
{i:7,s:0,b:1,st:"warn",p:40,d:"31.12.2026",dn:"—",dnm:"Материалы обмена опытом",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Проводить мероприятия по обмену опытом в области производственной безопасности.",ai:"Проведён 1 выезд на площадку KEGOC. Онлайн-семинар с иностранной компанией запланирован на июль.",h:["15.02 — Создано","01.04 — Выезд"],sub:[{l:"a",t:"Продолжить практику обмена передовым опытом на площадке Комитета HSE, в том числе путём выездов на производственные объекты ПК"},{l:"b",t:"Рассмотреть возможность организации обмена опытом с иностранными и казахстанскими компаниями, в том числе путём проведения онлайн-семинаров"}]},
|
||
{i:8,s:0,b:4,st:"wait",p:15,d:"30.09.2026",dn:"—",dnm:"Заключительный Акт, программа Well-being, отчёт о скрининге, отчёт о микротравмах",r:"а) Директор ДПБ; b) Генеральный директор КУ, Управляющий директор по персоналу; c) Управляющий директор по персоналу; d) Директор ДПБ",t:"Провести анализ эффективности реализуемых мероприятий по охране здоровья.",ai:"Медосмотры по графику — Q3. Well-being Week запланирован на сентябрь. Ранний этап.",h:["01.04 — Создано"],sub:[{l:"a",t:"Организовать и обеспечить 100% прохождение обязательных периодических медицинских осмотров работниками, включая офисных работников"},{l:"b",t:"Организовать ежегодную «Неделю благополучия» (Well-being Week) для работников всех уровней"},{l:"c",t:"Создать условия и обеспечить контроль за прохождением медицинского скрининга работников"},{l:"d",t:"Внедрить алгоритм учёта и расследования микротравм, а также фиксировать использование содержимого медицинских аптечек"}]},
|
||
{i:9,s:0,b:6,st:"wait",p:20,d:"31.12.2026",dn:"—",dnm:"Результаты конкурсов, пакет материалов",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Рассмотреть возможность участия ДПБ/филиалов/ДАО Общества в международных/национальных конкурсах и отраслевых соревнованиях профессионального мастерства в области производственной безопасности.",ai:"Определены 2 конкурса для участия. Заявки готовятся.",h:["01.05 — Создано"]},
|
||
{i:10,s:1,b:1,st:"warn",p:55,d:"31.12.2026",dn:"—",dnm:"Аналитическая справка по филиалам/ДАО",r:"Генеральный директор ОДС, Генеральный директор СФ, Генеральный директор ДУП, Генеральный директор ДИТ",t:"Проводить работы по техническому перевооружению морально и физически изношенного оборудования, зданий и сооружений, эксплуатация которых из-за их технического состояния сопровождается повышенными рисками возникновения аварий и несчастных случаев с тяжёлыми и летальными исходами, в соответствии с ранее утверждёнными Планами на 2024-2027 годы.",ai:"По плану 2024-2027. Заменено 55% единиц оборудования. Отдельные филиалы отстают на 12%.",h:["01.01 — Переходящее с 2024","01.06 — 55%"]},
|
||
{i:11,s:1,b:1,st:"warn",p:70,d:"30.06.2026",dn:"—",dnm:"Переутверждённая процедура, фотоотчёт, протоколы обучения",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Пересмотреть и актуализировать внутренний порядок выдачи нарядно-допускной системы, усилив законодательные требования РК путём внедрения в пилотном режиме практики применения сертификатов безопасности для одного из видов работ повышенной опасности.",ai:"Процедура пересмотрена. Пилот сертификатов безопасности запущен в одном филиале. Обучение — 85% персонала.",h:["01.02 — Создано","15.05 — Пилот"]},
|
||
{i:12,s:1,b:8,st:"wait",p:8,d:"30.09.2026",dn:"—",dnm:"Справка о внедрении, фотоотчёт",r:"Генеральные директора филиалов и ДАО",t:"Рассмотреть возможность внедрения системы цифровой маркировки опасных технических устройств, предусматривающей присвоение каждому устройству QR-кода для обеспечения быстрого доступа к паспорту, инструкции по эксплуатации и информации о проведённых технических освидетельствованиях.",ai:"Проект на стадии ТЭО. QR-коды не заказаны. Начало работ запланировано на июль.",h:["01.05 — Создано"]},
|
||
{i:13,s:1,b:0,st:"warn",p:50,d:"31.12.2026",dn:"—",dnm:"Акты проверок, график",r:"Директор ДПБ",t:"Филиалам/ДАО Общества не реже 1 раза в квартал проводить проверку согласно адаптированным проверочным листам в области БиОТ, промышленной и пожарной безопасности в соответствии с требованиями законодательства Республики Казахстан.",ai:"Q1 проверки завершены в 7 из 8 филиалов. Q2 — идёт по графику. Выявлено 23 нарушения, устранено 18.",h:["01.01 — Создано","31.03 — Q1"]},
|
||
{i:14,s:1,b:0,st:"warn",p:40,d:"31.12.2026",dn:"—",dnm:"Письмо о предоставлении кандидата",r:"Директор ДПБ",t:"Продолжить практику участия в перекрёстных аудитах ПК, в том числе в соответствии с Планом-графиком проведения аудитов.",ai:"Назначены 4 аудитора от Казахтелеком. Участвовали в 2 аудитах KEGOC и КазТрансОйл.",h:["15.01 — Назначены аудиторы"]},
|
||
{i:15,s:1,b:0,st:"warn",p:48,d:"31.12.2026",dn:"—",dnm:"Аналитическая справка, Журнал опережающих индикаторов",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Усилить контроль за применением проактивных инструментов: продолжить мониторинг применения проактивных инструментов предотвращения аварий и несчастных случаев (поведенческие аудиты, наблюдения безопасности, регистрация и расследование опасных условий, опасных действий и потенциально опасных происшествий Near Miss; право приостановки работы).",ai:"Зарегистрировано 147 Near Miss за полугодие (+12% к 2025). Поведенческие аудиты — 320 шт.",h:["01.01 — Создано"]},
|
||
{i:16,s:1,b:1,st:"done",p:85,d:"31.12.2026",dn:"—",dnm:"План-график перекрёстных аудитов, акты проверки, протоколы совещаний",r:"Генеральные директора филиалов и ДАО",t:"Провести работу по повышению эффективности управления подрядными организациями.",ai:"Q1 — 12 подрядчиков проверено. Стартовые совещания — 100% охват перед допуском.",h:["15.01 — План-график","01.03 — Q1 проверки"],sub:[{l:"a",t:"Обеспечить проведение согласно типового чек-листа, разработанного Фондом, аудита подрядчиков внутри филиалов/ДАО"},{l:"b",t:"Продолжить практику проведения стартовых/установочных совещаний с подрядными организациями перед допуском на территорию объекта"}]},
|
||
{i:17,s:1,b:0,st:"warn",p:35,d:"31.12.2026",dn:"—",dnm:"Отчёты по результатам проверок, график проверок, фотоотчёт",r:"а) Главный административный директор, Директор ДПБ; b) Генеральные директора филиалов и ДАО",t:"Обеспечить контроль за состоянием производственной безопасности на производственных объектах.",ai:"CEO-1 проверил 2 филиала. Первые руководители филиалов — 6 выездов. Активность ниже плана.",h:["01.02 — Создано","15.03 — Проверка"],sub:[{l:"a",t:"Руководителям Общества уровня СЕО-1 не реже одного раза в квартал лично проверять одно из филиалов Общества/подрядных организаций с обязательным представлением актов в Фонд"},{l:"b",t:"Первым руководителям и руководителям линейных подразделений филиалов лично принимать участие во внутреннем производственном контроле с посещением площадок не реже одного раза в квартал"}]},
|
||
{i:18,s:1,b:1,st:"done",p:90,d:"31.12.2026",dn:"—",dnm:"Ежемесячный сводный отчёт о выявленных нарушениях",r:"Генеральные директора филиалов и ДАО, Директор ДПБ",t:"Обеспечить контроль за состоянием транспортной безопасности, в том числе путём ежемесячного мониторинга нарушений требований транспортной безопасности со стороны штатных водителей и водителей подрядных организаций, с последующим применением предусмотренных договорами мер воздействия, включая штрафные санкции и ограничения на допуск к работам.",ai:"Январь-май — 34 нарушения. Применены штрафные санкции к 12 водителям подрядчиков. Тренд на снижение (-15% к 2025).",h:["01.01 — Создано","01.06 — Отчёт май"]},
|
||
{i:19,s:2,b:1,st:"warn",p:30,d:"31.12.2026",dn:"—",dnm:"Акты о проведении тренировок, пресс-релизы",r:"а) Управляющий директор по безопасности, Руководители ДАО; b) Генеральный директор СФ, Руководители ДАО; c) Управляющий директор по безопасности, Генеральные директора филиалов и ДАО",t:"Обеспечить проведение учебных тревог и тренировок.",ai:"Проведено 1 учение по ликвидации аварии (ВКО). Пожарные тренировки: 1 из 2. Занятия по первой помощи запланированы на Q3.",h:["01.02 — Создано","15.03 — Учение"],sub:[{l:"a",t:"Не менее одной учебной тревоги и/или противоаварийной тренировки по ликвидации крупной аварии, ЧС на опасном производственном объекте с привлечением Фонда и государственных органов"},{l:"b",t:"Не менее двух тренировок по тушению пожара в административных зданиях (офисах) с привлечением государственных органов"},{l:"c",t:"Не менее одного практического занятия по оказанию первой помощи с применением симуляционного оборудования в условиях ЧС техногенного и природного характера"}]},
|
||
{i:20,s:2,b:0,st:"warn",p:65,d:"30.06.2026",dn:"—",dnm:"Приказ о внедрении процедуры, материалы обучения, акты проведения заседаний",r:"Управляющий директор по безопасности, Генеральные директора филиалов и ДАО",t:"Усилить работу по реагированию на ЧС.",ai:"Приказ о CMS подписан. Обучение проведено для 60% ответственных. Одно заседание штаба проведено.",h:["01.03 — Создано","01.04 — Приказ CMS"],sub:[{l:"a",t:"Внедрить процедуру «Crisis Management System» (Система управления кризисными ситуациями) для обеспечения своевременной и согласованной реакции на всех уровнях управления на кризисные события"},{l:"b",t:"Рассмотреть возможность проведения обучения для ответственных работников филиалов/ДАО Общества по действиям в условиях ЧС"},{l:"c",t:"Провести не менее двух заседаний штабов с целью отработки действий на практике"}]},
|
||
{i:21,s:3,b:0,st:"done",p:100,d:"31.12.2026",dn:"15.02.2026",dnm:"Публикация на информационных порталах компании",r:"Директор ДПБ, Пресс-секретарь ЦА",t:"Обеспечить выпуск обращения от Председателя Правления ПК о важности соблюдения требований по производственной безопасности.",ai:"Обращение опубликовано на корпоративном портале и в SK News. Охват — 100% персонала.",h:["15.01 — Проект обращения","15.02 — Публикация"]},
|
||
{i:22,s:3,b:0,st:"wait",p:15,d:"31.12.2026",dn:"—",dnm:"Протоколы форумов/стратегических сессий, протоколы семинаров",r:"а) Директор ДПБ, Генеральные директора филиалов и ДАО, Департамент по коммуникациям; b) Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Проведение мероприятий по производственной безопасности.",ai:"Форум запланирован на октябрь. Семинары для подрядчиков — 2 площадки определены.",h:["01.05 — Создано"],sub:[{l:"a",t:"Проведение в филиалах/ДАО стратегических сессий/Форумов для первых руководителей филиалов/ДАО Общества"},{l:"b",t:"Рассмотреть возможность проведения семинаров для подрядных организаций ПК на отдельных площадках филиалов/ДАО"}]},
|
||
{i:23,s:3,b:6,st:"wait",p:10,d:"30.09.2026",dn:"—",dnm:"Протокол итогов Олимпиады",r:"Директор ДПБ",t:"Проведение Олимпиады по производственной безопасности среди специалистов производственной безопасности Общества и подрядных организаций на уровне Общества.",ai:"Положение об Олимпиаде на согласовании. Задания не разработаны.",h:["01.05 — Создано"]},
|
||
{i:24,s:3,b:0,st:"done",p:92,d:"31.12.2026",dn:"—",dnm:"Информационные бюллетени на 2 языках, листы ознакомления",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Обеспечить ознакомление всех работников филиалов/ДАО Общества с обстоятельствами несчастных случаев с тяжёлым и летальным исходами, произошедших в ПК Фонда, и относящихся к специфике деятельности Общества, посредством направления информационных бюллетеней, в том числе с использованием цифровых решений либо в рамках внеплановых инструктажей.",ai:"За полугодие разослано 3 бюллетеня по НС в ПК Фонда. Ознакомление — 92% персонала.",h:["01.01 — Создано","15.02 — Бюллетень №1"]},
|
||
{i:25,s:3,b:6,st:"warn",p:40,d:"31.12.2026",dn:"—",dnm:"Публикация в журнале SK News, материалы мероприятий",r:"а) Управляющий директор по персоналу, Департамент по коммуникациям, Генеральные директора филиалов и ДАО; b) Директор ДПБ, Генеральные директора филиалов и ДАО; c) Директор ДПБ; d) Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Проведение молодёжных проектных инициатив в рамках работы Центра молодых работников по производственной безопасности группы компаний АО «Самрук-Қазына».",ai:"Опубликовано 2 истории в SK News. Проведён 1 выезд молодых специалистов. 3 молодых специалиста привлечены в перекрёстные аудиты.",h:["01.02 — Создано","15.03 — Публикация №1"],sub:[{l:"a",t:"Публикация реальных историй из трудовой жизни работников в корпоративном журнале «SK News»"},{l:"b",t:"Посещение рабочих мест, где в 2022-2025 годах произошли несчастные случаи с летальным или тяжёлым исходом"},{l:"c",t:"Привлечение молодых специалистов по ПБ в перекрёстные аудиты состояния производственной безопасности ДЗО ПК"},{l:"d",t:"Онлайн-семинары/прямые эфиры на различные темы по вопросам производственной безопасности"}]},
|
||
{i:26,s:3,b:2,st:"warn",p:50,d:"31.12.2026",dn:"—",dnm:"Видеоролики, постеры, брошюры, информационные рассылки",r:"а) Генеральные директора филиалов и ДАО; b,с) Директор ДПБ, Департамент по коммуникациям, Генеральные директора филиалов и ДАО; d) Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Усилить наглядную агитацию по производственной безопасности.",ai:"Снято 2 видеоролика. Постеры распространены. Подкаст в разработке.",h:["01.02 — Создано","01.04 — Видеоролик №1"],sub:[{l:"a",t:"Разработка и использование видеороликов/презентаций по ПБ, в т.ч. с участием работников, получивших травму, и членов семей работников (с их согласия)"},{l:"b",t:"Разработать серии видеороликов «Безопасность будущего» и по профилактике производственного травматизма"},{l:"c",t:"Рассмотреть возможность выпуска подкаста с участием трудовых династий о переходе от ручного труда к автоматизации и цифровизации"},{l:"d",t:"Разработка и распространение постеров, брошюр, информационных рассылок на различные темы по соблюдению производственной безопасности"}]},
|
||
{i:27,s:3,b:3,st:"warn",p:30,d:"31.12.2026",dn:"—",dnm:"Фотофиксация",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Рассмотрение возможности организации встреч коллектива с получившими производственные травмы работниками (с их согласия) с целью предупреждения аналогичных случаев травматизма.",ai:"Проведена 1 встреча в одном филиале. Получены согласия от 3 работников.",h:["01.03 — Создано"]},
|
||
{i:28,s:3,b:0,st:"warn",p:25,d:"31.12.2026",dn:"—",dnm:"Информационное письмо, пресс-релизы",r:"Директор ДПБ, Генеральные директора филиалов и ДАО, Департамент по коммуникациям и продвижению бренда",t:"Проведение мероприятий, направленных на пропаганду безопасного выполнения работ через семейные ценности.",ai:"Направлено 5 писем семьям отличившихся. Семейный день ОТ запланирован на август.",h:["01.04 — Создано"],sub:[{l:"a",t:"Направление информационного письма членам семьи (супруг/а, родители) работника, положительно отличившегося в вопросах производственной безопасности"},{l:"b",t:"Проведение Семейных дней охраны труда и дней открытых дверей для семей работников, в том числе на тему «Золотые правила безопасности для детей»"},{l:"c",t:"Проведение конкурса рисунков среди работников и их детей по безопасной работе и соблюдению правил на производстве на тему «Спецодежда будущего!»"}]},
|
||
{i:29,s:3,b:6,st:"late",p:40,d:"30.06.2026",dn:"—",dnm:"Корпоративный сборник лучших практик по ПБ",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Разработать корпоративный сборник лучших практик по производственной безопасности в формате методического пособия или интерактивного PDF документа, отражающий меры по снижению производственного травматизма и управлению критическими рисками.",ai:"Сборник в разработке. Опрошено 4 из 8 филиалов. Есть риск срыва срока Q2.",h:["01.03 — Создано","01.06 — Эскалация: риск срыва"]},
|
||
{i:30,s:3,b:7,st:"warn",p:60,d:"31.12.2026",dn:"—",dnm:"Предложения по улучшению, план реализации",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Сбор предложений по совершенствованию системы управления производственной безопасности посредством применения цифровых решений с консолидацией в ДПБ.",ai:"Собрано 18 предложений. 5 приняты в реализацию. Идёт консолидация в ДПБ.",h:["01.01 — Создано"]},
|
||
{i:31,s:3,b:0,st:"warn",p:75,d:"30.06.2026",dn:"—",dnm:"Видеообзор",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Разработка видеообзора кейсов происшествий в ПК с учётом специфики деятельности (из доступных на открытых медиа источниках) для наглядной демонстрации и разъяснения работникам о необходимости и важности соблюдения требований безопасности.",ai:"Видеообзор смонтирован на 75%. Озвучка запланирована на 15 июня.",h:["01.03 — Создано","01.06 — Монтаж 75%"]},
|
||
{i:32,s:4,b:8,st:"warn",p:70,d:"30.06.2026",dn:"—",dnm:"Справка/скриншоты функционирования чат-бота ИИ ассистента",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Обеспечить применение в филиалах/ДАО Общества чат-бот ИИ ассистент по производственной безопасности с целью упрощения доступа к нормативно-правовым актам Республики Казахстан и ВНД группы Фонда.",ai:"Чат-бот разработан, проходит тестирование в ЦА. База НПА загружена. Пилотный запуск — 15 июня.",h:["01.02 — Создано","01.06 — Тестирование"]},
|
||
{i:33,s:4,b:8,st:"wait",p:15,d:"31.12.2026",dn:"—",dnm:"Справка/скриншоты функционирования интегрированной системы",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Обеспечить применение в филиалах/ДАО Общества интегрированную систему анализа и предупреждения несчастных случаев и критических происшествий, а также платформу по идентификации и оценке рисков перед началом проведения работ на опасных производственных объектах.",ai:"ТЗ на систему согласовывается. Интеграция с платформой Фонда — прорабатывается.",h:["01.04 — Создано"]},
|
||
{i:34,s:4,b:8,st:"wait",p:10,d:"31.12.2026",dn:"—",dnm:"Справка/скриншоты функционирования электронного HSE паспорта",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Рассмотреть возможность запуска в филиалах/ДАО Общества электронного HSE паспорта на каждого работника с последующей интеграцией в корпоративную цифровую систему.",ai:"Концепция HSE паспорта утверждена. Выбран подрядчик. Интеграция с КЦС — в плане на Q3.",h:["01.05 — Создано"]},
|
||
{i:35,s:4,b:5,st:"wait",p:8,d:"31.12.2026",dn:"—",dnm:"Справка/скриншоты функционирования системы электронных нарядов-допусков",r:"Директор ДПБ, Генеральные директора филиалов и ДАО",t:"Рассмотреть возможность внедрения системы оформления нарядов-допусков на проведение работ повышенной опасности в электронном виде в филиалах/ДАО Общества.",ai:"Проект на предпроектной стадии. Анализ рынка решений проведён.",h:["01.05 — Создано"]}
|
||
];}
|
||
// Normalize field names after load
|
||
function ne(){ev.forEach(function(e){if(!e.id&&e.i)e.id=e.i;if(!e.s&&e.st)e.s=e.st;if(!e.due&&e.d)e.due=e.d;if(!e.done&&e.dn)e.done=e.dn;if(!e.dname&&e.dnm)e.dname=e.dnm;delete e.i;delete e.st;delete e.d;delete e.dn;delete e.dnm})}
|
||
|
||
function doLogin(){var e=document.getElementById("lem").value.trim().toLowerCase();if(U[e]){cu={em:e,n:U[e].n,b:U[e].b,r:U[e].r};localStorage.setItem("su",JSON.stringify(cu));show()}else document.getElementById("lerr").style.display="block"}
|
||
function doLogout(){localStorage.removeItem("su");cu=null;document.getElementById("login").style.display="flex";document.getElementById("app").style.display="none"}
|
||
function show(){document.getElementById("login").style.display="none";document.getElementById("app").style.display="block";document.getElementById("ul").innerHTML="<b>"+cu.n+"</b> · "+(cu.r==="cur"?"Все":br[cu.b]);switchPg("ev")}
|
||
|
||
function switchPg(n){document.querySelectorAll(".tab").forEach(function(t){t.classList.remove("on")});document.querySelector('[data-pg="'+n+'"]').classList.add("on");document.querySelectorAll(".pg").forEach(function(p){p.classList.remove("on")});document.getElementById("pg-"+n).classList.add("on");if(n==="ev")re();else if(n==="an")ra();else if(n==="rp")rr()}
|
||
document.querySelectorAll(".tab").forEach(function(t){t.addEventListener("click",function(){switchPg(this.dataset.pg)})});
|
||
|
||
function dls(e){if(e.s==="late")return"late";if(e.s==="done")return"";var p=e.due.split(".");if(p.length===3){var d=new Date(parseInt(p[2]),parseInt(p[1])-1,parseInt(p[0]));if((d-new Date())/86400000<=30)return"warn"}return""}
|
||
|
||
// ===== EVENTS PAGE (no progress column) =====
|
||
function re(){
|
||
var sf=document.getElementById("sf2");sf=sf?sf.value:"";
|
||
var sr2=document.getElementById("sr2");sr2=sr2?sr2.value.toLowerCase():"";
|
||
var bf=document.getElementById("bf2");bf=bf?bf.value:"";
|
||
var list=ev||[];
|
||
if(sf)list=list.filter(function(e){return e.s===sf});
|
||
if(sr2)list=list.filter(function(e){return e.t.toLowerCase().indexOf(sr2)>=0||br[e.b].toLowerCase().indexOf(sr2)>=0});
|
||
if(bf)list=list.filter(function(e){return e.b===parseInt(bf)});
|
||
if(sc2){list.sort(function(a,b){var va=a[sc2],vb=b[sc2];if(typeof va==="string")va=va.toLowerCase(),vb=vb.toLowerCase();return va>vb?sd2:va<vb?-sd2:0})}
|
||
|
||
var h='<div class="card"><div class="fr"><input id="sr2" placeholder="Поиск..." oninput="re()"><select id="sf2" onchange="re()"><option value="">Все статусы</option><option value="wait">Не начато</option><option value="warn">В процессе</option><option value="done">Исполнено</option><option value="late">Просрочено</option></select><select id="bf2" onchange="re()"><option value="">Все филиалы</option>'+br.map(function(b,i){return'<option value="'+i+'">'+b+'</option>'}).join("")+'</select><select id="mf2" onchange="evMonth=this.value?parseInt(this.value):-1;re()"><option value="">Все месяцы</option>'+ms.map(function(m,i){return'<option value="'+i+'">'+M(i)+'</option>'}).join("")+'</select><span style="font-size:12px;color:var(--g5);margin-left:auto">Найдено: '+list.length+'</span></div>';
|
||
h+='<table><tr>';
|
||
[{k:null,l:"№"},{k:null,l:"Мероприятие"},{k:"b",l:"Филиал"},{k:"sec",l:"Раздел"},{k:"due",l:"Срок"},{k:"s",l:"Статус"},null].forEach(function(c){if(!c){h+='<th>Отчёт за месяц</th>'}else h+='<th onclick="sc2=\''+c.k+'\';sd2=sc2===c.k?-sd2:1;re()">'+c.l+(sc2===c.k?(sd2===1?' ▲':' ▼'):'')+'</th>'});
|
||
h+='</tr>';
|
||
list.forEach(function(e){
|
||
var hs=e.sub&&e.sub.length,s=gsc(e.id),sdd=hs?s.length:0,stt=hs?e.sub.length:0,cl=dls(e);
|
||
// Month indicator
|
||
var mi="";if(evMonth>=0){var mk=ms[evMonth],fc=0,hr=false;reg.forEach(function(ri){var d=getMD(e.id,ri,-1);if(d[mk]){if(d[mk].report)hr=true;fc+=(d[mk].files||[]).length}if(e.sub)e.sub.forEach(function(s,si){var sd=getMD(e.id,ri,si);if(sd[mk]){if(sd[mk].report)hr=true;fc+=(sd[mk].files||[]).length}})});if(hr||fc)mi='<span style="font-size:10px;color:var(--gn)">✅ '+(hr?'отчёт':'')+(fc?' 📎'+fc:'')+'</span>';else mi='<span style="font-size:10px;color:var(--g5)">—</span>'}
|
||
h+='<tr class="'+cl+'"><td>'+e.id+'</td><td style="font-size:12px;max-width:300px">';
|
||
if(hs)h+='<span onclick="toggleEx('+e.id+')" style="cursor:pointer;margin-right:4px">'+(ex[e.id]?'▼':'▶')+'</span>';
|
||
h+=esc(e.t);if(hs)h+=' <span style="font-size:10px;color:var(--g5)">('+sdd+'/'+stt+')</span>';
|
||
h+='</td><td style="font-size:11px">'+br[e.b]+'</td><td><span class="badge b">'+["I","II","III","IV","V"][e.sec]+'</span></td><td>'+e.due+'</td><td>'+sb(e.s)+'</td><td style="text-align:center">'+mi+'</td><td><button class="btn btn-sm" onclick="oe('+e.id+','+(evMonth>=0?evMonth:cm)+')">📝</button></td></tr>';
|
||
if(hs&&ex[e.id])e.sub.forEach(function(s,i){var ch=s.indexOf(i)>=0;h+='<tr style="background:var(--g1)"><td></td><td style="font-size:11px;padding-left:40px"><input type="checkbox" '+(ch?"checked":"")+' onchange="ts('+e.id+','+i+',this.checked)"> '+s.l+') '+esc(s.t)+'</td><td></td><td></td><td></td><td></td><td></td><td></td></tr>'});
|
||
});
|
||
h+='</table></div>';
|
||
document.getElementById("pg-ev").innerHTML=h;
|
||
}
|
||
|
||
function toggleEx(id){ex[id]=!ex[id];re()}
|
||
function ts(id,si,chk){var s=gsc(id);if(chk&&s.indexOf(si)<0)s.push(si);else if(!chk)s=s.filter(function(x){return x!==si});ssc(id,s);var e=null;for(var i=0;i<ev.length;i++)if(ev[i].id===id){e=ev[i];break}if(e&&e.sub){var p=Math.round(s.length/e.sub.length*100);if(s.length===e.sub.length&&e.s!=="done")e.s="done";e.p=Math.max(e.p,p);e.h.push(new Date().toLocaleDateString()+" — подпункты "+s.length+"/"+e.sub.length);se()}re()}
|
||
|
||
// ===== ANALYTICS =====
|
||
function ra(){var all=ev||[],done=all.filter(function(e){return e.s==="done"}).length,late=all.filter(function(e){return e.s==="late"}).length,warn=all.filter(function(e){return e.s==="warn"}).length,wait=all.filter(function(e){return e.s==="wait"}).length;
|
||
var h='<div class="row"><div class="stat"><div class="l">Всего</div><div class="n">'+all.length+'</div></div><div class="stat g"><div class="l">Исполнено</div><div class="n">'+done+'</div></div><div class="stat a"><div class="l">В процессе</div><div class="n">'+warn+'</div></div><div class="stat r"><div class="l">Просрочено</div><div class="n">'+late+'</div></div><div class="stat"><div class="l">Не начато</div><div class="n">'+wait+'</div></div></div>';
|
||
var tq=0,rq={};reg.forEach(function(r,ri){rq[ri]=0});all.forEach(function(e){reg.forEach(function(ri){var d=getMD(e.id,ri,-1);for(var k in d){if(d.hasOwnProperty(k)&&d[k]){tq+=d[k].qty||0;rq[ri]+=d[k].qty||0}if(e.sub)e.sub.forEach(function(s,si){var sd=getMD(e.id,ri,si);for(var sk in sd){if(sd.hasOwnProperty(sk)&&sd[sk]){tq+=sd[sk].qty||0;rq[ri]+=sd[sk].qty||0}}})}})});
|
||
h+='<div class="card"><h3>Количественные показатели</h3><div class="row"><div class="stat" style="background:var(--c);color:var(--b)"><div class="l">Всего единиц</div><div class="n">'+tq+'</div></div>';reg.forEach(function(r,ri){if(rq[ri])h+='<div class="stat"><div class="l">'+r+'</div><div class="n">'+rq[ri]+'</div></div>'});h+='</div></div>';
|
||
h+='<div class="card"><h3>По филиалам</h3>';br.forEach(function(b,i){var it=all.filter(function(e){return e.b===i}),d=it.filter(function(e){return e.s==="done"}).length,p=it.length?Math.round(d/it.length*100):0;h+='<div class="fl" style="margin-bottom:4px"><span style="width:180px;font-size:12px;font-weight:600">'+b+'</span><div style="flex:1;height:6px;background:var(--g2);border-radius:6px;overflow:hidden"><div style="width:'+p+'%;height:100%;background:'+(p>=50?"var(--gn)":p>=25?"var(--am)":"var(--rd)")+';border-radius:6px"></div></div><span style="font-weight:700;font-size:11px">'+p+'%</span></div>'});h+='</div>';
|
||
document.getElementById("pg-an").innerHTML=h}
|
||
|
||
// ===== REPORTS =====
|
||
var rptMonth=5;
|
||
function rr(){var h='<div class="card"><h3>Сводный отчёт</h3><div class="fr"><select id="rf">'+ms.map(function(m,i){return'<option value="'+i+'">'+M(i)+'</option>'}).join("")+'</select><span>—</span><select id="rt">'+ms.map(function(m,i){return'<option value="'+i+'"'+(i===11?" selected":"")+'>'+M(i)+'</option>'}).join("")+'</select><button class="btn btn-sm" onclick="dCSV()">CSV</button><button class="btn btn-sm" onclick="dHTML()">HTML</button></div>';
|
||
h+='<div class="fr" style="margin-top:12px"><b>Отчётность за месяц:</b><select id="rm2" onchange="rptMonth=parseInt(this.value);rr()">'+ms.map(function(m,i){return'<option value="'+i+'"'+(i===rptMonth?" selected":"")+'>'+M(i)+'</option>'}).join("")+'</select></div>';
|
||
|
||
// Show all events with reports for selected month
|
||
var mk=ms[rptMonth],hasAny=false;
|
||
(ev||[]).forEach(function(e){
|
||
var shown=false;
|
||
// Main event - all regions
|
||
reg.forEach(function(r,ri){var d=getMD(e.id,ri,-1);if(d[mk]&&(d[mk].report||(d[mk].files&&d[mk].files.length))){shown=true}});
|
||
// Sub-items
|
||
if(e.sub)e.sub.forEach(function(s,si){reg.forEach(function(r,ri){var d=getMD(e.id,ri,si);if(d[mk]&&(d[mk].report||(d[mk].files&&d[mk].files.length)))shown=true})});
|
||
if(!shown)return;hasAny=true;
|
||
|
||
h+='<div class="card" style="padding:14px;margin-bottom:8px"><b>'+e.id+'. '+esc(e.t)+'</b> <span style="font-size:11px;color:var(--g5)">'+br[e.b]+'</span>';
|
||
reg.forEach(function(r,ri){
|
||
var d=getMD(e.id,ri,-1);
|
||
if(d[mk]&&(d[mk].report||(d[mk].files&&d[mk].files.length))){
|
||
h+='<div style="margin:6px 0;padding:8px 12px;background:var(--g1);border-radius:6px"><b style="font-size:12px">'+r+'</b>';
|
||
if(d[mk].report)h+='<p style="font-size:12px;margin:4px 0">'+esc(d[mk].report)+'</p>';
|
||
if(d[mk].qty)h+='<span style="font-size:11px;color:var(--c);font-weight:700">Количество: '+d[mk].qty+'</span>';
|
||
if(d[mk].files&&d[mk].files.length)h+='<div>'+d[mk].files.map(function(f){return'<span class="fl" style="display:inline-flex;margin:2px"><span class="nm" onclick="dlF2('+e.id+','+rptMonth+','+d[mk].files.indexOf(f)+','+ri+',-1)">📄 '+esc(f.name)+'</span><span class="sz">'+(f.size/1024).toFixed(0)+' КБ</span></span>'}).join("")+'</div>';
|
||
h+='</div>';
|
||
}
|
||
// Sub-items
|
||
if(e.sub)e.sub.forEach(function(s,si){
|
||
var sd=getMD(e.id,ri,si);
|
||
if(sd[mk]&&(sd[mk].report||(sd[mk].files&&sd[mk].files.length))){
|
||
h+='<div style="margin:4px 0 4px 12px;padding:6px 10px;background:var(--g1);border-left:3px solid var(--c);border-radius:4px"><b style="font-size:11px">'+s.l+') '+esc(s.t.slice(0,60))+'...</b>';
|
||
h+='<span style="font-size:10px;color:var(--g5)"> — '+r+'</span>';
|
||
if(sd[mk].report)h+='<p style="font-size:11px;margin:2px 0">'+esc(sd[mk].report)+'</p>';
|
||
if(sd[mk].qty)h+='<span style="font-size:10px;color:var(--c);font-weight:700">Кол-во: '+sd[mk].qty+'</span>';
|
||
if(sd[mk].files&&sd[mk].files.length)h+='<div>'+sd[mk].files.map(function(f){return'<span class="fl" style="display:inline-flex;margin:2px"><span class="nm" onclick="dlF2('+e.id+','+rptMonth+','+sd[mk].files.indexOf(f)+','+ri+','+si+')">📄 '+esc(f.name)+'</span></span>'}).join("")+'</div>';
|
||
h+='</div>';
|
||
}
|
||
});
|
||
});
|
||
h+='</div>';
|
||
});
|
||
if(!hasAny)h+='<p style="color:var(--g5);padding:20px">Нет отчётов за '+M(rptMonth)+'</p>';
|
||
|
||
var b=0;for(var i=0;i<localStorage.length;i++){var k=localStorage.key(i);if(k.indexOf("sf_")===0)b+=localStorage.getItem(k).length*2}
|
||
h+='<div style="margin-top:16px;padding-top:12px;border-top:1px solid var(--g2)"><p style="font-size:12px;color:var(--g5);margin-bottom:8px">Хранилище: '+(b>1048576?(b/1048576).toFixed(1)+" МБ":(b/1024).toFixed(0)+" КБ")+'</p>';
|
||
h+='<button class="btn btn-sm btn-gn" onclick="exp()">💾 Сохранить</button> <button class="btn btn-sm" onclick="document.getElementById(\'if\').click()">📥 Загрузить</button> <input type="file" id="if" accept=".json" style="display:none" onchange="imp(this)"> <button class="btn btn-sm btn-red" onclick="clr()">🗑 Очистить</button></div></div>';
|
||
document.getElementById("pg-rp").innerHTML=h}
|
||
function dCSV(){var f=parseInt(document.getElementById("rf").value),t=parseInt(document.getElementById("rt").value);var csv="\uFEFF№;Филиал;Мероприятие;Регион;Статус;Срок\n";(ev||[]).forEach(function(e){reg.forEach(function(r,ri){var d=getMD(e.id,ri,-1),rep="";for(var i=f;i<=t;i++){var m=ms[i];if(d[m]&&d[m].report)rep+=M(i)+": "+d[m].report.replace(/"/g,'""')+"; "}csv+=e.id+';'+br[e.b]+';"'+e.t.replace(/"/g,'""')+'";'+r+';'+st[e.s]+';'+e.due+';"'+rep+'"\n'})});var a=document.createElement("a");a.href=URL.createObjectURL(new Blob([csv]));a.download="otchet.csv";a.click()}
|
||
function dHTML(){var f=parseInt(document.getElementById("rf").value),t=parseInt(document.getElementById("rt").value);var h='<!DOCTYPE html><html><head><meta charset="utf-8"><title>Отчёт</title><style>body{font:13px/1.4 Arial;max-width:1000px;margin:0 auto;padding:20px}.ev{border:1px solid #ddd;border-radius:8px;padding:14px;margin-bottom:12px}.badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700}.g{background:#D1FAE5;color:#065F46}.a{background:#FEF3C7;color:#92400E}.r{background:#FEE2E2;color:#991B1B}.m{background:#f5f5f5;padding:6px 10px;border-radius:4px;margin:4px 0}</style></head><body><h2>Сводный отчёт</h2>';ev.forEach(function(e){var cl={done:"g",warn:"a",late:"r",wait:""}[e.s];h+='<div class="ev"><h3>'+e.id+'. '+esc(e.t)+'</h3><p>'+br[e.b]+' | '+sec[e.sec]+' | Срок: '+e.due+' | <span class="badge '+cl+'">'+st[e.s]+'</span></p>';reg.forEach(function(r,ri){var d=getMD(e.id,ri,-1);for(var i=f;i<=t;i++){var m=ms[i];if(d[m]&&d[m].report){h+='<div class="m"><b>'+M(i)+' — '+r+'</b><p>'+esc(d[m].report)+'</p></div>'}}});h+='</div>'});h+='</body></html>';try{var a=document.createElement("a");a.href=URL.createObjectURL(new Blob(["\uFEFF"+h]));a.download="otchet.html";a.click()}catch(e){alert("Слишком большой")}}
|
||
function exp(){var d={events:ev,date:new Date().toISOString(),files:{},sc:{}};for(var i=0;i<localStorage.length;i++){var k=localStorage.key(i);if(k.indexOf("sf_")===0)d.files[k]=localStorage.getItem(k);if(k.indexOf("ss_")===0)d.sc[k]=localStorage.getItem(k)}var a=document.createElement("a");a.href=URL.createObjectURL(new Blob([JSON.stringify(d)]));a.download="backup.json";a.click()}
|
||
function imp(inp){if(!inp.files.length)return;var r=new FileReader();r.onload=function(ev){try{var d=JSON.parse(ev.target.result);ev=d.events;ne();se();for(var k in d.files)localStorage.setItem(k,d.files[k]);for(var k in d.sc)localStorage.setItem(k,d.sc[k]);alert("OK. Обновите.");location.reload()}catch(e){alert("Ошибка")}};r.readAsText(inp.files[0])}
|
||
function clr(){if(!confirm("Удалить все файлы?"))return;var ks=[];for(var i=0;i<localStorage.length;i++){var k=localStorage.key(i);if(k.indexOf("sf_")===0||k.indexOf("ss_")===0)ks.push(k)}ks.forEach(function(k){localStorage.removeItem(k)});alert("Очищено");rr()}
|
||
|
||
// ===== EDIT FORM =====
|
||
function oe(id,mi,ri,si){
|
||
if(typeof mi==="number")cm=mi;if(typeof ri==="number")cr=ri;esi=(typeof si==="number")?si:-1;
|
||
var e=null;for(var i=0;i<ev.length;i++)if(ev[i].id===id){e=ev[i];break}if(!e)return;
|
||
var m=ms[cm],s=gsc(e.id),md=getMD(e.id,cr,-1),cd=md[m]||{report:"",files:[]},cfs=cd.files||[];
|
||
|
||
var h='<span class="x" onclick="closeM()">×</span>';
|
||
h+='<div class="fm-title">Форма внесения информации</div>';
|
||
h+='<p style="font-size:11px;color:var(--g5);margin-bottom:12px">Заполняется ответственным исполнителем</p>';
|
||
|
||
// Мероприятие (readonly)
|
||
h+='<label>Мероприятие</label><input class="rdonly" value="'+e.id+'. '+esc(e.t)+'" readonly>';
|
||
h+='<div class="meta"><div>Филиал<strong>'+br[e.b]+'</strong></div><div>Срок<strong>'+e.due+'</strong></div></div>';
|
||
|
||
// Подпункты
|
||
if(e.sub&&e.sub.length){h+='<label>Подпункты</label>';e.sub.forEach(function(s,i){var ch=s.indexOf(i)>=0;h+='<div class="si"><input type="checkbox" id="sc2_'+i+'" '+(ch?"checked":"")+'><span class="n">'+s.l+')</span> '+esc(s.t)+'</div>'});h+='<div style="height:6px"></div>'}
|
||
|
||
// Месяц
|
||
h+='<label>Месяц</label><div class="mt">';ms.forEach(function(_,i){h+='<span class="'+(i===cm?"on":"")+'" onclick="oe('+e.id+','+i+','+cr+','+esi+')">'+M(i)+'</span>'});h+='</div>';
|
||
h+='<label>Регион</label><div class="mt">';reg.forEach(function(r,i){h+='<span class="'+(i===cr?"on":"")+'" onclick="oe('+e.id+','+cm+','+i+','+esi+')">'+r+'</span>'});h+='</div>';
|
||
|
||
// Статус
|
||
h+='<label>Статус</label><select id="es2"><option value="wait"'+(e.s==="wait"?" selected":"")+'>Не начато</option><option value="warn"'+(e.s==="warn"?" selected":"")+'>В процессе</option><option value="done"'+(e.s==="done"?" selected":"")+'>Выполнено</option></select>';
|
||
|
||
// Описание
|
||
h+='<label>Описание</label><textarea id="mr2" placeholder="Опишите проведённую работу, достигнутые результаты, выполненные действия...">'+esc(cd.report||"")+'</textarea>';
|
||
h+='<div style="display:flex;gap:8px;align-items:center;margin-bottom:8px"><div style="flex:1"><label>Количество</label><input type="number" id="mq2" min="0" value="'+(cd.qty||0)+'"></div></div>';
|
||
|
||
// Форма завершения
|
||
h+='<label>Форма завершения</label>';
|
||
if(cfs.length){cfs.forEach(function(f,i){var ic="📄";if(/\.(jpg|jpeg|png|gif|webp)/i.test(f.name))ic="🖼";else if(/\.pdf/i.test(f.name))ic="📕";else if(/\.(doc|docx)/i.test(f.name))ic="📝";else if(/\.(xls|xlsx)/i.test(f.name))ic="📊";else if(/\.(ppt|pptx)/i.test(f.name))ic="📽";h+='<div class="fl"><span class="nm" onclick="dlF2('+e.id+','+cm+','+i+','+cr+',-1)">'+ic+' '+esc(f.name)+'</span><span class="sz">'+(f.size/1024).toFixed(0)+' КБ</span><button onclick="rmF2('+e.id+','+cm+','+i+','+cr+',-1)" style="border:none;color:var(--rd);cursor:pointer;font-size:14px">×</button></div>'})}
|
||
h+='<div class="up"><p>📤 Загрузить подтверждающие документы</p><input type="file" id="fi2" multiple><button class="btn btn-sm" id="ub2" onclick="upF2('+e.id+','+cm+','+cr+',-1)" style="margin-top:6px">Загрузить</button><div class="types">Поддерживаются: PDF, DOC/DOCX, XLS/XLSX, фото, презентации</div></div>';
|
||
|
||
// Sub-items files
|
||
if(e.sub&&e.sub.length&&esi>=0){var s=e.sub[esi],sd=getMD(e.id,cr,esi),scd=sd[m]||{report:"",files:[]},scfs=scd.files||[];h+='<div style="border-top:2px solid var(--c);padding-top:12px;margin-top:12px"><b>📎 Подпункт '+s.l+')</b><p style="font-size:11px;color:var(--g5);margin:4px 0">'+esc(s.t)+'</p>';h+='<label>Описание подпункта</label><textarea id="mr2_s'+esi+'">'+esc(scd.report||"")+'</textarea>';h+='<label>Количество</label><input type="number" id="mq2_s'+esi+'" min="0" value="'+(scd.qty||0)+'">';scfs.forEach(function(f,fi){h+='<div class="fl"><span class="nm" onclick="dlF2('+e.id+','+cm+','+fi+','+cr+','+esi+')">📄 '+esc(f.name)+'</span><span class="sz">'+(f.size/1024).toFixed(0)+' КБ</span><button onclick="rmF2('+e.id+','+cm+','+fi+','+cr+','+esi+')" style="border:none;color:var(--rd);cursor:pointer">×</button></div>'});h+='<div class="up"><input type="file" id="fi2_s'+esi+'" multiple><button class="btn btn-sm" id="ub2_s'+esi+'" onclick="upF2('+e.id+','+cm+','+cr+','+esi+')" style="margin-top:6px">Загрузить</button></div></div>'}
|
||
|
||
// Sub-item buttons
|
||
if(e.sub&&e.sub.length){h+='<div style="margin-top:10px">';e.sub.forEach(function(s,i){h+='<button class="btn btn-sm" onclick="oe('+e.id+','+cm+','+cr+','+i+')" style="margin-right:4px;margin-bottom:4px;'+(esi===i?'background:var(--c);font-weight:700':'')+'">'+(esi===i?'📂 ':'📎 ')+s.l+')</button>'});h+='</div>'}
|
||
|
||
h+='<div style="margin-top:14px;display:flex;gap:8px"><button class="btn" onclick="sv('+e.id+','+cm+')">Сохранить</button><button class="btn" style="background:var(--g2)" onclick="closeM()">Отмена</button></div>';
|
||
|
||
document.getElementById("mc").innerHTML=h;
|
||
document.getElementById("mo").classList.add("on");
|
||
}
|
||
|
||
function sv(id,mk){mk=ms[mk];var e=null;for(var i=0;i<ev.length;i++)if(ev[i].id===id){e=ev[i];break}if(!e)return;e.s=document.getElementById("es2").value;var mr=document.getElementById("mr2"),mq=document.getElementById("mq2");if(mr){var ad=getMD(id,cr,-1);if(!ad[mk])ad[mk]={report:"",files:[]};ad[mk].report=mr.value;if(mq)ad[mk].qty=parseInt(mq.value)||0;setMD(id,ad,cr,-1)}if(e.sub&&e.sub.length){var cks=[];e.sub.forEach(function(_,i){var el=document.getElementById("sc2_"+i);if(el&&el.checked)cks.push(i);var sr=document.getElementById("mr2_s"+i),sq=document.getElementById("mq2_s"+i);if(sr){var sd=getMD(id,cr,i);if(!sd[mk])sd[mk]={report:"",files:[]};sd[mk].report=sr.value;if(sq)sd[mk].qty=parseInt(sq.value)||0;setMD(id,sd,cr,i)}});ssc(id,cks)}var now=new Date().toLocaleDateString();e.h.push(now+" — "+cu.n+": "+st[e.s]);if(e.s==="done"&&e.done==="—")e.done=now;se();closeM();re()}
|
||
function closeM(){document.getElementById("mo").classList.remove("on")}
|
||
|
||
function upF2(eid,mk,ri,si){mk=ms[mk];var pfx=si>=0?"_s"+si:"",fi=document.getElementById("fi2"+pfx);if(!fi||!fi.files.length)return;var btn=document.getElementById("ub2"+pfx);if(btn){btn.textContent="...";btn.disabled=true}var ad=getMD(eid,ri,si);if(!ad[mk])ad[mk]={report:"",files:[]};var arr=ad[mk].files,pr=0,sk=0;function fin(){try{setMD(eid,ad,ri,si)}catch(e){alert("Хранилище заполнено")}if(sk)alert(sk+" файлов >3 МБ");closeM();oe(eid,cm,ri,si>=0?si:undefined)}for(var i=0;i<fi.files.length;i++){(function(f){if(f.size>3072*1024){sk++;pr++;if(pr===fi.files.length)fin();return}var r=new FileReader();r.onload=function(ev){arr.push({name:f.name,size:f.size,type:f.type,date:new Date().toLocaleDateString(),data:ev.target.result});pr++;if(pr===fi.files.length)fin()};r.onerror=function(){pr++;if(pr===fi.files.length)fin()};r.readAsDataURL(f)})(fi.files[i])}}
|
||
function dlF2(eid,mk,idx,ri,si){si=si||-1;mk=ms[mk];var ad=getMD(eid,ri,si),arr=ad[mk]?ad[mk].files:null;if(!arr||!arr[idx]||!arr[idx].data)return;var f=arr[idx],a=document.createElement("a");a.href=f.data;a.download=f.name;document.body.appendChild(a);a.click();document.body.removeChild(a)}
|
||
function rmF2(eid,mk,idx,ri,si){si=si||-1;mk=ms[mk];var ad=getMD(eid,ri,si);if(!ad[mk]||!ad[mk].files)return;ad[mk].files.splice(idx,1);setMD(eid,ad,ri,si);closeM();oe(eid,cm,ri,si>=0?si:undefined)}
|
||
|
||
// ===== INIT =====
|
||
document.getElementById("mo").addEventListener("click",function(e){if(e.target===this)closeM()});
|
||
document.addEventListener("keydown",function(e){if(e.key==="Escape")closeM()});
|
||
|
||
le();ne();var su=localStorage.getItem("su");if(su){try{cu=JSON.parse(su);show()}catch(e){}}
|
||
</script>
|
||
</body>
|
||
</html> |