From 22298d4ed83c9da1983752da982384b6776322e6 Mon Sep 17 00:00:00 2001
From: Dauren777 <daurenmoldabaev99@mail.com>
Date: Thu, 11 Jun 2026 08:29:21 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20all=205=20issues=20=E2=80=94=20file=20li?=
 =?UTF-8?q?mit=20200KB,=20month=20range,=20TOP-5,=20report=20format,=20per?=
 =?UTF-8?q?-month=20data?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 148 +++++++++++++++++++++++------------------------------
 1 file changed, 64 insertions(+), 84 deletions(-)

diff --git a/index.html b/index.html
index b9f34c3..a865252 100644
--- a/index.html
+++ b/index.html
@@ -152,7 +152,13 @@ tr:hover{background:#FAFBFC}
 <option value="h1">1-е полугодие</option>
 <option value="h2">2-е полугодие</option>
 </select>
-<select id="rp_month" onchange="renderReports()" style="padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px;display:none">
+<span style="font-size:12px;color:#64748B">с</span> <select id="rp_month_from" onchange="renderReports()" style="padding:6px 8px;border:1px solid #E2E8F0;border-radius:6px;font-size:12px">
+<option value="0">Январь</option><option value="1">Февраль</option><option value="2">Март</option>
+<option value="3">Апрель</option><option value="4">Май</option><option value="5">Июнь</option>
+<option value="6">Июль</option><option value="7">Август</option><option value="8">Сентябрь</option>
+<option value="9">Октябрь</option><option value="10">Ноябрь</option><option value="11">Декабрь</option>
+</select>
+<span style="font-size:12px;color:#64748B">по</span> <select id="rp_month_to" onchange="renderReports()" style="padding:6px 8px;border:1px solid #E2E8F0;border-radius:6px;font-size:12px">
 <option value="0">Январь</option><option value="1">Февраль</option><option value="2">Март</option>
 <option value="3">Апрель</option><option value="4">Май</option><option value="5">Июнь</option>
 <option value="6">Июль</option><option value="7">Август</option><option value="8">Сентябрь</option>
@@ -1222,7 +1228,7 @@ function openEv(id,subIdx){
   h+="<div style='margin-bottom:12px;padding:10px;background:#F0F9FF;border-radius:8px'><strong>AI-анализ:</strong> <span style='font-size:13px;color:#64748B'>"+esc(e.ai||"\u2014")+"</span></div>";
   h+="<div style='margin-bottom:12px'><strong>Отчётность:</strong></div>";
   h+="<div style='margin-bottom:8px;display:flex;gap:8px;flex-wrap:wrap;align-items:center'>";
-  h+="<span style='font-size:12px'>Количество:</span> <input type='number' id='evq_"+e.id+"' value='"+(e.q||"")+"' min='0' style='width:80px;padding:4px;border:1px solid #E2E8F0;border-radius:4px;font-size:12px'>";
+  h+="<span style='font-size:12px'>Количество:</span> <input type='number' id='evq_"+e.id+"' value='"+(localStorage.getItem("sq_"+e.id+"_m"+selMonth)||e.q||"")+"' min='0' style='width:80px;padding:4px;border:1px solid #E2E8F0;border-radius:4px;font-size:12px'>";
   var now=new Date();
   var curMonth=now.getMonth();
   var savedMonth=localStorage.getItem("evmonth_"+e.id);
@@ -1235,11 +1241,11 @@ function openEv(id,subIdx){
     h+=">"+mnames[mi]+"</option>"
   }
   h+="</select></div>";
-  h+="<div style='margin-bottom:12px'><textarea id='evn_"+e.id+"' placeholder='Примечание / описание выполнения...' style='width:100%;padding:8px;border:1px solid #E2E8F0;border-radius:6px;font-size:12px;resize:vertical;min-height:50px'>"+esc(subIdx!==undefined?((localStorage.getItem("sn_"+e.id+"_s"+subIdx)||"")):(e.n||""))+"</textarea></div>";
+  h+="<div style='margin-bottom:12px'><textarea id='evn_"+e.id+"' placeholder='Примечание / описание выполнения...' style='width:100%;padding:8px;border:1px solid #E2E8F0;border-radius:6px;font-size:12px;resize:vertical;min-height:50px'>"+esc(subIdx!==undefined?((localStorage.getItem("sn_"+e.id+"_s"+subIdx)||"")):(localStorage.getItem("sn_"+e.id+"_m"+selMonth)||e.n||""))+"</textarea></div>";
   h+="<div style='margin-bottom:12px'><strong>Файлы:</strong>";
   if(cu&&cu.bg===0){
     for(var bi=0;bi<brs.length;bi++){
-      var bk=fk+"_b"+bi;
+      var bk=fk+"_m"+selMonth+"_b"+bi;
       var fd=localStorage.getItem(bk);
       if(fd){
         try{
@@ -1253,7 +1259,7 @@ function openEv(id,subIdx){
       }
     }
   }else{
-    var bk=fk+"_b"+(cu?cu.bg:0);
+    var bk=fk+"_m"+selMonth+"_b"+(cu?cu.bg:0);
     var fd=localStorage.getItem(bk);
     if(fd){
       try{
@@ -1296,25 +1302,10 @@ function closeModal(){
 
 function saveEvModal(id){
   var sel=document.getElementById("evs_"+id);
-  var inq=document.getElementById("evq_"+id);
-  var inn=document.getElementById("evn_"+id);
-  for(var i=0;i<evs.length;i++){
-    if(evs[i].id===id){
-      if(sel)evs[i].s=sel.value;
-      if(inq)evs[i].q=parseInt(inq.value,10)||0;
-      if(inn){if(curSub!==null){try{localStorage.setItem("sn_"+id+"_s"+curSub,inn.value.trim())}catch(e){}}else{evs[i].n=inn.value.trim()}}
-      if(sel&&sel.value==="done"&&(evs[i].done==="\u2014"||!evs[i].done)){
-        var d=new Date();
-        evs[i].done=d.getDate()+"."+String(d.getMonth()+1).padStart(2,"0")+"."+d.getFullYear()
-      }
-      break
-    }
-  }
+  for(var i=0;i<evs.length;i++){if(evs[i].id===id){if(sel)evs[i].s=sel.value;if(sel&&sel.value==="done"&&(evs[i].done==="\u2014"||!evs[i].done)){var d=new Date();evs[i].done=d.getDate()+"."+String(d.getMonth()+1).padStart(2,"0")+"."+d.getFullYear()}break}}
   var inm=document.getElementById("evm_"+id);
-  if(inm)try{localStorage.setItem("evmonth_"+id,inm.value)}catch(e){}
-  saveEv();
-  closeModal();
-  renderEv()
+  if(inm){var mv=inm.value;try{localStorage.setItem("evmonth_"+id,mv)}catch(e){};var inq=document.getElementById("evq_"+id);var inn=document.getElementById("evn_"+id);if(inn)try{localStorage.setItem("sn_"+id+"_m"+mv,inn.value.trim())}catch(e){};if(inq)try{localStorage.setItem("sq_"+id+"_m"+mv,(parseInt(inq.value,10)||0).toString())}catch(e){}}
+  saveEv();closeModal();renderEv()
 }
 function chgSt(id){
   var sel=document.getElementById("evs_"+id);
@@ -1335,20 +1326,19 @@ function upFile(id){
   var inp=document.getElementById("fu_"+id);
   if(!inp||!inp.files||!inp.files[0])return;
   var f=inp.files[0];
-  if(f.size>3145728){alert("\u0424\u0430\u0439\u043B \u0431\u043E\u043B\u044C\u0448\u0435 3MB");return}
+  if(f.size>204800){alert("\u0424\u0430\u0439\u043B \u0431\u043E\u043B\u044C\u0448\u0435 200KB. \u041F\u043E\u0436\u0430\u043B\u0443\u0439\u0441\u0442\u0430, \u0441\u0436\u043C\u0438\u0442\u0435 \u0444\u0430\u0439\u043B \u0438\u043B\u0438 \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u0435 \u043C\u0435\u043D\u044C\u0448\u0438\u0439.");return}
   var fr=new FileReader();
   var subKey=curSub!==null?"_s"+curSub:"";
   var inm=document.getElementById("evm_"+id);
   var monthKey=inm?"_m"+inm.value:"";
   var brKey="_b"+(cu?cu.bg:0);
+  var fname=f.name;var fsize=f.size;
   fr.onload=function(){
     var key="sf_"+id+monthKey+subKey+brKey;
-    var arr=[];
-    var ex=localStorage.getItem(key);
-    if(ex){try{arr=JSON.parse(ex)}catch(e){}}
+    var arr=[];var ex=localStorage.getItem(key);if(ex){try{arr=JSON.parse(ex)}catch(e){}}
     var d=new Date();
-    arr.push({n:f.name,s:f.size,d:d.getDate()+"."+String(d.getMonth()+1).padStart(2,"0")+"."+d.getFullYear(),u:cu?cu.n:"",data:fr.result});
-    try{localStorage.setItem(key,JSON.stringify(arr))}catch(e){alert("\u041E\u0448\u0438\u0431\u043A\u0430 \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u044F")}
+    arr.push({n:fname,s:fsize,d:d.getDate()+"."+String(d.getMonth()+1).padStart(2,"0")+"."+d.getFullYear(),u:cu?cu.n:"",data:fr.result});
+    try{localStorage.setItem(key,JSON.stringify(arr))}catch(e){alert("\u041E\u0448\u0438\u0431\u043A\u0430 \u0441\u043E\u0445\u0440\u0430\u043D\u0435\u043D\u0438\u044F. \u041E\u0447\u0438\u0441\u0442\u0438\u0442\u0435 \u0445\u0440\u0430\u043D\u0438\u043B\u0438\u0449\u0435 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430.");return}
     openEv(id,curSub!==null?curSub:undefined)
   };
   fr.readAsDataURL(f)
@@ -1456,7 +1446,7 @@ function renderAnalytics(){
     }
   }
   problem.sort(function(a,b){return a.dr-b.dr});
-  var pt=problem.slice(0,10);
+  var pt=problem.slice(0,5);
   if(pt.length){
     var ph="<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\u0442\u0430\u0442\u0443\u0441</th><th>\u0414\u043D\u0435\u0439</th></tr>";
     for(var i=0;i<pt.length;i++){
@@ -1472,29 +1462,13 @@ function renderAnalytics(){
 }
 
 function getFilteredEvs(){
-  var period=document.getElementById("rp_period").value;
   var statusF=document.getElementById("rp_status").value;
   var year=parseInt(document.getElementById("rp_year").value,10)||2026;
-  var month=parseInt(document.getElementById("rp_month").value,10)||0;
-  var months=[];
-  if(period==="month"){months=[month]}
-  else if(period==="q1"){months=[0,1,2]}
-  else if(period==="q2"){months=[3,4,5]}
-  else if(period==="q3"){months=[6,7,8]}
-  else if(period==="q4"){months=[9,10,11]}
-  else if(period==="h1"){months=[0,1,2,3,4,5]}
-  else if(period==="h2"){months=[6,7,8,9,10,11]}
-  else if(period==="year"){months=[0,1,2,3,4,5,6,7,8,9,10,11]}
+  var months=getReportMonths();
   var r=[];
   for(var i=0;i<evs.length;i++){
-    var e=evs[i];
-    if(statusF&&e.s!==statusF)continue;
-    var dp=e.due.split(".");
-    if(dp.length===3){
-      var em=parseInt(dp[1],10)-1;
-      var ey=parseInt(dp[2],10);
-      if(ey===year&&months.indexOf(em)!==-1)r.push(e)
-    }
+    var e=evs[i];if(statusF&&e.s!==statusF)continue;
+    var dp=e.due.split(".");if(dp.length===3){var em=parseInt(dp[1],10)-1;var ey=parseInt(dp[2],10);if(ey===year&&months.indexOf(em)!==-1)r.push(e)}
   }
   return r
 }
@@ -1512,11 +1486,35 @@ function getReportPeriod(){
   if(period==="h2")return "2-\u0435 \u043F\u043E\u043B\u0443\u0433\u043E\u0434\u0438\u0435 "+year;
   return year+" \u0433\u043E\u0434"
 }
-function rpPeriodChange(){
-  var v=document.getElementById("rp_period").value;
-  var mSel=document.getElementById("rp_month");
-  if(v==="month"){mSel.style.display="inline-block"}else{mSel.style.display="none"}
-  renderReports()
+function rpPeriodChange(){}
+function getReportPeriod(){
+  var period=document.getElementById("rp_period").value;
+  var year=document.getElementById("rp_year").value;
+  var mFrom=parseInt(document.getElementById("rp_month_from").value,10)||0;
+  var mTo=parseInt(document.getElementById("rp_month_to").value,10)||11;
+  var mn=["\u044F\u043D\u0432\u0430\u0440\u044C","\u0444\u0435\u0432\u0440\u0430\u043B\u044C","\u043C\u0430\u0440\u0442","\u0430\u043F\u0440\u0435\u043B\u044C","\u043C\u0430\u0439","\u0438\u044E\u043D\u044C","\u0438\u044E\u043B\u044C","\u0430\u0432\u0433\u0443\u0441\u0442","\u0441\u0435\u043D\u0442\u044F\u0431\u0440\u044C","\u043E\u043A\u0442\u044F\u0431\u0440\u044C","\u043D\u043E\u044F\u0431\u0440\u044C","\u0434\u0435\u043A\u0430\u0431\u0440\u044C"];
+  if(period==="year")return year+" \u0433\u043E\u0434";
+  if(period==="q1")return "I \u043A\u0432. "+year;
+  if(period==="q2")return "II \u043A\u0432. "+year;
+  if(period==="q3")return "III \u043A\u0432. "+year;
+  if(period==="q4")return "IV \u043A\u0432. "+year;
+  if(period==="h1")return "1-\u0435 \u043F\u043E\u043B\u0443\u0433\u043E\u0434\u0438\u0435 "+year;
+  if(period==="h2")return "2-\u0435 \u043F\u043E\u043B\u0443\u0433\u043E\u0434\u0438\u0435 "+year;
+  if(period==="month")return mn[mFrom]+" "+year;
+  return mn[mFrom]+" \u2014 "+mn[mTo]+" "+year
+}
+function getReportMonths(){
+  var period=document.getElementById("rp_period").value;
+  var mFrom=parseInt(document.getElementById("rp_month_from").value,10)||0;
+  var mTo=parseInt(document.getElementById("rp_month_to").value,10)||11;
+  var months=[];
+  if(period==="year"){for(var i=0;i<12;i++)months.push(i)}
+  else if(period==="q1")months=[0,1,2];else if(period==="q2")months=[3,4,5];
+  else if(period==="q3")months=[6,7,8];else if(period==="q4")months=[9,10,11];
+  else if(period==="h1")months=[0,1,2,3,4,5];else if(period==="h2")months=[6,7,8,9,10,11];
+  else if(period==="month")months=[mFrom];
+  else{for(var i=mFrom;i<=mTo;i++)months.push(i)}
+  return months
 }
 function renderReports(){
   var fl=getFilteredEvs();
@@ -1538,38 +1536,20 @@ function dlCSV(){
   a.click()
 }
 function dlHTML(){
-  var fl=getFilteredEvs();
-  var periodLabel=getReportPeriod();
-  var hh="<!DOCTYPE html><html><head><meta charset='utf-8'><title>\u041E\u0442\u0447\u0451\u0442 \u041F\u0411 \u0437\u0430 "+periodLabel+"</title><style>body{font:14px Arial,sans-serif;padding:30px;color:#1A1A2E} h2{font-size:20px;margin-bottom:4px} h3{font-size:14px;color:#005BAA;margin:16px 0 4px} table{border-collapse:collapse;width:100%;margin-bottom:12px} th,td{border:1px solid #ccc;padding:6px 10px;font-size:12px;text-align:left;vertical-align:top} th{background:#0A1628;color:#fff} .desc{font-size:12px;color:#64748B;margin:4px 0 8px 0;padding:6px;background:#F8FAFC;border-radius:4px} .files{margin:4px 0;font-size:11px} .files a{color:#005BAA;display:block;margin:2px 0} .qty{font-weight:600;color:#2E7D32} @media print{body{padding:10mm}}</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>QAZAQtelecom HSE \u0437\u0430 "+periodLabel+"</p><p style='font-size:11px;color:#64748B'>\u041E\u0442\u0447\u0451\u0442 \u0441\u0444\u043E\u0440\u043C\u0438\u0440\u043E\u0432\u0430\u043D: "+new Date().toLocaleDateString("ru-RU")+"</p><br>";
-  for(var i=0;i<fl.length;i++){
-    var e=fl[i];
+  var fl=getFilteredEvs();var periodLabel=getReportPeriod();var months=getReportMonths();
+  var hh="<!DOCTYPE html><html><head><meta charset='utf-8'><title>\u041E\u0442\u0447\u0451\u0442 \u041F\u0411 \u0437\u0430 "+periodLabel+"</title><style>body{font:14px Arial,sans-serif;padding:30px;color:#1A1A2E}h2{font-size:20px;margin-bottom:4px}h3{font-size:14px;color:#005BAA;margin:16px 0 4px;border-bottom:1px solid #ddd;padding-bottom:6px}.meta{font-size:12px;color:#1A1A2E;margin:2px 0 6px 0;background:#F0F4FF;padding:6px 10px;border-radius:4px}.desc{font-size:12px;color:#1A1A2E;margin:6px 0;padding:10px;background:#F0F4FF;border-radius:4px;border-left:4px solid #005BAA}.qty{font-weight:600;color:#2E7D32;margin:4px 0}.files{font-size:11px;margin:6px 0}.files span{display:inline-block;margin:2px 8px;color:#005BAA}@media print{body{padding:10mm}}</style></head><body><h2>\u041F\u043B\u0430\u043D \u041F\u0411</h2><p>QAZAQtelecom HSE \u0437\u0430 "+periodLabel+"</p><p style='font-size:11px;color:#64748B'>\u041E\u0442\u0447\u0451\u0442 \u0441\u0444\u043E\u0440\u043C\u0438\u0440\u043E\u0432\u0430\u043D: "+new Date().toLocaleDateString("ru-RU")+"</p><br>";
+  for(var i=0;i<fl.length;i++){var e=fl[i];var sn=secs[e.sec].split(". ")[1]||secs[e.sec];
     hh+="<h3>N"+e.id+". "+esc(e.t)+"</h3>";
-    hh+="<table><tr><th style='width:120px'>\u0421\u0440\u043E\u043A</th><td>"+e.due+"</td><th style='width:120px'>\u0421\u0442\u0430\u0442\u0443\u0441</th><td>"+stn[e.s]+"</td><th style='width:120px'>\u0424\u0438\u043B\u0438\u0430\u043B</th><td>"+brs[e.b]+"</td><th style='width:120px'>\u041E\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0439</th><td>"+esc(nl2c(e.r))+"</td></tr></table>";
-    if(e.n)hh+="<div class='desc'><strong>\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435:</strong> "+esc(e.n)+"</div>";
-    if(e.q)hh+="<div class='qty'>\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E: "+e.q+"</div>";
-    var fhtml="";
-    for(var si=-1;si<(e.sub?e.sub.length:0);si++){
-      var sk=si>=0?"_s"+si:"";
-      for(var bk=0;bk<brs.length;bk++){
-        var key="sf_"+e.id+sk+"_b"+bk;
-        var fd=localStorage.getItem(key);
-        if(fd){
-          try{var arr=JSON.parse(fd);
-          for(var fi=0;fi<arr.length;fi++){
-            var f=arr[fi];
-            if(f&&f.n)fhtml+="<a href='"+f.data+"' download='"+esc(f.n)+"'>"+esc(f.n)+" ("+Math.round((f.s||0)/1024)+" KB)</a>"
-          }}catch(ex){}
-        }
-      }
-    }
+    hh+="<div class='meta'>\u0420\u0430\u0437\u0434\u0435\u043B | "+esc(sn)+" | \u0421\u0440\u043E\u043A: "+e.due+" | "+stn[e.s]+"</div>";
+    var rn="";var rq=0;for(var mi=0;mi<months.length;mi++){var nk="sn_"+e.id+"_m"+months[mi];var sv=localStorage.getItem(nk);if(sv){rn=sv;break}var qk="sq_"+e.id+"_m"+months[mi];var qv=localStorage.getItem(qk);if(qv)rq=parseInt(qv,10)||0}
+    if(!rn&&e.n)rn=e.n;if(!rq&&e.q)rq=e.q;
+    if(rn)hh+="<div class='desc'><strong>\u041E\u043F\u0438\u0441\u0430\u043D\u0438\u0435 \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F:</strong><br>"+esc(rn)+"</div>";
+    if(rq)hh+="<div class='qty'>\u041A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u043E: "+rq+"</div>";
+    var fhtml="";for(var mi=0;mi<months.length;mi++){var mk="_m"+months[mi];for(var si=-1;si<(e.sub?e.sub.length:0);si++){var sk=si>=0?"_s"+si:"";for(var bk=0;bk<brs.length;bk++){var key="sf_"+e.id+mk+sk+"_b"+bk;var fd=localStorage.getItem(key);if(fd){try{var arr=JSON.parse(fd);for(var fi=0;fi<arr.length;fi++){var f=arr[fi];if(f&&f.n)fhtml+="<span>\uD83D\uDCC4 "+esc(f.n)+" ("+Math.round((f.s||0)/1024)+" KB)</span>"}}catch(ex){}}}}}
     if(fhtml)hh+="<div class='files'><strong>\u041F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0430\u044E\u0449\u0438\u0435 \u0444\u0430\u0439\u043B\u044B:</strong><br>"+fhtml+"</div>";
   }
-  hh+="<br><p style='font-size:11px;color:#64748B'><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>";
-  var blob=new Blob([hh],{type:"text/html"});
-  var a=document.createElement("a");
-  a.href=URL.createObjectURL(blob);
-  a.download="report_pb_"+periodLabel.replace(/\s/g,"_")+".html";
-  a.click()
+  hh+="<p style='font-size:11px;color:#64748B'><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>";
+  var blob=new Blob([hh],{type:"text/html"});var a=document.createElement("a");a.href=URL.createObjectURL(blob);a.download="report_pb_"+periodLabel.replace(/\s/g,"_")+".html";a.click()
 }
 function dlWord(){
   var fl=getFilteredEvs();
@@ -1987,6 +1967,6 @@ function dlAnalyticsWord(){
   var a=document.createElement("a");a.href=URL.createObjectURL(blob);a.download="analytics.doc";a.click()
 }
 
-</script>
+</script></script>
 </body>
 </html>