фикс неизвестно + доп статистика
This commit is contained in:
parent
2467cc5fce
commit
0189a4ab98
2 changed files with 81 additions and 6 deletions
|
|
@ -2,10 +2,11 @@
|
|||
// СТРАНИЦА СТАТИСТИКИ
|
||||
// ══════════════════════════════════════════════════════════════════
|
||||
|
||||
let statsPageOpen = false;
|
||||
let clientsExpanded = false;
|
||||
let clientsOnlyOpen = false;
|
||||
let timingPeriodIdx = 4;
|
||||
let statsPageOpen = false;
|
||||
let clientsExpanded = false;
|
||||
let clientsOnlyOpen = false;
|
||||
let timingPeriodIdx = 4;
|
||||
let clientLastTicketMode = 'created'; // 'created' | 'updated'
|
||||
|
||||
const STATS_CACHE_KEY = 'intradesk_stats_html_v2';
|
||||
function saveStatsCache() {
|
||||
|
|
@ -409,6 +410,18 @@ function renderStatsPage() {
|
|||
<div id="stats-clients-list-wrap"></div>
|
||||
</div>
|
||||
|
||||
<!-- Последняя заявка по клиентам -->
|
||||
<div class="stats-card">
|
||||
<div class="stats-card-title" style="justify-content:space-between;">
|
||||
<span>🕐 Последняя заявка по клиентам</span>
|
||||
<div class="stats-period-tabs">
|
||||
<button class="stats-period-tab${clientLastTicketMode==='created'?' active':''}" onclick="clientLastTicketMode='created';this.parentNode.querySelectorAll('.stats-period-tab').forEach((b,i)=>b.classList.toggle('active',i===0));renderClientLastTicketCard()">Создана</button>
|
||||
<button class="stats-period-tab${clientLastTicketMode==='updated'?' active':''}" onclick="clientLastTicketMode='updated';this.parentNode.querySelectorAll('.stats-period-tab').forEach((b,i)=>b.classList.toggle('active',i===1));renderClientLastTicketCard()">Обновлена</button>
|
||||
</div>
|
||||
</div>
|
||||
<div id="stats-client-last-ticket-wrap"></div>
|
||||
</div>
|
||||
|
||||
<!-- ═══════════════════════════════════════════════════════════ -->
|
||||
<!-- НОВЫЕ КАРТОЧКИ -->
|
||||
<!-- ═══════════════════════════════════════════════════════════ -->
|
||||
|
|
@ -549,6 +562,7 @@ function renderStatsPage() {
|
|||
</div>`;
|
||||
|
||||
renderClientsList();
|
||||
renderClientLastTicketCard();
|
||||
saveStatsCache();
|
||||
}
|
||||
|
||||
|
|
@ -606,7 +620,7 @@ function renderClientsList() {
|
|||
if(visible.length===0){wrap.innerHTML=`<div class="stats-empty">${clientsOnlyOpen?'Нет клиентов с открытыми заявками':'Нет повторных обращений'}</div>`;return;}
|
||||
wrap.innerHTML=`
|
||||
<div class="stats-clients-list" style="display:flex;flex-direction:column;gap:6px;">
|
||||
${visible.map(([name,v])=>{ const dv=clientsOnlyOpen?v.open:v.count,pct=dv/maxV*100,opPct=v.count?v.open/v.count*100:0; return'<div class="stats-clients-row"><div class="stats-clients-name" title="'+escHtml(name)+'">'+escHtml(name)+'</div><div class="stats-clients-track"><div class="stats-clients-bar-total" style="width:'+pct+'%;"></div><div class="stats-clients-bar-open" style="width:'+pct*opPct/100+'%;"></div></div><div class="stats-clients-counts"><span class="stats-clients-total">'+v.count+'</span>'+(v.open?'<span class="stats-clients-open-badge">'+v.open+' откр.</span>':'')+'</div></div>'; }).join('')}
|
||||
${visible.map(([name,v])=>{ const dv=clientsOnlyOpen?v.open:v.count,pct=dv/maxV*100,opPct=v.count?v.open/v.count*100:0; return'<div class="stats-clients-row" style="cursor:pointer;" onclick="goToClientTasks(\''+escHtml(name).replace(/'/g,"\\'")+'\')" title="Показать заявки: '+escHtml(name)+'"><div class="stats-clients-name" title="'+escHtml(name)+'">'+escHtml(name)+'</div><div class="stats-clients-track"><div class="stats-clients-bar-total" style="width:'+pct+'%;"></div><div class="stats-clients-bar-open" style="width:'+pct*opPct/100+'%;"></div></div><div class="stats-clients-counts"><span class="stats-clients-total">'+v.count+'</span>'+(v.open?'<span class="stats-clients-open-badge">'+v.open+' откр.</span>':'')+'</div></div>'; }).join('')}
|
||||
</div>
|
||||
${!clientsExpanded&&hidden>0?`<div style="text-align:center;margin-top:10px;font-size:12px;color:var(--text3);">+ ещё ${hidden} — <span style="color:var(--accent);cursor:pointer;" onclick="clientsExpanded=true;document.getElementById('clients-expand-btn').textContent='▲ Свернуть';renderClientsList()">показать все</span></div>`:''}`;
|
||||
}
|
||||
|
|
@ -640,3 +654,59 @@ function hideLineTip(){const t=document.getElementById('line-tooltip');if(t)t.st
|
|||
|
||||
function openTaskById(id){const i=allData.findIndex(x=>x.task.id===id);if(i!==-1){closeStatsPage();setTimeout(()=>openDetail(i),100);}}
|
||||
function onDataLoaded(){if(statsPageOpen)renderStatsPage();}
|
||||
|
||||
function goToClientTasks(clientName) {
|
||||
const filterVal = (clientName === 'Неизвестно') ? '__UNKNOWN__' : clientName;
|
||||
closeStatsPage();
|
||||
refreshAdvancedFilters();
|
||||
const sel = document.getElementById('filter-object-select');
|
||||
if (sel) {
|
||||
[...sel.options].forEach(opt => { opt.selected = String(opt.value) === filterVal; });
|
||||
updateAdvancedFilterLabel('filter-object-select');
|
||||
buildAdvancedFilterPanel('filter-object-select');
|
||||
}
|
||||
renderTable();
|
||||
}
|
||||
|
||||
function fmtAgo(ms) {
|
||||
const s = Math.round(ms / 1000);
|
||||
if (s < 60) return `${s} сек назад`;
|
||||
const m = Math.round(s / 60);
|
||||
if (m < 60) return `${m} мин назад`;
|
||||
const h = Math.round(m / 60);
|
||||
if (h < 24) return `${h} ч назад`;
|
||||
const d = Math.round(h / 24);
|
||||
if (d < 30) return `${d} дн назад`;
|
||||
const mo = Math.round(d / 30);
|
||||
if (mo < 12) return `${mo} мес назад`;
|
||||
return `${Math.round(mo / 12)} г назад`;
|
||||
}
|
||||
|
||||
function renderClientLastTicketCard() {
|
||||
const wrap = document.getElementById('stats-client-last-ticket-wrap');
|
||||
if (!wrap) return;
|
||||
const now = Date.now();
|
||||
const cMap = {};
|
||||
allData.forEach(({task: t}) => {
|
||||
const name = t._clientname || t.clientname || 'Неизвестно';
|
||||
const cr = t.createdat ? new Date(t.createdat).getTime() : 0;
|
||||
const upd = t.updatedat ? new Date(t.updatedat).getTime() : 0;
|
||||
if (!cMap[name]) cMap[name] = { created: 0, updated: 0 };
|
||||
if (cr > cMap[name].created) cMap[name].created = cr;
|
||||
if (upd > cMap[name].updated) cMap[name].updated = upd;
|
||||
});
|
||||
const field = clientLastTicketMode;
|
||||
const entries = Object.entries(cMap)
|
||||
.filter(([, v]) => v[field] > 0)
|
||||
.sort((a, b) => b[1][field] - a[1][field]);
|
||||
if (!entries.length) { wrap.innerHTML = '<div class="stats-empty">Нет данных</div>'; return; }
|
||||
const maxAge = now - entries[entries.length - 1][1][field];
|
||||
wrap.innerHTML = `<div class="stats-bar-chart" style="max-height:340px;overflow-y:auto;">${entries.map(([name, v]) => {
|
||||
const ts = v[field];
|
||||
const age = now - ts;
|
||||
const pct = maxAge > 0 ? Math.max((1 - age / maxAge) * 100, 2) : 100;
|
||||
const color = age < 86400000 ? '#0d9488' : age < 7 * 86400000 ? 'var(--accent)' : age < 30 * 86400000 ? '#d97706' : 'var(--red)';
|
||||
const dateStr = new Date(ts).toLocaleDateString('ru-RU', { day: 'numeric', month: 'short', year: 'numeric' });
|
||||
return `<div class="stats-bar-row" style="cursor:pointer;" onclick="goToClientTasks('${escHtml(name).replace(/'/g,"\\'")}')"><div class="stats-bar-label" title="${escHtml(name)}">${escHtml(name)}</div><div class="stats-bar-track"><div class="stats-bar-fill" style="width:${pct}%;background:${color};"></div></div><div class="stats-bar-count" style="min-width:90px;font-size:10px;color:var(--text2);">${fmtAgo(age)}</div><div class="stats-bar-pct" style="min-width:80px;font-size:10px;color:var(--text3);">${dateStr}</div></div>`;
|
||||
}).join('')}</div>`;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -256,6 +256,7 @@ function refreshAdvancedFilters(){
|
|||
}
|
||||
const objectName=String(task._clientname||task.clientname||task.organization||'').trim();
|
||||
if(objectName) objectMap.set(objectName, objectName);
|
||||
else objectMap.set('__UNKNOWN__', 'Неизвестно');
|
||||
const intraId=String(task.statusid||task.status||'').trim();
|
||||
const intraName=String(task._statusname||task.statusname||intraId).trim();
|
||||
if(intraId) intraMap.set(intraId, intraName||intraId);
|
||||
|
|
@ -593,7 +594,11 @@ function renderTable(keepPage){
|
|||
if(selectedExecutors.size&& !selectedExecutors.has(String(item.task.executor||''))) return false;
|
||||
if(selectedObjects.size){
|
||||
const objectName=String(item.task._clientname||item.task.clientname||item.task.organization||'').trim();
|
||||
if(!objectName || !selectedObjects.has(objectName)) return false;
|
||||
if(!objectName){
|
||||
if(!selectedObjects.has('__UNKNOWN__')) return false;
|
||||
} else {
|
||||
if(!selectedObjects.has(objectName)) return false;
|
||||
}
|
||||
}
|
||||
if(selectedIntra.size){
|
||||
const intraId=String(item.task.statusid||item.task.status||'').trim();
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue