67 lines
3.0 KiB
JavaScript
67 lines
3.0 KiB
JavaScript
let currentSort = 'total_income';
|
|
|
|
function switchSort(el) {
|
|
document.querySelectorAll('.sort-btn').forEach(b => b.classList.remove('active'));
|
|
el.classList.add('active');
|
|
currentSort = el.dataset.sort;
|
|
}
|
|
|
|
async function loadRankingDetail() {
|
|
const startDate = document.getElementById('rankStartDate').value;
|
|
const endDate = document.getElementById('rankEndDate').value;
|
|
let url = API + '/api/stats/boss-ranking?sortBy=' + currentSort;
|
|
if (startDate) url += '&startDate=' + startDate;
|
|
if (endDate) {
|
|
const d = new Date(endDate);
|
|
d.setDate(d.getDate() + 1);
|
|
url += '&endDate=' + formatLocalDate(d);
|
|
}
|
|
try {
|
|
const res = await apiFetch(url);
|
|
if (!res.ok) return;
|
|
const rows = await res.json();
|
|
const container = document.getElementById('rankingDetailList');
|
|
if (rows.length === 0) {
|
|
container.innerHTML = '<div class="ranking-empty">暂无数据</div>';
|
|
return;
|
|
}
|
|
if (currentSort === 'dispatch_count') {
|
|
const max = Math.max(...rows.map(r => r.dispatch_count), 1);
|
|
container.innerHTML = rows.map((r, i) => {
|
|
const pct = Math.max((r.dispatch_count / max) * 100, 2);
|
|
const boss = escapeHtml(r.boss);
|
|
return `<div class="hbar-row" onclick="openBossDetail(${jsString(r.boss)}, 'rankingPage')">
|
|
<div class="hbar-index ${i < 3 ? 'top' : ''}">${i + 1}</div>
|
|
<div class="hbar-label" title="${escapeAttr(r.boss)}">${boss}</div>
|
|
<div class="hbar-track"><div class="hbar-fill" style="width:${pct}%"></div></div>
|
|
<div class="hbar-value">${r.dispatch_count}单</div>
|
|
</div>`;
|
|
}).join('');
|
|
} else if (currentSort === 'take_count') {
|
|
const max = Math.max(...rows.map(r => r.take_count), 1);
|
|
container.innerHTML = rows.map((r, i) => {
|
|
const pct = Math.max((r.take_count / max) * 100, 2);
|
|
const boss = escapeHtml(r.boss);
|
|
return `<div class="hbar-row" onclick="openBossDetail(${jsString(r.boss)}, 'rankingPage')">
|
|
<div class="hbar-index ${i < 3 ? 'top' : ''}">${i + 1}</div>
|
|
<div class="hbar-label" title="${escapeAttr(r.boss)}">${boss}</div>
|
|
<div class="hbar-track"><div class="hbar-fill" style="width:${pct}%"></div></div>
|
|
<div class="hbar-value">${r.take_count}单</div>
|
|
</div>`;
|
|
}).join('');
|
|
} else {
|
|
const max = Math.max(...rows.map(r => r.total_income), 1);
|
|
container.innerHTML = rows.map((r, i) => {
|
|
const pct = Math.max((r.total_income / max) * 100, 2);
|
|
const boss = escapeHtml(r.boss);
|
|
return `<div class="hbar-row" onclick="openBossDetail(${jsString(r.boss)}, 'rankingPage')">
|
|
<div class="hbar-index ${i < 3 ? 'top' : ''}">${i + 1}</div>
|
|
<div class="hbar-label" title="${escapeAttr(r.boss)}">${boss}</div>
|
|
<div class="hbar-track"><div class="hbar-fill" style="width:${pct}%"></div></div>
|
|
<div class="hbar-value">${r.total_income.toFixed(2)}</div>
|
|
</div>`;
|
|
}).join('');
|
|
}
|
|
} catch (e) { console.error(e); }
|
|
}
|