mirror of
https://github.com/wasrusgen/zov-tech.git
synced 2026-06-03 15:04:50 +00:00
21fd0ff3e5
Frontend:
- assembler_dashboard.js — personal earnings screen for assemblers (#/master/dashboard)
- contracts.js — Act №3 preview + edit + SignRequest ПЭП (#/assembly/:id/contract)
- assembly_detail.js — add "📄 Акт сдачи-приёмки" button
- app.js — routes for #/master/dashboard and #/assembly/:id/contract
Backend:
- main.py — /api/assembler_earnings (fuzzy name match vs Excel)
- main.py — /api/contract_preview, /api/contract_save (Contracts sheet)
- main.py — _ensure_contracts_sheet(), _name_match_score()
- assembler_parser.py — fix tuple index out of range on short rows (2021 sheet)
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
226 lines
10 KiB
JavaScript
226 lines
10 KiB
JavaScript
/* ============================================================
|
||
AssemblerDashboard — личная аналитика сборщика
|
||
#/master/dashboard
|
||
============================================================ */
|
||
|
||
const AssemblerDashboard = (function () {
|
||
"use strict";
|
||
|
||
function escHtml(s) {
|
||
return String(s == null ? "" : s)
|
||
.replace(/&/g, "&").replace(/</g, "<")
|
||
.replace(/>/g, ">").replace(/"/g, """);
|
||
}
|
||
function el(html) {
|
||
const t = document.createElement("template");
|
||
t.innerHTML = html.trim();
|
||
return t.content.firstChild;
|
||
}
|
||
function fmtMoney(n) {
|
||
return Math.round(n || 0).toLocaleString("ru-RU") + " ₽";
|
||
}
|
||
function fmtMonth(ym) {
|
||
try {
|
||
const d = new Date(ym + "-01");
|
||
return d.toLocaleDateString("ru-RU", { month: "long", year: "numeric" });
|
||
} catch { return ym; }
|
||
}
|
||
|
||
async function _api(path, body = {}) {
|
||
const ctrl = new AbortController();
|
||
const t = setTimeout(() => ctrl.abort(), 30000);
|
||
try {
|
||
const res = await fetch(`${BACKEND_URL}/api/${path}`, {
|
||
method: "POST", signal: ctrl.signal,
|
||
headers: { "Content-Type": "application/json" },
|
||
body: JSON.stringify({
|
||
initData: (typeof Platform !== "undefined" ? Platform.initData : (window.tg?.initData || "")),
|
||
initDataUnsafe: (typeof Platform !== "undefined" ? Platform.initDataUnsafe : null),
|
||
...body,
|
||
}),
|
||
});
|
||
if (!res.ok) throw new Error(`HTTP ${res.status}`);
|
||
return await res.json();
|
||
} catch (e) {
|
||
if (e.name === "AbortError") throw new Error("Таймаут — попробуй ещё раз");
|
||
throw e;
|
||
} finally { clearTimeout(t); }
|
||
}
|
||
|
||
/* ── Главный экран ─────────────────────────────────────────── */
|
||
async function mount(container) {
|
||
container.innerHTML = "";
|
||
document.body.classList.remove("has-bottom-nav");
|
||
document.getElementById("bottom-nav")?.remove();
|
||
|
||
const h = el(`
|
||
<header class="podbor-header">
|
||
<button class="podbor-back" aria-label="Назад">${(window.ICONS || {}).arrow_left || "‹"}</button>
|
||
<div class="podbor-title">Мои заработки</div>
|
||
<button id="reloadBtn" style="background:none;border:none;font-size:18px;cursor:pointer;padding:4px 8px;" title="Обновить">↻</button>
|
||
</header>
|
||
`);
|
||
h.querySelector(".podbor-back").addEventListener("click", () => {
|
||
haptic && haptic("impact");
|
||
history.back();
|
||
});
|
||
|
||
const yearEl = el(`
|
||
<div style="padding:0 16px 8px;display:flex;align-items:center;gap:10px;">
|
||
<label style="font-size:12px;color:var(--muted);">Год:</label>
|
||
<select id="yearSelect" style="padding:5px 10px;border:1px solid var(--border);border-radius:8px;
|
||
background:var(--surface);color:var(--ink);font-size:13px;">
|
||
<option value="2026" selected>2026</option>
|
||
<option value="2025">2025</option>
|
||
<option value="2024">2024</option>
|
||
<option value="">Все</option>
|
||
</select>
|
||
</div>
|
||
`);
|
||
|
||
const screen = el(`<div class="podbor-screen"></div>`);
|
||
container.appendChild(h);
|
||
container.appendChild(yearEl);
|
||
container.appendChild(screen);
|
||
|
||
const load = async (year) => {
|
||
screen.innerHTML = `<div class="loader-inline"><div class="spinner"></div><div style="margin-top:8px;font-size:12px;color:var(--muted);">Загружаем данные…</div></div>`;
|
||
try {
|
||
const data = await _api("assembler_earnings", { year });
|
||
if (data.error) {
|
||
screen.innerHTML = `<div class="error" style="margin:16px;">${escHtml(data.error === "no_name" ? "Имя не задано в профиле. Обратитесь к менеджеру." : data.error)}</div>`;
|
||
return;
|
||
}
|
||
_render(screen, data);
|
||
} catch (e) {
|
||
screen.innerHTML = `<div class="error" style="margin:16px;">Ошибка: ${escHtml(e.message)}</div>`;
|
||
}
|
||
};
|
||
|
||
yearEl.querySelector("#yearSelect").addEventListener("change", function () {
|
||
load(this.value);
|
||
});
|
||
h.querySelector("#reloadBtn").addEventListener("click", () => {
|
||
haptic && haptic("impact");
|
||
load(yearEl.querySelector("#yearSelect").value);
|
||
});
|
||
|
||
load("2026");
|
||
}
|
||
|
||
/* ── Рендер ─────────────────────────────────────────────────── */
|
||
function _render(screen, data) {
|
||
screen.innerHTML = "";
|
||
|
||
// Имя не нашли
|
||
if (!data.matched_name) {
|
||
screen.appendChild(el(`
|
||
<div style="text-align:center;padding:40px 16px;color:var(--muted);">
|
||
<div style="font-size:32px;margin-bottom:12px;">🔍</div>
|
||
<div style="font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px;">Данные не найдены</div>
|
||
<div style="font-size:13px;">${escHtml(data.message || "Ваше имя не найдено в таблице занятости")}</div>
|
||
<div style="font-size:11px;margin-top:12px;color:var(--muted);">Имя в профиле: ${escHtml(data.full_name || "—")}</div>
|
||
</div>
|
||
`));
|
||
return;
|
||
}
|
||
|
||
const months = data.months || {};
|
||
const monthKeys = Object.keys(months).sort().reverse();
|
||
|
||
// Текущий и прошлый месяц
|
||
const now = new Date();
|
||
const curYM = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, "0")}`;
|
||
const prevDate = new Date(now.getFullYear(), now.getMonth() - 1, 1);
|
||
const prevYM = `${prevDate.getFullYear()}-${String(prevDate.getMonth() + 1).padStart(2, "0")}`;
|
||
|
||
const curMonth = months[curYM] || null;
|
||
const prevMonth = months[prevYM] || null;
|
||
|
||
// === Hero-карточка ===
|
||
const heroCard = el(`
|
||
<div style="margin:0 16px 16px;padding:20px;background:var(--accent);border-radius:16px;color:#fff;">
|
||
<div style="font-size:11px;opacity:0.75;margin-bottom:4px;">Всего за период</div>
|
||
<div style="font-size:28px;font-weight:800;">${escHtml(fmtMoney(data.total_amount))}</div>
|
||
<div style="font-size:12px;opacity:0.75;margin-top:4px;">${escHtml(String(data.total_orders))} заказов</div>
|
||
${data.match_score < 2 ? `<div style="font-size:10px;opacity:0.6;margin-top:8px;">⚠ Неточное совпадение: «${escHtml(data.matched_name)}»</div>` : ""}
|
||
</div>
|
||
`);
|
||
screen.appendChild(heroCard);
|
||
|
||
// === Мини-карточки текущий / прошлый месяц ===
|
||
if (curMonth || prevMonth) {
|
||
const row = el(`<div style="display:flex;gap:10px;margin:0 16px 16px;"></div>`);
|
||
const _miniCard = (label, m) => {
|
||
if (!m) return el(`<div style="flex:1;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;opacity:0.4;">
|
||
<div style="font-size:10px;color:var(--muted);">${escHtml(label)}</div>
|
||
<div style="font-size:15px;font-weight:700;margin-top:4px;">—</div>
|
||
</div>`);
|
||
return el(`<div style="flex:1;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;">
|
||
<div style="font-size:10px;color:var(--muted);">${escHtml(label)}</div>
|
||
<div style="font-size:15px;font-weight:700;color:var(--accent);margin-top:4px;">${escHtml(fmtMoney(m.total_amount))}</div>
|
||
<div style="font-size:10px;color:var(--muted);margin-top:2px;">${escHtml(String(m.orders))} заказов</div>
|
||
</div>`);
|
||
};
|
||
row.appendChild(_miniCard("Текущий месяц", curMonth));
|
||
row.appendChild(_miniCard("Прошлый месяц", prevMonth));
|
||
screen.appendChild(row);
|
||
}
|
||
|
||
// === Таблица по месяцам ===
|
||
if (monthKeys.length) {
|
||
screen.appendChild(el(`<div class="section-head"><span class="label">📅 По месяцам</span></div>`));
|
||
|
||
const maxAmt = Math.max(...monthKeys.map(k => months[k].total_amount)) || 1;
|
||
|
||
monthKeys.forEach(ym => {
|
||
const m = months[ym];
|
||
const pct = Math.round((m.total_amount / maxAmt) * 100);
|
||
const avgPer = m.orders ? Math.round(m.total_amount / m.orders) : 0;
|
||
const isCurrentMonth = ym === curYM;
|
||
|
||
const card = el(`
|
||
<div style="margin:4px 16px;padding:12px 14px;background:var(--surface);
|
||
border:1px solid ${isCurrentMonth ? "var(--accent)" : "var(--border)"};border-radius:12px;
|
||
${isCurrentMonth ? "box-shadow:0 0 0 1px var(--accent)20;" : ""}">
|
||
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;">
|
||
<div>
|
||
<span style="font-size:13px;font-weight:600;color:var(--ink);">${escHtml(fmtMonth(ym))}</span>
|
||
${isCurrentMonth ? `<span style="font-size:10px;background:var(--accent);color:#fff;padding:1px 6px;border-radius:10px;margin-left:6px;">сейчас</span>` : ""}
|
||
</div>
|
||
<div style="text-align:right;">
|
||
<div style="font-size:15px;font-weight:700;color:var(--accent);">${escHtml(fmtMoney(m.total_amount))}</div>
|
||
<div style="font-size:10px;color:var(--muted);">${escHtml(String(m.orders))} зак. · ср. ${escHtml(fmtMoney(avgPer))}</div>
|
||
</div>
|
||
</div>
|
||
<div style="height:3px;background:var(--border);border-radius:2px;">
|
||
<div style="height:3px;background:var(--accent);border-radius:2px;width:${pct}%;"></div>
|
||
</div>
|
||
</div>
|
||
`);
|
||
screen.appendChild(card);
|
||
});
|
||
} else {
|
||
screen.appendChild(el(`
|
||
<div style="text-align:center;padding:40px 16px;color:var(--muted);">
|
||
Нет данных за выбранный период.<br>
|
||
<span style="font-size:12px;">Попробуй выбрать другой год.</span>
|
||
</div>
|
||
`));
|
||
}
|
||
|
||
// Footer
|
||
if (data.parsed_at) {
|
||
const parsedAt = new Date(data.parsed_at).toLocaleString("ru-RU");
|
||
screen.appendChild(el(`
|
||
<div style="margin:12px 16px 4px;font-size:11px;color:var(--muted);text-align:center;">
|
||
Данные обновлены: ${escHtml(parsedAt)}
|
||
</div>
|
||
`));
|
||
}
|
||
screen.appendChild(el(`<div style="height:32px;"></div>`));
|
||
}
|
||
|
||
return { mount };
|
||
})();
|