From d807e15dc11e39ce58f2d72ada15d34bf96808d9 Mon Sep 17 00:00:00 2001
From: Dauren777 <daurenmoldabaev99@mail.com>
Date: Wed, 10 Jun 2026 06:48:10 +0000
Subject: [PATCH] v92: reports cleanup, no ranking, HTML export with files

---
 index.html | 76 ++++++++++++++++++++++++++++--------------------------
 1 file changed, 39 insertions(+), 37 deletions(-)

diff --git a/index.html b/index.html
index 3347f08..b206426 100644
--- a/index.html
+++ b/index.html
@@ -106,10 +106,11 @@ tr:hover{background:#FAFBFC}
 </div>
 <div id="tab_analytics" style="display:none">
 <div class="stat-grid" id="an_stats"></div>
-<div class="card"><h3>Рейтинг филиалов</h3><div id="an_ranking"></div></div>
 <div class="card"><h3>TOP-10 проблемных мероприятий</h3><div id="an_top"></div></div>
 </div>
 <div id="tab_reports" style="display:none">
+<div class="card"><h3>Выгрузка сводного отчёта</h3>
+<p style="font-size:13px;color:#64748B;margin-bottom:12px">Выберите период и формат для скачивания отчёта.</p>
 <div class="fr">
 <span style="font-size:13px;color:#64748B">Период:</span>
 <select id="rp_period" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px" onchange="rpPeriodChange()">
@@ -121,7 +122,6 @@ tr:hover{background:#FAFBFC}
 <option value="q4">Октябрь-Декабрь (Q4)</option>
 <option value="h1">1-е полугодие</option>
 <option value="h2">2-е полугодие</option>
-<option value="year">Год</option>
 </select>
 <select id="rp_month" onchange="renderReports()" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px;display:none">
 <option value="0">Январь</option><option value="1">Февраль</option><option value="2">Март</option>
@@ -129,20 +129,26 @@ tr:hover{background:#FAFBFC}
 <option value="6">Июль</option><option value="7">Август</option><option value="8">Сентябрь</option>
 <option value="9">Октябрь</option><option value="10">Ноябрь</option><option value="11" selected>Декабрь</option>
 </select>
-<select id="rp_year" onchange="renderReports()" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px">
+<select id="rp_year" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px">
 <option>2026</option><option>2027</option>
 </select>
-<select id="rp_status" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px" onchange="renderReports()">
+<select id="rp_status" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px">
 <option value="">Все статусы</option>
 <option value="warn">В процессе</option>
 <option value="done">Исполнено</option>
 <option value="late">Просрочено</option>
 </select>
+</div>
+<div style="display:flex;gap:8px;flex-wrap:wrap">
 <button class="btn btn-sm btn-g" onclick="dlCSV()">CSV</button>
 <button class="btn btn-sm" onclick="dlHTML()">HTML</button>
 <button class="btn btn-sm btn-o" onclick="dlWord()">Word</button>
 <button class="btn btn-sm btn-r" onclick="dlPdf()">PDF</button>
 </div>
+<p id="rp_count" style="font-size:12px;color:#64748B;margin-top:8px"></p>
+</div>
+<div class="card" id="rp_preview"></div>
+</div>
 <div class="card" id="rp_preview"></div>
 </div>
 <div id="tab_hse" style="display:none">
@@ -632,19 +638,6 @@ function renderAnalytics(){
   html+="<div class='stat-card'><div class='lb'>В процессе</div><div class='num'>"+warn+"</div></div>";
   document.getElementById("an_stats").innerHTML=html;
 
-  var brd=[];
-  for(var i=0;i<brs.length;i++){brd.push({n:brs[i],t:0,d:0})}
-  for(var i=0;i<evs.length;i++){var e=evs[i];brd[e.b].t++;if(e.s==="done")brd[e.b].d++}
-  brd.sort(function(a,b){return(b.d/b.t||0)-(a.d/a.t||0)});
-  var rh="<table><tr><th>\u0424\u0438\u043B\u0438\u0430\u043B</th><th>\u0418\u0441\u043F\u043E\u043B\u043D\u0435\u043D\u043E</th><th>\u0412\u0441\u0435\u0433\u043E</th><th>%</th></tr>";
-  for(var i=0;i<brd.length;i++){
-    var pct=brd[i].t?Math.round(brd[i].d/brd[i].t*100):0;
-    var barCl=pct>50?"#10B981":pct>25?"#F59E0B":"#EF4444";
-    rh+="<tr><td>"+esc(brd[i].n)+"</td><td>"+brd[i].d+"</td><td>"+brd[i].t+"</td><td>"+pct+"%<div class='rank-bar'><div style='width:"+pct+"%;background:"+barCl+"'></div></div></td></tr>"
-  }
-  rh+="</table>";
-  document.getElementById("an_ranking").innerHTML=rh;
-
   var problem=[];
   for(var i=0;i<evs.length;i++){
     if(evs[i].s==="late"||evs[i].s==="warn"){
@@ -702,22 +695,9 @@ function rpPeriodChange(){
 }
 function renderReports(){
   var fl=getFilteredEvs();
-  var h="<table><tr><th>N</th><th>\u041C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u0435</th><th>\u0424\u0438\u043B\u0438\u0430\u043B</th><th>\u0421\u0440\u043E\u043A</th><th>\u0421\u0442\u0430\u0442\u0443\u0441</th><th>\u041A\u043E\u043B-\u0432\u043E</th></tr>";
-  for(var i=0;i<fl.length;i++){
-    var e=fl[i];
-    var cl=stc[e.s]||"w";
-    h+="<tr>";
-    h+="<td>"+e.id+"</td>";
-    h+="<td style='font-size:12px'>"+esc(e.t)+"</td>";
-    h+="<td>"+brs[e.b]+"</td>";
-    h+="<td>"+e.due+"</td>";
-    h+="<td><span class='badge "+cl+"'>"+stn[e.s]+"</span></td>";
-    h+="<td>"+(e.q||"")+"</td>";
-    h+="</tr>"
-  }
-  if(!fl.length)h="<p style='color:#64748B;font-size:13px;text-align:center;padding:20px'>\u041D\u0435\u0442 \u043C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u0439 \u0437\u0430 \u0432\u044B\u0431\u0440\u0430\u043D\u043D\u044B\u0439 \u043F\u0435\u0440\u0438\u043E\u0434</p>";
-  h+="<p style='margin-top:8px;font-size:12px;color:#64748B'>\u0412\u0441\u0435\u0433\u043E: "+fl.length+" \u043C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u0439</p>";
-  document.getElementById("rp_preview").innerHTML=h
+  var cnt=document.getElementById("rp_count");
+  if(cnt)cnt.textContent="Выбрано мероприятий: "+fl.length;
+  document.getElementById("rp_preview").innerHTML=""
 }
 function dlCSV(){
   var fl=getFilteredEvs();
@@ -736,13 +716,35 @@ function dlHTML(){
   var fl=getFilteredEvs();
   var month=parseInt(document.getElementById("rp_month").value,10)+1;
   var year=document.getElementById("rp_year").value;
-  var hh="<!DOCTYPE html><html><head><meta charset='utf-8'><title>\u041E\u0442\u0447\u0451\u0442 \u041F\u043B\u0430\u043D \u041F\u0411 "+month+"."+year+"</title><style>body{font:14px Arial;padding:20px}table{border-collapse:collapse;width:100%}th,td{border:1px solid #ccc;padding:6px 10px;font-size:12px;text-align:left}th{background:#0B1A2E;color:#fff}.s{background:#F1F5F9;font-weight:700}</style></head><body><h2>\u041F\u043B\u0430\u043D \u043F\u0440\u043E\u0438\u0437\u0432\u043E\u0434\u0441\u0442\u0432\u0435\u043D\u043D\u043E\u0439 \u0431\u0435\u0437\u043E\u043F\u0430\u0441\u043D\u043E\u0441\u0442\u0438</h2><p>AO \u00AB\u041A\u0430\u0437\u0430\u0445\u0442\u0435\u043B\u0435\u043A\u043E\u043C\u00BB \u0437\u0430 "+month+"."+year+"</p><br><table><tr><th>N</th><th>\u041C\u0435\u0440\u043E\u043F\u0440\u0438\u044F\u0442\u0438\u0435</th><th>\u0424\u0438\u043B\u0438\u0430\u043B</th><th>\u0421\u0440\u043E\u043A</th><th>\u0421\u0442\u0430\u0442\u0443\u0441</th><th>\u041F\u0440\u043E\u0433\u0440\u0435\u0441\u0441</th><th>\u041A\u043E\u043B-\u0432\u043E</th><th>\u041F\u0440\u0438\u043C\u0435\u0447\u0430\u043D\u0438\u0435</th></tr>";
-  var lastSec=-1;
+  var hh="<!DOCTYPE html><html><head><meta charset='utf-8'><title>Отчёт План ПБ "+month+"."+year+"</title><style>body{font:14px Arial;padding:20px}table{border-collapse:collapse;width:100%}th,td{border:1px solid #ccc;padding:6px 10px;font-size:12px;text-align:left}th{background:#0B1A2E;color:#fff}.s{background:#F1F5F9;font-weight:700}</style></head><body><h2>План производственной безопасности</h2><p>AO Казахтелеком за "+month+"."+year+"</p><br><table><tr><th>N</th><th>Мероприятие</th><th>Срок</th><th>Статус</th><th>Кол-во</th><th>Примечание</th></tr>";
   for(var i=0;i<fl.length;i++){
     var e=fl[i];
-    hh+="<tr><td>"+e.id+"</td><td>"+esc(e.t)+"</td><td>"+brs[e.b]+"</td><td>"+e.due+"</td><td>"+stn[e.s]+"</td><td>"+(e.p||0)+"%</td><td>"+(e.q||"")+"</td><td>"+esc(e.n||"")+"</td></tr>"
+    hh+="<tr><td>"+e.id+"</td><td>"+esc(e.t)+"</td><td>"+e.due+"</td><td>"+stn[e.s]+"</td><td>"+(e.q||"")+"</td><td>"+esc(e.n||"")+"</td></tr>"
   }
-  hh+="</table><p><br><em>\u041E\u0442\u0447\u0451\u0442 \u0441\u0444\u043E\u0440\u043C\u0438\u0440\u043E\u0432\u0430\u043D: "+new Date().toLocaleDateString("ru-RU")+"</em></p></body></html>";
+  hh+="</table>";
+  hh+="<br><h3>Приложенные файлы</h3>";
+  var hasFiles=false;
+  for(var i=0;i<fl.length;i++){
+    var e=fl[i];
+    var k="sf_"+e.id;
+    var fd=localStorage.getItem(k);
+    if(fd){
+      try{
+        var arr=JSON.parse(fd);
+        if(arr.length){
+          hasFiles=true;
+          hh+="<p><strong>N"+e.id+":</strong>";
+          for(var fi=0;fi<arr.length;fi++){
+            var f=arr[fi];
+            if(f.s&&f.n)hh+="<br><a href='"+f.data+"' download='"+esc(f.n)+"'>"+esc(f.n)+" ("+Math.round(f.s/1024)+" KB)</a>"
+          }
+          hh+="</p>"
+        }
+      }catch(ex){}
+    }
+  }
+  if(!hasFiles)hh+="<p>Нет приложенных файлов</p>";
+  hh+="<p><br><em>Отчёт сформирован: "+new Date().toLocaleDateString("ru-RU")+"</em></p></body></html>";
   var blob=new Blob([hh],{type:"text/html"});
   var a=document.createElement("a");
   a.href=URL.createObjectURL(blob);