gamer/public/js/app.js

const API = '';
let token = localStorage.getItem('token');
let username = localStorage.getItem('username');
let currentType = 'income';
let currentCategory = '接单';
let currentYear = new Date().getFullYear();
let currentMonth = new Date().getMonth() + 1;
let currentNav = 'stats';

function headers() {
  return { 'Content-Type': 'application/json', 'Authorization': 'Bearer ' + token };
}

function formatLocalTime(isoStr) {
  if (!isoStr) return '';
  const d = new Date(isoStr);
  const h = String(d.getHours()).padStart(2, '0');
  const m = String(d.getMinutes()).padStart(2, '0');
  return h + ':' + m;
}

function formatLocalDate(input) {
  if (!input) return '未知日期';
  const d = input instanceof Date ? input : new Date(input);
  const y = d.getFullYear();
  const m = String(d.getMonth() + 1).padStart(2, '0');
  const day = String(d.getDate()).padStart(2, '0');
  return y + '-' + m + '-' + day;
}

async function loadTotalStats() {
  try {
    const res = await fetch(API + '/api/stats/total', { headers: headers() });
    if (!res.ok) return;
    const s = await res.json();
    document.getElementById('totalTakeCount').textContent = s.take_count;
    document.getElementById('totalDispatchCount').textContent = s.dispatch_count;
    document.getElementById('totalNetIncome').textContent = '' + s.net_income.toFixed(2);
  } catch (e) { console.error(e); }
}

function renderHorizontalChart(containerId, rows, clickHandler, fromPage) {
  const container = document.getElementById(containerId);
  if (rows.length === 0) {
    container.innerHTML = '<div class="ranking-empty">暂无数据</div>';
    return;
  }
  const max = Math.max(...rows.map(r => r.count), 1);
  container.innerHTML = rows.map((r, i) => {
    const pct = Math.max((r.count / max) * 100, 2);
    const onclick = clickHandler ? ` onclick="${clickHandler}('${r.name.replace(/'/g, "\\'")}', '${fromPage}')"` : '';
    return `<div class="hbar-row"${onclick}>
      <div class="hbar-index ${i < 3 ? 'top' : ''}">${i + 1}</div>
      <div class="hbar-label" title="${r.name}">${r.name}</div>
      <div class="hbar-track"><div class="hbar-fill" style="width:${pct}%"></div></div>
      <div class="hbar-value">${r.count}单</div>
    </div>`;
  }).join('');
}

async function openTakeRanking() {
  showPage('takeRankingPage');
  try {
    const res = await fetch(API + '/api/stats/take-ranking', { headers: headers() });
    if (!res.ok) return;
    const data = await res.json();
    console.log('take-ranking data:', data);
    const rows = data.rows || [];

    // 显示统计卡片
    const summaryContainer = document.getElementById('takeRankingSummary');
    summaryContainer.innerHTML = `
      <div class="item">
        <div class="label">接单总数</div>
        <div class="val">${data.total_take_count || 0}</div>
      </div>
      <div class="item">
        <div class="label">接单总收入</div>
        <div class="val green">${(data.total_take_income || 0).toFixed(2)}</div>
      </div>
      <div class="item">
        <div class="label">红包收入</div>
        <div class="val purple">${(data.total_redEnvelope_income || 0).toFixed(2)}</div>
      </div>
    `;

    renderHorizontalChart('takeRankingChart', rows, 'openBossDetail', 'takeRankingPage');
  } catch (e) { console.error(e); }
}

async function openDispatchRanking() {
  showPage('dispatchRankingPage');
  try {
    const res = await fetch(API + '/api/stats/dispatch-ranking', { headers: headers() });
    if (!res.ok) return;
    const data = await res.json();
    const rows = data.rows || [];

    // 计算总计
    const totalDispatch = data.total_dispatch_count !== undefined ? data.total_dispatch_count : (rows.reduce((sum, r) => sum + (r.dispatch_count || 0), 0));
    const totalPartnerIncome = rows.reduce((sum, r) => sum + (r.partner_income || 0), 0);
    const totalRebateIncome = rows.reduce((sum, r) => sum + (r.rebate_income || 0), 0);
    const totalMilkTeaIncome = data.total_milkTea_income || 0;

    // 显示4个卡片
    const summaryContainer = document.getElementById('dispatchRankingSummary');
    summaryContainer.innerHTML = `
      <div class="item">
        <div class="label">派单总数</div>
        <div class="val">${totalDispatch}</div>
      </div>
      <div class="item">
        <div class="label">陪玩总收入</div>
        <div class="val green">${totalPartnerIncome.toFixed(2)}</div>
      </div>
      <div class="item">
        <div class="label">返点总收入</div>
        <div class="val orange">${totalRebateIncome.toFixed(2)}</div>
      </div>
      <div class="item">
        <div class="label">奶茶收入</div>
        <div class="val purple">${totalMilkTeaIncome.toFixed(2)}</div>
      </div>
    `;

    // 显示排行列表
    const max = Math.max(...rows.map(r => r.dispatch_count || 0), 1);
    const container = document.getElementById('dispatchRankingChart');
    container.innerHTML = rows.map((r, i) => {
      const pct = Math.max(((r.dispatch_count || 0) / max) * 100, 2);
      return `<div class="hbar-row" onclick="openPartnerDetail('${r.name.replace(/'/g, "\\'")}', 'dispatchRankingPage')">
        <div class="hbar-index ${i < 3 ? 'top' : ''}">${i + 1}</div>
        <div class="hbar-label" title="${r.name}">${r.name}</div>
        <div class="hbar-track"><div class="hbar-fill" style="width:${pct}%"></div></div>
        <div class="hbar-value">${r.dispatch_count}单</div>
      </div>`;
    }).join('');
  } catch (e) { console.error(e); }
}

function showToast(msg) {
  const t = document.getElementById('toast');
  t.textContent = msg;
  t.classList.add('show');
  setTimeout(() => t.classList.remove('show'), 2000);
}

function showPage(pageId) {
  document.querySelectorAll('.page').forEach(p => p.classList.remove('active'));
  document.getElementById(pageId).classList.add('active');
  window.scrollTo(0, 0);
  if (pageId === 'homePage') {
    updateMonthDisplay();
    loadStats();
    document.getElementById('profileName').textContent = username;
    document.getElementById('avatarText').textContent = username.charAt(0).toUpperCase();
    switchNav(currentNav);
  }
  if (pageId === 'recordPage') {
    currentType = 'income';
    currentCategory = '接单';
    document.querySelectorAll('.type-btn').forEach((b, i) => b.classList.toggle('active', i === 0));
    document.getElementById('incomeCats').style.display = 'grid';
    document.getElementById('expenseCats').style.display = 'none';
    selectCategory(document.querySelector('#incomeCats .category-item'), '接单');
  }
  if (pageId === 'rankingPage') {
    const startDate = `${currentYear}-${String(currentMonth).padStart(2, '0')}-01`;
    const now = new Date();
    const endDay = (currentYear === now.getFullYear() && currentMonth === now.getMonth() + 1) ? formatLocalDate(now) : `${currentYear}-${String(currentMonth).padStart(2, '0')}-28`;
    document.getElementById('rankStartDate').value = startDate;
    document.getElementById('rankEndDate').value = endDay;
    currentSort = 'total_income';
    document.querySelectorAll('.sort-btn').forEach((b, i) => b.classList.toggle('active', i === 0));
    loadRankingDetail();
  }
  if (pageId === 'orderListPage') {
    document.getElementById('orderListTitle').textContent = `${currentYear}年${currentMonth}月接单列表`;
    orderPage = 1; orderHasMore = true;
    document.getElementById('orderList').innerHTML = '';
    loadOrders();
  }
  if (pageId === 'otherIncomeListPage') {
    document.getElementById('otherIncomeListTitle').textContent = `${currentYear}年${currentMonth}月红包及其他收入`;
    otherIncomePage = 1; otherIncomeHasMore = true;
    document.getElementById('otherIncomeList').innerHTML = '';
    loadOtherIncome();
  }
  if (pageId === 'dispatchListPage') {
    document.getElementById('dispatchListTitle').textContent = `${currentYear}年${currentMonth}月派单列表`;
    dispatchPage = 1; dispatchHasMore = true;
    document.getElementById('dispatchList').innerHTML = '';
    loadDispatches();
  }
  if (pageId === 'redEnvelopeListPage') {
    redEnvelopePage = 1; redEnvelopeHasMore = true;
    document.getElementById('redEnvelopeList').innerHTML = '';
    loadRedEnvelope();
  }
  if (pageId === 'milkTeaListPage') {
    milkTeaPage = 1; milkTeaHasMore = true;
    document.getElementById('milkTeaList').innerHTML = '';
    loadMilkTea();
  }
}

function switchNav(nav) {
  currentNav = nav;
  document.querySelectorAll('.tab-panel').forEach(p => p.classList.remove('active'));
  document.getElementById('navStats').classList.toggle('active', nav === 'stats');
  document.getElementById('navMine').classList.toggle('active', nav === 'mine');
  if (nav === 'stats') {
    document.getElementById('statsPanel').classList.add('active');
  } else {
    document.getElementById('minePanel').classList.add('active');
    loadTotalStats();
  }
}

function updateMonthDisplay() {
  document.getElementById('monthDisplay').textContent = `${currentYear}年${currentMonth}月`;
}

// 头像连续点击5次显示隐藏按钮
let avatarTapCount = 0;
let avatarTapTimer = null;
function onAvatarTap() {
  avatarTapCount++;
  clearTimeout(avatarTapTimer);
  avatarTapTimer = setTimeout(() => { avatarTapCount = 0; }, 1500);
  if (avatarTapCount >= 5) {
    avatarTapCount = 0;
    const el = document.getElementById('secretBtns');
    const visible = el.style.display !== 'none';
    el.style.display = visible ? 'none' : 'block';
    showToast(visible ? '已隐藏' : '已解锁');
  }
}

// 下拉刷新
(function() {
  let startY = 0, pulling = false, triggered = false;
  const threshold = 60;

  function getPanel() { return document.getElementById('statsPanel'); }
  function getIndicator() { return document.getElementById('pullIndicator'); }

  document.addEventListener('touchstart', function(e) {
    const panel = getPanel();
    if (!panel || !panel.classList.contains('active')) return;
    if (currentNav !== 'stats') return;
    if (window.scrollY > 0) return;
    startY = e.touches[0].clientY;
    pulling = true;
    triggered = false;
  }, { passive: true });

  document.addEventListener('touchmove', function(e) {
    if (!pulling) return;
    const panel = getPanel();
    if (!panel || !panel.classList.contains('active')) { pulling = false; return; }
    if (window.scrollY > 0) { pulling = false; return; }
    const dy = e.touches[0].clientY - startY;
    if (dy < 0) return;
    const indicator = getIndicator();
    const arrow = document.getElementById('pullArrow');
    const text = document.getElementById('pullText');
    if (dy > 10) {
      indicator.classList.add('visible');
      if (dy >= threshold) {
        arrow.classList.add('flipped');
        text.textContent = '松手刷新';
        triggered = true;
      } else {
        arrow.classList.remove('flipped');
        text.textContent = '下拉刷新';
        triggered = false;
      }
    }
  }, { passive: true });

  document.addEventListener('touchend', function() {
    if (!pulling) return;
    pulling = false;
    const indicator = getIndicator();
    const arrow = document.getElementById('pullArrow');
    const text = document.getElementById('pullText');
    if (triggered) {
      text.textContent = '刷新中...';
      arrow.classList.remove('flipped');
      indicator.classList.add('refreshing');
      loadStats().then(() => {
        setTimeout(() => {
          indicator.classList.remove('visible', 'refreshing');
          showToast('已刷新');
        }, 500);
      });
    } else {
      indicator.classList.remove('visible');
    }
  }, { passive: true });
})();

document.addEventListener('DOMContentLoaded', function() {
  if (token && username) {
    showPage('homePage');
  }
  renderForm();
});