809 lines
46 KiB
JavaScript
809 lines
46 KiB
JavaScript
/* ===== Сверка документов при назначении руководителей =====
|
||
Статичный прототип: данные демонстрационные, состояние в localStorage. */
|
||
"use strict";
|
||
|
||
var LS = "svd-nazn-v1";
|
||
|
||
/* ---------- Демо-данные (нейтральные примеры) ---------- */
|
||
var VIOL = [
|
||
{ id: 1, type: "norm", doc: "Анкета кандидата", item: "Раздел 2 «Опыт работы»", desc: "Общий стаж — 7 лет 4 месяца, требуется минимум 8 лет", norm: "Закон об АО, ст. 45", normId: 1 },
|
||
{ id: 2, type: "norm", doc: "Должностная инструкция", item: "Пункт 4.1", desc: "Требование «высшее образование» не соответствует профилю позиции", norm: "Положение о кадровом делопроизводстве, п. 12.4", normId: 2 },
|
||
{ id: 3, type: "norm", doc: "Анкета кандидата", item: "Раздел 3 «Образование»", desc: "Удостоверение об образовании не приложено", norm: "Положение о кадровом делопроизводстве, п. 7.2", normId: 3 },
|
||
{ id: 4, type: "norm", doc: "Пояснительная записка", item: "Пункт 3", desc: "Период работы по предыдущему месту не подтверждён справкой", norm: "ТК РК, ст. 68", normId: 4 },
|
||
{ id: 5, type: "contra", doc: "Пояснительная записка / Анкета", item: "Пункт 2 / Раздел 3", desc: "Указаны разные даты окончания предыдущей должности", norm: "—", normId: 5 },
|
||
{ id: 6, type: "norm", doc: "Анкета кандидата", item: "Раздел 1 «Личные сведения»", desc: "Отсутствие сведений о судимости (заполнено «нет данных»)", norm: "ТК РК, ст. 68, п. 2", normId: 6 },
|
||
{ id: 7, type: "norm", doc: "Должностная инструкция", item: "Приложение 1", desc: "Квалификационный разряд ниже требований к должности", norm: "Должностной регламент фонда, п. 5.1", normId: 7 },
|
||
{ id: 8, type: "norm", doc: "Пояснительная записка", item: "Пункт 4", desc: "Указанный руководитель не подтверждён штатным расписанием", norm: "Должностной регламент фонда, п. 9.3", normId: 8 },
|
||
{ id: 9, type: "contra", doc: "Анкета кандидата / ПЗ", item: "Раздел 2 / Пункт 3", desc: "Различаются периоды работы в одной организации", norm: "—", normId: 9 },
|
||
{ id: 10, type: "norm", doc: "Анкета кандидата", item: "Раздел 2 «Опыт работы»", desc: "Не подтверждён стаж работы по смежной специальности", norm: "Закон об АО, ст. 45", normId: 10 },
|
||
{ id: 11, type: "contra", doc: "Пояснительная записка / ДИ", item: "Пункт 2 / Пункт 4.2", desc: "Совокупная нагрузка по должности указана расхождением", norm: "—", normId: 11 },
|
||
{ id: 12, type: "norm", doc: "Пояснительная записка", item: "Пункт 5", desc: "Отсутствует ссылка на приказ о назначении", norm: "Должностной регламент фонда, п. 3.7", normId: 12 }
|
||
];
|
||
|
||
var NORMATIVES = [
|
||
{ id: 1, r: "Закон об АО", p: "ст. 45" },
|
||
{ id: 2, r: "Положение о кадровом делопроизводстве", p: "п. 12.4" },
|
||
{ id: 3, r: "Положение о кадровом делопроизводстве", p: "п. 7.2" },
|
||
{ id: 4, r: "ТК РК", p: "ст. 68" },
|
||
{ id: 5, r: "Закон об АО", p: "ст. 46" },
|
||
{ id: 6, r: "Должностной регламент фонда", p: "п. 5.1" },
|
||
{ id: 7, r: "Должностной регламент фонда", p: "п. 9.3" },
|
||
{ id: 8, r: "Должностной регламент фонда", p: "п. 3.7" }
|
||
];
|
||
|
||
var FILES_INIT = [
|
||
{ name: "Должностная инструкция.pdf", type: "ДИ", status: "done" },
|
||
{ name: "Пояснительная записка.docx", type: "ПЗ", status: "done" },
|
||
{ name: "Анкета кандидата.pdf", type: "Анкета", status: "pending"}
|
||
];
|
||
|
||
var CANDS = [
|
||
{ id: 1, name: "Ахметов Ерлан Сергеевич", post: "Руководитель отдела", stage: "approved", sent: null },
|
||
{ id: 2, name: "Бекмембетова Динара Талгат", post: "Начальник управления", stage: "approved", sent: null },
|
||
{ id: 3, name: "Сапаров Ибрагим Нурлан", post: "Заместитель директора", stage: "sent", sent: "21.09.2026, 13:05" },
|
||
{ id: 4, name: "Мырзагалиев Айдос Керек", post: "Руководитель направления", stage: "draft", sent: null },
|
||
{ id: 5, name: "Оралова Гульнара Бакыт", post: "Начальник сектора", stage: "ready", sent: null },
|
||
{ id: 6, name: "Токтаров Марат Алиши", post: "Директор подразделения", stage: "uploaded", sent: null },
|
||
{ id: 7, name: "Утебаева Алия Дильдари", post: "Заместитель руководителя", stage: "uploaded", sent: null },
|
||
{ id: 8, name: "Жумабаев Нурлан Серик", post: "Руководитель службы", stage: "uploaded", sent: null }
|
||
];
|
||
|
||
var STEPS = [
|
||
{ label: "Загрузка пакета" },
|
||
{ label: "Анализ ИИ" },
|
||
{ label: "Заключение" },
|
||
{ label: "Согласование" }
|
||
];
|
||
|
||
var SCREENS = {
|
||
load: { title: "Загрузка пакета документов", sub: "Пакет кандидата · экспертиза заключения" },
|
||
analysis: { title: "Анализ ИИ", sub: "Сверка с нормативами · поиск противоречий" },
|
||
concl: { title: "Заключение", sub: "Проект заключения эксперта" },
|
||
approve: { title: "Согласование", sub: "Утверждение заключения руководителем" },
|
||
about: { title: "О решении", sub: "Паспорт ИИ-решения" }
|
||
};
|
||
|
||
var STAGE_CHIP = {
|
||
uploaded: "Загружен",
|
||
ready: "Готов к анализу",
|
||
analyzed: "Анализ завершён",
|
||
draft: "Черновик",
|
||
sent: "На согласовании",
|
||
approved: "Согласовано"
|
||
};
|
||
|
||
/* ---------- Состояние ---------- */
|
||
var S = null;
|
||
|
||
function defaultState() {
|
||
var checks = {};
|
||
var i;
|
||
for (i = 0; i < VIOL.length; i++) {
|
||
checks[VIOL[i].id] =
|
||
(i < 5) ? "confirmed" :
|
||
(i === 5) ? "rejected" : "pending";
|
||
}
|
||
return {
|
||
screen: "load",
|
||
role: "expert",
|
||
candId: 5,
|
||
candidate: { name: "Оралова Гульнара Бакыт", post: "Начальник сектора", submitted: "19.09.2026" },
|
||
files: FILES_INIT.map(function (f) { return Object.assign({}, f); }),
|
||
analysisStatus: "done",
|
||
checks: checks,
|
||
text: "ЗАКЛЮЧЕНИЕ о соответствии кандидата требованиям должности\n\n" +
|
||
"Кандидат: Оралова Гульнара Бакыт\n" +
|
||
"Должность: Начальник сектора\n" +
|
||
"Дата пакета: 19.09.2026\n\n" +
|
||
"Проверены документы: должностная инструкция, пояснительная записка, анкета кандидата.\n" +
|
||
"Сверка выполнена с квалификационными требованиями и внутренние нормативы фонда.\n\n" +
|
||
"По результатам сверки зафиксированы несоответствия и расхождения, подробно изложенные ниже. При назначении кандидата на должность рекомендуется устранить замечания в порядке, установленном правилами фонда.\n\nСоставил: эксперт кадровой службы",
|
||
sentAt: null,
|
||
approveComment: null
|
||
};
|
||
}
|
||
|
||
function save() {
|
||
try { localStorage.setItem(LS, JSON.stringify(S)); } catch (e) { /* приватный режим */ }
|
||
}
|
||
function load() {
|
||
try {
|
||
var raw = localStorage.getItem(LS);
|
||
if (!raw) return null;
|
||
var st = JSON.parse(raw);
|
||
if (!st || !st.screen || !st.checks) return null;
|
||
return st;
|
||
} catch (e) { return null; }
|
||
}
|
||
|
||
/* ---------- Утилиты ---------- */
|
||
var $ = function (id) { return document.getElementById(id); };
|
||
function esc(s) {
|
||
return String(s == null ? "" : s).replace(/[&<>"']/g, function (c) {
|
||
return { "&": "&", "<": "<", ">": ">", '"': """, "'": "'" }[c];
|
||
});
|
||
}
|
||
function cand() { return CANDS.find(function (c) { return c.id === S.candId; }); }
|
||
function initials(s) {
|
||
var p = String(s).split(" ");
|
||
return (p[0] ? p[0].charAt(0) : "") + (p[1] ? p[1].charAt(0) : "");
|
||
}
|
||
function icon(name) {
|
||
return '<svg class="kt-icon" viewBox="0 0 24 24"><use href="./design-system/icons/kt-ai-lucide-sprite.svg#' + name + '"></use></svg>';
|
||
}
|
||
function kpi(value, label, hint) {
|
||
return '<div class="kt-ai-kpi"><span class="value">' + esc(value) + '</span><span class="label">' + esc(label) + "</span>" +
|
||
(hint ? '<span class="hint">' + esc(hint) + "</span>" : "") + "</div>";
|
||
}
|
||
function pill(label, tone) {
|
||
return '<span class="kt-ai-status-pill" data-status="' + tone + '">' + esc(label) + "</span>";
|
||
}
|
||
function toast(msg, tone) {
|
||
var stack = $("toasts");
|
||
if (!stack) return;
|
||
var el = document.createElement("div");
|
||
el.className = "kt-ai-toast";
|
||
if (tone) el.setAttribute("data-tone", tone);
|
||
el.textContent = msg;
|
||
stack.appendChild(el);
|
||
setTimeout(function () {
|
||
el.style.transition = "opacity .3s";
|
||
el.style.opacity = "0";
|
||
setTimeout(function () { if (el.parentNode) el.parentNode.removeChild(el); }, 320);
|
||
}, 2600);
|
||
}
|
||
function openDrawer(html) {
|
||
var d = $("drawer");
|
||
d.innerHTML = html;
|
||
d.style.display = "block";
|
||
}
|
||
function closeDrawer() {
|
||
var d = $("drawer");
|
||
d.style.display = "none";
|
||
d.innerHTML = "";
|
||
}
|
||
|
||
/* ---------- Навигация и оболочка ---------- */
|
||
function curStage() {
|
||
var st = cand().stage;
|
||
if (S.screen === "load") return 1;
|
||
if (S.screen === "analysis") return 2;
|
||
if (S.screen === "concl") return 3;
|
||
return 4;
|
||
}
|
||
function navHtml() {
|
||
var items = [
|
||
{ id: "load", label: "Загрузка пакета", ic: "upload" },
|
||
{ id: "analysis", label: "Анализ ИИ", ic: "sparkles" },
|
||
{ id: "concl", label: "Заключение", ic: "clipboard" },
|
||
{ id: "approve", label: "Согласование", ic: "check-circle" },
|
||
{ id: "about", label: "О решении", ic: "info" }
|
||
];
|
||
var cur = curStage();
|
||
var html = "";
|
||
items.forEach(function (it) {
|
||
var st = "";
|
||
if (it.id === "load") st = (cur === 1) ? "current" : "done";
|
||
else if (it.id === "analysis") st = (cur === 2) ? "current" : (cur > 2 ? "done" : "");
|
||
else if (it.id === "concl") st = (cur === 3) ? "current" : (cur > 3 ? "done" : "");
|
||
else if (it.id === "approve") st = (cur === 4) ? "current" : "";
|
||
var active = S.screen === it.id ? "true" : "false";
|
||
html += '<button class="kt-ai-nav-item" data-active="' + active + '" data-nav="' + it.id + '">' +
|
||
icon(it.ic) + '<span class="nav-label">' + esc(it.label) + "</span>" +
|
||
(st ? ' <span class="count">•</span>' : "") +
|
||
"</button>";
|
||
});
|
||
return html;
|
||
}
|
||
|
||
S = load() || defaultState();
|
||
$("pageTitle").textContent = SCREENS[S.screen].title;
|
||
$("pageSub").style.display = "none";
|
||
$("sbAvatar").textContent = initials(S.candidate.name);
|
||
$("sbName").textContent = S.candidate.name;
|
||
$("crumbRole").textContent = S.role === "leader" ? "Руководитель" : "Эксперт";
|
||
$("snav").innerHTML = navHtml();
|
||
|
||
/* ---------- Шапка-карточка кандидата (экраны 1–3) ---------- */
|
||
function candHead(sub, extra) {
|
||
var c = S.candidate;
|
||
var done = cand()._doneCount || 0;
|
||
return '<div class="kt-ai-v" data-gap="block">' +
|
||
'<div class="kt-ai-h-stack data-nowrap-scroll" data-nowrap="scroll">' +
|
||
'<div style="flex:1;min-width:0">' +
|
||
'<div class="kt-ai-t-xl" style="font-weight:var(--kt-ai-weight-semibold);letter-spacing:-.01em">' + esc(c.name) + "</div>" +
|
||
'<div class="kt-ai-t-muted" style="margin-top:var(--kt-ai-space-1)">' + esc(c.post) +
|
||
" · Пакет: " + esc(c.submitted) + "</div>" +
|
||
"</div>" +
|
||
pill(STAGE_CHIP[cand().stage] || "—", cand().stage === "sent" ? "warn" : cand().stage === "approved" ? "ok" : "info") +
|
||
"</div>" +
|
||
'<div class="kt-ai-stepper">' + STEPS.map(function (s, i) {
|
||
var st = (i + 1 < curStage()) ? "done" : (i + 1 === curStage()) ? "current" : "";
|
||
return '<div class="kt-ai-step-item"' + (st ? ' data-state="' + st + '"' : "") + "><span class=\"n\">" + (i + 1) + "</span>" +
|
||
'<span>' + esc(s.label) + "</span></div>" + (i < STEPS.length - 1 ? '<div class="kt-ai-step-sep"></div>' : "");
|
||
}).join("") + "</div>" +
|
||
(extra || "") +
|
||
"</div>";
|
||
}
|
||
|
||
/* ============================================================
|
||
ЭКРАН 1 — ЗАГРУЗКА ПАКЕТА ДОКУМЕНТОВ
|
||
============================================================ */
|
||
function renderLoad() {
|
||
var c = cand();
|
||
var files = S.files;
|
||
|
||
var zoneHtml = ["ДИ", "ПЗ", "Анкета"].map(function (t) {
|
||
var f = null;
|
||
for (var i = 0; i < files.length; i++) if (files[i].type === t) { f = files[i]; break; }
|
||
var has = !!f;
|
||
var ic = has ? "file" : "upload";
|
||
var fname = has ? f.name : "Файл ещё не загружен";
|
||
var sub = has ? (f.status === "done" ? "Обработан" : "Ожидание обработки") : "Перетащите или выберите файл";
|
||
return '<div class="up-zone" data-type="' + t + '">' +
|
||
'<span class="doc-ic">' + icon(ic) + "</span>" +
|
||
'<span class="z-name">' + t + "</span>" +
|
||
'<span class="z-file" style="' + (has ? "" : "color:var(--kt-ai-fg-faint)") + '">' + esc(fname) + "</span>" +
|
||
'<span class="z-file dim">' + esc(sub) + "</span>" +
|
||
'<button class="kt-ai-btn" data-size="sm" data-type="' + t + '">' + (has ? "Заменить файл" : "Загрузить файл") + "</button>" +
|
||
"</div>";
|
||
}).join("");
|
||
|
||
var rows = files.map(function (f, i) {
|
||
var st = f.status === "done" ? "ok" : "warn";
|
||
var stLabel = f.status === "done" ? "Обработан" : "В обработке";
|
||
return '<div class="kt-ai-doc">' +
|
||
'<span class="doc-ic">' + icon("file") + "</span>" +
|
||
'<div class="doc-meta"><span class="doc-name">' + esc(f.name) + "</span>" +
|
||
'<span class="doc-sub">Тип: ' + esc(f.type) + "</span></div>" +
|
||
'<span class="kt-ai-status-pill" data-status="' + st + '">' + stLabel + "</span>" +
|
||
'<button class="kt-ai-icon-button" data-type="' + f.type + '" aria-label="Сменить">' + icon("x") + "</button></div>";
|
||
}).join("");
|
||
|
||
var btns = '<button class="kt-ai-btn" data-variant="primary" id="btnRunAnalysis">' + icon("play") + " Запустить анализ ИИ</button>" +
|
||
'<button class="kt-ai-btn" id="btnCancelLoad" data-variant="ghost">Отменить</button>';
|
||
|
||
return '<div class="view">' + candHead() +
|
||
'<div class="kt-ai-kpi-strip" data-cards="true">' +
|
||
kpi(String(files.length) + " / 3", "Документов загружено", "пакет кандидата") +
|
||
kpi("150 мин", "Труда без автоматизации", "на одно назначение") +
|
||
kpi("3 р.д", "Срок подготовки заключения", "по регламенту") +
|
||
"</div>" +
|
||
'<div class="kt-ai-v" data-gap="block">' +
|
||
'<div class="kt-ai-card" style="padding:var(--kt-ai-space-7)">' +
|
||
'<h2 class="kt-ai-h2">Новая сверка</h2>' +
|
||
'<div class="kt-ai-t-muted" style="margin-top:var(--kt-ai-space-1);margin-bottom:var(--kt-ai-space-7)">' +
|
||
"Заполните сведения о кандидате и загрузите комплект документов — система сверит их с нормативами и найдёт расхождения.</div>" +
|
||
'<div class="up-grid">' +
|
||
'<div class="kt-ai-field"><label for="fName">ФИО кандидата</label>' +
|
||
'<input class="kt-ai-input" id="fName" value="' + esc(S.candidate.name) + '"></div>' +
|
||
'<div class="kt-ai-field"><label for="fPost">Должность</label>' +
|
||
'<input class="kt-ai-input" id="fPost" value="' + esc(S.candidate.post) + '"></div>' +
|
||
"</div>" +
|
||
'<div style="margin-bottom:var(--kt-ai-space-5);display:flex;align-items:center;gap:var(--kt-ai-space-3)">' +
|
||
'<span class="kt-ai-t-sm kt-ai-t-medium" style="white-space:nowrap">Загрузка документов</span>' +
|
||
'<div class="kt-ai-spacer"></div>' +
|
||
'<span class="kt-ai-chip" data-tone="gray">3 обязательных файла</span></div>' +
|
||
'<div class="up-zones">' + zoneHtml + "</div>" +
|
||
'<div style="margin-top:var(--kt-ai-space-7);display:flex;align-items:center;gap:var(--kt-ai-space-3)">' +
|
||
'<span class="kt-ai-t-sm kt-ai-t-medium">Загруженные файлы</span>' +
|
||
'<div class="kt-ai-spacer"></div>' +
|
||
'<span class="kt-ai-t-xs kt-ai-t-faint">Ожидание загрузки / обработки</span></div>' +
|
||
'<div class="up-list" style="margin-top:var(--kt-ai-space-4)">' + rows + "</div>" +
|
||
'<div class="' + "kt-ai-h-stack" + '" style="margin-top:var(--kt-ai-space-7)">' + btns + "</div>" +
|
||
"</div>" +
|
||
"</div>" +
|
||
"</div>";
|
||
}
|
||
|
||
/* ============================================================
|
||
ЭКРАН 2 — АНАЛИЗ ИИ И ПРОВЕРКА ВЫВОДОВ
|
||
============================================================ */
|
||
function violCard(v) {
|
||
var ch = S.checks[v.id];
|
||
var t = v.type === "contra" ? "contra" : "norm";
|
||
var tLabel = v.type === "contra" ? "Расхождение" : "Несоответствие нормативу";
|
||
var normLine = (v.type === "norm")
|
||
? ('<span class="viol-meta">Норматив: ' + esc(v.norm) + '</span>')
|
||
: '<span class="viol-meta" style="color:var(--kt-ai-status-warn-fg)">Расхождение в данных документов</span>';
|
||
var body =
|
||
'<div class="viol-vic" data-t="' + t + '">' + icon(t === "contra" ? "compare" : "scale") + "</div>" +
|
||
'<div class="viol-body">' +
|
||
'<span class="kt-ai-chip" data-tone="' + (t === "contra" ? "orange" : "blue") + '">' + tLabel + "</span>" +
|
||
'<div class="viol-desc">' + esc(v.desc) + "</div>" +
|
||
'<div class="viol-meta">Документ: ' + esc(v.doc) + " · Пункт: " + esc(v.item) + "</div>" +
|
||
normLine +
|
||
"</div>";
|
||
|
||
var actions =
|
||
ch === "pending"
|
||
? '<button class="kt-ai-btn" data-size="sm" data-variant="primary" data-act="confirm" data-id="' + v.id + '">' + icon("check") + " Подтвердить</button>" +
|
||
'<button class="kt-ai-btn" data-size="sm" data-act="reject" data-id="' + v.id + '">Отклонить</button>'
|
||
: ch === "confirmed"
|
||
? '<button class="kt-ai-btn" data-size="sm" data-variant="ghost" data-act="reopen" data-id="' + v.id + '">Вернуть на проверку</button>" + pill("Подтверждено", "ok")
|
||
: pill("Отклонено", "muted") + '<button class="kt-ai-btn" data-size="sm" data-variant="ghost" data-act="reopen" data-id="' + v.id + '">Вернуть</button>';
|
||
|
||
return '<div class="viol-card" data-done="' + (ch === "pending" ? "false" : "true") + '">' + body +
|
||
'<div class="viol-actions">' + actions + "</div></div>";
|
||
}
|
||
|
||
function renderAnalysis() {
|
||
var done = 0, confirmed = 0, rejected = 0, pending = 0;
|
||
VIOL.forEach(function (v) {
|
||
var ch = S.checks[v.id];
|
||
if (ch === "pending") pending++;
|
||
else if (ch === "confirmed") confirmed++;
|
||
else rejected++;
|
||
if (ch !== "pending") done++;
|
||
});
|
||
|
||
var tone = S.analysisStatus === "done" ? "ok" : "risk";
|
||
var banner = S.analysisStatus === "done"
|
||
? '<div class="kt-ai-banner" data-tone="ok" style="display:flex;align-items:center;gap:var(--kt-ai-space-4)"><span style="flex:1;min-width:0">Сверка завершена: найдено ' + VIOL.length + " несоответствий и " + VIOL.filter(function(v){return v.type==="contra"}).length + " расхождений</span>" +
|
||
'<span class="kt-ai-t-xs kt-ai-t-faint">22.04 с</span></div>'
|
||
: '<div class="kt-ai-banner" data-tone="risk" style="display:flex;align-items:center;gap:var(--kt-ai-space-4)"><span style="flex:1;min-width:0">Анализ не завершён: один документ не распознан</span>' +
|
||
'<button class="kt-ai-btn" data-size="sm" id="btnRetryAnalysis">' + icon("refresh") + " Повторить</button></div>";
|
||
|
||
return '<div class="view">' + candHead() + banner +
|
||
'<div class="kt-ai-kpi-strip" data-cards="true">' +
|
||
kpi(String(VIOL.length), "Найдено несоответствий", "сверка с нормативами") +
|
||
kpi(String(confirmed), "Подтверждено", "экспертом") +
|
||
kpi(String(rejected), "Отклонено", "ложные срабатывания") +
|
||
kpi(String(pending), "Осталось проверить", "к ручному осмотру") +
|
||
"</div>" +
|
||
'<div class="kt-ai-v" data-gap="block">' +
|
||
'<div class="kt-ai-card" style="padding:var(--kt-ai-space-5)">' +
|
||
'<div class="kt-ai-table-toolbar">' +
|
||
'<span class="kt-ai-t-sm kt-ai-t-medium">Выводы ИИ · ' + (done + "/" + VIOL.length) + " проверено</span>" +
|
||
'<div class="kt-ai-spacer"></div>' +
|
||
'<select class="kt-ai-select" id="vType" style="min-width:150px">' +
|
||
'<option value="all">Все типы</option>' +
|
||
'<option value="norm">Несоответствие нормативу</option>' +
|
||
'<option value="contra">Расхождение</option>' +
|
||
"</select>" +
|
||
'<select class="kt-ai-select" id="vState" style="min-width:150px">' +
|
||
'<option value="all">Все статусы</option>' +
|
||
'<option value="pending">Ожидает проверки</option>' +
|
||
'<option value="confirmed">Подтверждено</option>' +
|
||
'<option value="rejected">Отклонено</option>' +
|
||
"</select>" +
|
||
"</div>" +
|
||
'<div class="kt-ai-v" data-gap="tight" id="violList"></div>' +
|
||
'<div class="kt-ai-h-stack" style="margin-top:var(--kt-ai-space-6)" data-nowrap="scroll">' +
|
||
'<button class="kt-ai-btn" data-variant="primary" id="btnToConcl">' + icon("arrowRight") + " Перейти к составлению заключения</button>" +
|
||
'<span class="kt-ai-t-xs kt-ai-t-faint">В заключение войдут ' + confirmed + " подтверждённых" + (confirmed === 1 ? " пункт" : confirmed >= 2 && confirmed <= 4 ? " пункта" : " пунктов") + "</span>" +
|
||
"</div>" +
|
||
"</div>" +
|
||
"</div>" +
|
||
"</div>";
|
||
}
|
||
|
||
/* ============================================================
|
||
ЭКРАН 3 — СОСТАВЛЕНИЕ ЗАКЛЮЧЕНИЯ
|
||
============================================================ */
|
||
function confirmedViolHtml(n) {
|
||
var c = 0;
|
||
var html = "";
|
||
VIOL.forEach(function (v) {
|
||
if (S.checks[v.id] === "confirmed") {
|
||
c++;
|
||
var toneDot = v.type === "contra" ? "var(--kt-ai-status-warn-fg)" : "var(--kt-ai-status-info-fg)";
|
||
var normTxt = v.type === "norm" ? esc(v.norm) : "Расхождение данных";
|
||
html += '<div class="approve-viol"><span class="dot" style="background:' + toneDot + '"></span>' +
|
||
"<div><div><strong>" + c + ".</strong> " + esc(v.desc) + "</div>" +
|
||
'<div class="dim">' + esc(v.doc) + " · " + esc(v.item) + " · " + normTxt + "</div></div></div>";
|
||
}
|
||
});
|
||
if (c === 0) html = '<div class="kt-ai-empty"><span class="title">Пока ни одного подтверждённого</span>Вернитесь на «Анализ ИИ» и подтвердите несоответствия — они попадут в заключение.</div>';
|
||
return html;
|
||
}
|
||
|
||
function normativeRefsHtml() {
|
||
var seen = {};
|
||
var out = [];
|
||
VIOL.forEach(function (v) {
|
||
if (S.checks[v.id] === "confirmed" && v.type === "norm") {
|
||
var ref = NORMATIVES.find(function (nr) { return nr.id === v.normId; });
|
||
if (ref && !seen[ref.id]) {
|
||
seen[ref.id] = true;
|
||
out.push("<span class=\"r\">" + esc(ref.r) + "</span><span class=\"dim\">" + esc(ref.p) + "</span>");
|
||
}
|
||
}
|
||
});
|
||
if (!out.length) return '<div class="kt-ai-t-muted kt-ai-t-xs">Ссылки появятся после подтверждения нормативных несоответствий.</div>';
|
||
return out.map(function (h) {
|
||
return '<div class="doc-ref">' + icon("link") + h + "</div>";
|
||
}).join("");
|
||
}
|
||
|
||
function renderConcl() {
|
||
var c = cand();
|
||
var tone = c.stage === "sent" ? "warn" : "gray";
|
||
return '<div class="view">' + candHead() +
|
||
'<div class="kt-ai-v" data-gap="block">' +
|
||
'<div class="concl-layout">' +
|
||
'<div class="kt-ai-card" style="padding:var(--kt-ai-space-6)">' +
|
||
'<div class="kt-ai-h-stack" data-nowrap="scroll" style="margin-bottom:var(--kt-ai-space-5)">' +
|
||
'<span class="kt-ai-t-lg kt-ai-t-semibold">Текст заключения</span>' +
|
||
'<div class="kt-ai-spacer"></div>' +
|
||
pill(c.stage === "sent" ? "На согласовании" : "Черновик", tone) +
|
||
"</div>" +
|
||
'<textarea class="kt-ai-textarea" id="conclText" style="margin-bottom:var(--kt-ai-space-5);box-sizing:border-box;min-height:260px"></textarea>' +
|
||
'<div class="kt-ai-h-stack" data-nowrap="scroll">' +
|
||
'<button class="kt-ai-btn" id="btnSaveConcl">' + icon("check") + " Сохранить черновик</button>" +
|
||
'<button class="kt-ai-btn" data-variant="primary" id="btnSendConcl">' + icon("send") + " Отправить на согласование</button>" +
|
||
"</div>" +
|
||
'<div class="kt-ai-t-xs kt-ai-t-faint" style="margin-top:var(--kt-ai-space-3)">Руководитель получит копию на согласование, кадровая служба — копию.</div>' +
|
||
"</div>" +
|
||
'<div class="concl-side">' +
|
||
'<div class="kt-ai-card" style="padding:var(--kt-ai-space-5)">' +
|
||
'<div class="kt-ai-h-stack" data-gap="tight" style="margin-bottom:var(--kt-ai-space-4)">' +
|
||
'<span class="kt-ai-t-sm kt-ai-t-medium">Подтверждённые несоответствия (' + (function(){var n=0;VIOL.forEach(function(v){if(S.checks[v.id]==="confirmed")n++;});return n;})() + ")</span>" +
|
||
'<div class="kt-ai-spacer"></div>' +
|
||
'<span class="kt-ai-chip" data-tone="gray">из «Анализ ИИ»</span>' +
|
||
"</div>" +
|
||
'<div>' + confirmedViolHtml() + "</div>" +
|
||
"</div>" +
|
||
'<div class="kt-ai-card" style="padding:var(--kt-ai-space-5)">' +
|
||
'<div class="kt-ai-t-sm kt-ai-t-medium" style="margin-bottom:var(--kt-ai-space-3)">Пункты нормативов</div>' +
|
||
normativeRefsHtml() +
|
||
"</div>" +
|
||
"</div>" +
|
||
"</div>" +
|
||
"</div>" +
|
||
"</div>";
|
||
}
|
||
|
||
/* ============================================================
|
||
ЭКРАН 4 — СОГЛАСОВАНИЕ РУКОВОДИТЕЛЕМ
|
||
============================================================ */
|
||
function renderApprove() {
|
||
var c = cand();
|
||
var chip = c.stage === "approved"
|
||
? pill("Согласовано", "ok")
|
||
: c.stage === "sent"
|
||
? pill("На согласовании", "warn")
|
||
: pill("Вернуто на доработку", "risk");
|
||
var c2 = c;
|
||
var actions =
|
||
c.stage === "approved"
|
||
? '<div class="kt-ai-banner" data-tone="ok">Заключение согласовано ' + esc(c.approvedAt || "сегодня") + ". Кадровая служба получит уведомление.</div>"
|
||
: c.stage === "sent"
|
||
? '<div class="kt-ai-v" data-gap="block" style="margin-top:var(--kt-ai-space-6)">' +
|
||
'<div class="kt-ai-textarea" id="rejectComment" placeholder="Комментарий эксперту (необязательно)"></div>' +
|
||
'<div class="kt-ai-h-stack" data-nowrap="scroll">' +
|
||
'<button class="kt-ai-btn" data-variant="primary" id="btnApprove">' + icon("check") + " Согласовать</button>" +
|
||
'<button class="kt-ai-btn" id="btnReturnConcl">' + icon("arrowLeft") + " Вернуть на доработку</button>" +
|
||
"</div></div>"
|
||
: '<div class="kt-ai-banner" data-tone="warn">Черновик возвращён эксперту на доработку. Дождитесь новой отправки.</div>';
|
||
|
||
var sentLine = c.sent ? "Отправлено: " + esc(c.sent) : "Отправлено: —";
|
||
var approvedLine = c.stage === "approved" ? "Согласовано руководителем: " + esc(c.approvedAt || "—") : "Согласование: ожидается";
|
||
|
||
return '<div class="view">' + candHead() +
|
||
'<div class="kt-ai-v" data-gap="block">' +
|
||
'<div class="kt-ai-kpi-strip" data-cards="true">' +
|
||
kpi(esc(c.name.split(" ")[0] + " " + c.name.split(" ")[1]), "Кандидат", "на согласовании") +
|
||
kpi(sentLine.split(":")[1] || "—", "Отправлено", "экспертом") +
|
||
kpi(c.sent ? "1 день" : "—", "В согласовании", "из 3 р.д по регламенту") +
|
||
"</div>" +
|
||
'<div class="kt-ai-card" style="padding:var(--kt-ai-space-7)">' +
|
||
'<div class="kt-ai-h-stack" data-nowrap="scroll" style="margin-bottom:var(--kt-ai-space-5)">' +
|
||
'<div style="flex:1;min-width:0">' +
|
||
'<div class="kt-ai-t-lg kt-ai-t-semibold">Заключение эксперта</div>' +
|
||
'<div class="kt-ai-t-xs kt-ai-t-muted" style="margin-top:var(--kt-ai-space-1)">' + sentLine + " · " + approvedLine + "</div>" +
|
||
"</div>" +
|
||
chip +
|
||
"</div>" +
|
||
'<div class="approve-text" id="approveText"></div>' +
|
||
'<div class="kt-ai-t-sm kt-ai-t-medium" style="margin-top:var(--kt-ai-space-7);margin-bottom:var(--kt-ai-space-3)">Подтверждённые несоответствия</div>' +
|
||
confirmedViolHtml() +
|
||
actions +
|
||
"</div>" +
|
||
"</div>" +
|
||
"</div>";
|
||
}
|
||
|
||
/* ============================================================
|
||
ЭКРАН 5 — О РЕШЕНИИ
|
||
============================================================ */
|
||
function renderAbout() {
|
||
var proc = [
|
||
{ t: "Эксперт получает пакет документов", who: "от кадровой службы" },
|
||
{ t: "Эксперт читает пояснительную записку" },
|
||
{ t: "ИИ сверяет документы с квалификационными требованиями", ai: true },
|
||
{ t: "ИИ ищет расхождения в документах", ai: true },
|
||
{ t: "Эксперт проверяет выводы ИИ" },
|
||
{ t: "Эксперт готовит заключение с несоответствиями и ссылками" },
|
||
{ t: "Руководитель согласовывает заключение" }
|
||
];
|
||
return '<div class="view">' +
|
||
'<div class="kt-ai-v" data-gap="group">' +
|
||
'<div class="kt-ai-h2">Паспорт ИИ-решения</div>' +
|
||
'<div class="kt-ai-banner" data-tone="info">Ускоряет подготовку заключения о соответствии кандидата за счёт автоматизации сверки и поиска расхождений.</div>' +
|
||
'<div class="kt-ai-v" data-gap="tight">' +
|
||
'<div class="kt-ai-kpi-strip" data-cards="true">' +
|
||
kpi("~50 ч/мес", "Экономия", "20 случаев × 150 мин") +
|
||
kpi("3 р.д → 1 день", "Срок подготовки", "заключения") +
|
||
kpi("20 случаев", "Объём в месяц", "оценка владельца процесса") +
|
||
kpi("—", "Дата внедрения", "после согласования макета") +
|
||
"</div>" +
|
||
"</div>" +
|
||
'<div class="pass-grid">' +
|
||
'<div class="kt-ai-card" style="padding:var(--kt-ai-space-5)">' +
|
||
'<div class="kt-ai-t-sm kt-ai-t-medium" style="margin-bottom:var(--kt-ai-space-4)">Поэтапный эффект</div>' +
|
||
'<div style="display:flex;flex-direction:column;gap:var(--kt-ai-space-3)">' +
|
||
'<div><span class="kt-ai-t-sm">Сокращение чтения вручную</span><div class="kt-ai-t-xs kt-ai-t-muted">эксперт осматривает уже только выводы ИИ</div></div>' +
|
||
'<div><span class="kt-ai-t-sm">Запасание расхождений при сверке</span><div class="kt-ai-t-xs kt-ai-t-muted">нормативы и требования — в одном месте</div></div>' +
|
||
'<div><span class="kt-ai-t-sm">Стабильный срок заключения</span><div class="kt-ai-t-xs kt-ai-t-muted">руководитель получает в тот же день</div></div>' +
|
||
"</div>" +
|
||
"</div>" +
|
||
'<div class="kt-ai-card" style="padding:var(--kt-ai-space-5)">' +
|
||
'<div class="kt-ai-t-sm kt-ai-t-medium" style="margin-bottom:var(--kt-ai-space-4)">Контроль и риски</div>' +
|
||
'<div style="display:flex;flex-direction:column;gap:var(--kt-ai-space-3)">' +
|
||
'<div><span class="kt-ai-t-sm">Ошибочное срабатывание ИИ</span><div class="kt-ai-t-xs kt-ai-t-muted">в случаях расхождений данных</div></div>' +
|
||
'<div><span class="kt-ai-t-sm">Митигация — ручная проверка</span><div class="kt-ai-t-xs kt-ai-t-muted">каждый вывод подтверждает или отклоняет эксперт</div></div>' +
|
||
"</div>" +
|
||
"</div>" +
|
||
"</div>" +
|
||
'<div class="kt-ai-card" style="padding:var(--kt-ai-space-6)">' +
|
||
'<div class="pass-sec">Данные на входе</div>' +
|
||
'<div style="display:flex;flex-direction:column;gap:var(--kt-ai-space-3);margin-top:var(--kt-ai-space-4)">' +
|
||
'<div class="kt-ai-doc"><span class="doc-ic">' + icon("file") + '</span><div class="doc-meta"><span class="doc-name">Комплект документов кандидата</span><span class="doc-sub">должностная инструкция, пояснительная записка, анкета</span></div></div>' +
|
||
'<div class="kt-ai-doc"><span class="doc-ic">' + icon("book") + '</span><div class="doc-meta"><span class="doc-name">Внутренние нормативы</span><span class="doc-sub">папка на общем диске</span></div></div>' +
|
||
"</div>" +
|
||
"</div>" +
|
||
'<div class="kt-ai-card" style="padding:var(--kt-ai-space-6)">' +
|
||
'<div class="pass-sec">Процесс</div>' +
|
||
'<div class="psteps" style="margin-top:var(--kt-ai-space-4)">' + proc.map(function (p, i) {
|
||
return '<div class="pstep' + (p.ai ? " ai" : "") + '"><span class="n">' + (i + 1) + '</span>' +
|
||
"<div><div>" + esc(p.t) + '</div><span class=\"who\">' + (p.ai ? "ИИ" : (p.who ? esc(p.who) : "эксперт / руководитель")) + "</div></div></div>";
|
||
}).join("") + "</div>" +
|
||
"</div>" +
|
||
'<div class="pass-grid2">' +
|
||
'<div class="kt-ai-card" style="padding:var(--kt-ai-space-6)">' +
|
||
'<div class="pass-sec">Роль пользователя</div>' +
|
||
'<div style="display:flex;flex-direction:column;gap:var(--kt-ai-space-3);margin-top:var(--kt-ai-space-4);font-size:var(--kt-ai-text-sm)">' +
|
||
'<div><span class="kt-ai-t-medium">Эксперт</span><div class="kt-ai-t-xs kt-ai-t-muted">загружает документы, проверяет выводы ИИ, готовит и отправляет заключение</div></div>' +
|
||
'<div><span class="kt-ai-t-medium">Руководитель</span><div class="kt-ai-t-xs kt-ai-t-muted">просматривает итог и согласовывает</div></div>' +
|
||
'<div><span class="kt-ai-t-medium">Кадровая служба</span><div class="kt-ai-t-xs kt-ai-t-muted">передаст пакет документов и получает копию заключения</div></div>' +
|
||
"</div>" +
|
||
"</div>" +
|
||
'<div class="kt-ai-card" style="padding:var(--kt-ai-space-6)">' +
|
||
'<div class="pass-sec">Что выполняет ИИ</div>' +
|
||
'<div style="display:flex;flex-direction:column;gap:var(--kt-ai-space-3);margin-top:var(--kt-ai-space-4);font-size:var(--kt-ai-text-sm)">' +
|
||
'<div class="kt-ai-doc"><span class="doc-ic">' + icon("scale") + '</span><div class="doc-meta"><span class="doc-name">Сверка с квалификационными требованиями и нормативами</span></div></div>' +
|
||
'<div class="kt-ai-doc"><span class="doc-ic">' + icon("compare") + '</span><div class="doc-meta"><span class="doc-name">Поиск расхождений в документах</span></div></div>' +
|
||
'<div class="kt-ai-t-xs kt-ai-t-muted" style="margin-top:var(--kt-ai-space-2)">Человек решает: проверка выводов, написание текста, согласование.</div>' +
|
||
"</div>" +
|
||
"</div>" +
|
||
"</div>" +
|
||
'<div class="kt-ai-kpi-strip">' +
|
||
kpi("Владелец процесса", "Исполнитель", "—") +
|
||
kpi("Ветеринация на Vibe AI", "Формат", "макет → рабочее решение") +
|
||
kpi("ИИ-агент Alem", "Опция", "работа с документами") +
|
||
"</div>" +
|
||
"</div>" +
|
||
"</div>";
|
||
}
|
||
|
||
/* ============================================================
|
||
РЕНДЕР
|
||
============================================================ */
|
||
function render() {
|
||
var v = $("view");
|
||
if (S.screen === "load") v.innerHTML = renderLoad();
|
||
else if (S.screen === "analysis") v.innerHTML = renderAnalysis();
|
||
else if (S.screen === "concl") v.innerHTML = renderConcl();
|
||
else if (S.screen === "approve") v.innerHTML = renderApprove();
|
||
else v.innerHTML = renderAbout();
|
||
|
||
var sc = SCREENS[S.screen];
|
||
$("pageTitle").textContent = sc.title;
|
||
$("snav").innerHTML = navHtml();
|
||
|
||
/* После вставки — заполнение значений в поле/подсветка текущего и навешивание действий через делегирование */
|
||
if (S.screen === "analysis") {
|
||
applyViolFilters();
|
||
}
|
||
if (S.screen === "concl") {
|
||
$("conclText").value = S.text;
|
||
}
|
||
if (S.screen === "approve") {
|
||
$("approveText").textContent = S.text;
|
||
}
|
||
}
|
||
|
||
function setScreen(name) {
|
||
S.screen = name;
|
||
save();
|
||
closeDrawer();
|
||
render();
|
||
}
|
||
|
||
/* ---------- Фильтры экрана 2 ---------- */
|
||
function applyViolFilters() {
|
||
var list = $("violList");
|
||
if (!list) return;
|
||
var typeEl = $("vType"), stateEl = $("vState");
|
||
var ty = typeEl ? typeEl.value : "all";
|
||
var st = stateEl ? stateEl.value : "all";
|
||
var html = "";
|
||
VIOL.forEach(function (v) {
|
||
if (ty !== "all" && v.type !== ty) return;
|
||
if (st !== "all" && S.checks[v.id] !== st) return;
|
||
html += violCard(v);
|
||
});
|
||
list.innerHTML = html;
|
||
}
|
||
|
||
/* ---------- Делегированные обработчики ---------- */
|
||
document.addEventListener("click", function (e) {
|
||
var navBtn = e.target.closest("[data-nav]");
|
||
if (navBtn) { setScreen(navBtn.getAttribute("data-nav")); return; }
|
||
|
||
var zoneBtn = e.target.closest(".up-grid button, .up-zones button.kt-ai-btn");
|
||
if (zoneBtn) {
|
||
var t = zoneBtn.getAttribute("data-type");
|
||
var f = S.files.find(function (x) { return x.type === t; });
|
||
if (f) {
|
||
f.status = "pending";
|
||
save();
|
||
toast("Файл загружен — ожидание обработки", "info");
|
||
render();
|
||
}
|
||
return;
|
||
}
|
||
|
||
var xBtn = e.target.closest(".up-list button.kt-ai-icon-button");
|
||
if (xBtn) {
|
||
var t2 = xBtn.getAttribute("data-type");
|
||
var f2 = S.files.find(function (x) { return x.type === t2; });
|
||
if (f2) { f2.status = "pending"; save(); render(); }
|
||
return;
|
||
}
|
||
|
||
if (e.target.id === "btnRunAnalysis") {
|
||
S.analysisStatus = "done";
|
||
save();
|
||
closeDrawer();
|
||
S.screen = "analysis";
|
||
render();
|
||
toast("Анализ завершён", "ok");
|
||
return;
|
||
}
|
||
|
||
if (e.target.id === "btnCancelLoad") {
|
||
S.files = FILES_INIT.map(function (f) { return Object.assign({}, f); });
|
||
save();
|
||
toast("Загрузка сброшена", "info");
|
||
render();
|
||
return;
|
||
}
|
||
|
||
var actBtn = e.target.closest("[data-act]");
|
||
if (actBtn) {
|
||
var id = parseInt(actBtn.getAttribute("data-id"), 10);
|
||
var act = actBtn.getAttribute("data-act");
|
||
if (act === "confirm") S.checks[id] = "confirmed";
|
||
else if (act === "reject") S.checks[id] = "rejected";
|
||
else if (act === "reopen") S.checks[id] = "pending";
|
||
save();
|
||
if (act === "confirm") toast("Несоответствие подтверждено", "ok");
|
||
if (act === "reject") toast("Отклонено как ложное срабатывание", "info");
|
||
if (act === "reopen") toast("Возвращено на проверку", "info");
|
||
applyViolFilters();
|
||
refreshKpis();
|
||
return;
|
||
}
|
||
|
||
if (e.target.id === "btnRetryAnalysis") {
|
||
S.analysisStatus = "done";
|
||
save();
|
||
render();
|
||
toast("Анализ завершён", "ok");
|
||
return;
|
||
}
|
||
|
||
if (e.target.id === "btnToConcl") {
|
||
S.screen = "concl"; save(); render();
|
||
return;
|
||
}
|
||
if (e.target.id === "btnSaveConcl") {
|
||
var ta = $("conclText");
|
||
if (ta) { S.text = ta.value; save(); }
|
||
var cc = cand();
|
||
if (cc.stage === "uploaded" || cc.stage === "ready" || cc.stage === "analyzed") cc.stage = "draft";
|
||
save();
|
||
toast("Черновик сохранён", "ok");
|
||
render();
|
||
return;
|
||
}
|
||
if (e.target.id === "btnSendConcl") {
|
||
var ta2 = $("conclText");
|
||
if (ta2) S.text = ta2.value;
|
||
var cc2 = cand();
|
||
cc2.stage = "sent";
|
||
cc2.sent = "21.09.2026, " + new Date().toTimeString().slice(0, 5);
|
||
S.text = S.text + "\n\nОтправлено на согласование: " + cc2.sent;
|
||
save();
|
||
toast("Отправлено на согласование", "ok");
|
||
S.screen = "approve";
|
||
render();
|
||
return;
|
||
}
|
||
if (e.target.id === "btnApprove") {
|
||
var cc3 = cand();
|
||
cc3.stage = "approved";
|
||
var rc = $("rejectComment");
|
||
cc3.approvedAt = rc && rc.value ? "С комментарием: " + rc.value : "без замечаний";
|
||
save();
|
||
toast("Заключение согласовано", "ok");
|
||
render();
|
||
return;
|
||
}
|
||
if (e.target.id === "btnReturnConcl") {
|
||
var cc4 = cand();
|
||
var rc2 = $("rejectComment");
|
||
cc4.stage = "draft";
|
||
cc4.returned = rc2 && rc2.value ? rc2.value : "Возвращено в экспертизу";
|
||
S.role = "expert";
|
||
S.screen = "concl";
|
||
save();
|
||
$("crumbRole").textContent = S.role === "leader" ? "Руководитель" : "Эксперт";
|
||
toast("Возвращено на доработку", "warn");
|
||
render();
|
||
return;
|
||
}
|
||
|
||
if (e.target.closest("#sbUser")) {
|
||
S.role = S.role === "expert" ? "leader" : "expert";
|
||
$("crumbRole").textContent = S.role === "leader" ? "Руководитель" : "Эксперт";
|
||
save();
|
||
toast("Переключено на роль: " + ($("crumbRole").textContent), "info");
|
||
}
|
||
});
|
||
|
||
/* Перерисовка KPI вверху экрана 2 после подтверждения/отклонения */
|
||
function refreshKpis() {
|
||
var strip = document.querySelector(".kt-ai-kpi-strip");
|
||
if (!strip) return;
|
||
var confirmed = 0, rejected = 0, pending = 0;
|
||
VIOL.forEach(function (v) {
|
||
var ch = S.checks[v.id];
|
||
if (ch === "confirmed") confirmed++;
|
||
else if (ch === "rejected") rejected++;
|
||
else pending++;
|
||
});
|
||
var vals = [
|
||
[String(pending), "Осталось проверить", "к ручному осмотру"],
|
||
[String(confirmed), "Подтверждено", "экспертом"],
|
||
[String(rejected), "Отклонено", "ложные срабатывания"]
|
||
];
|
||
var cards = strip.querySelectorAll(".kt-ai-kpi");
|
||
if (cards.length >= 4) {
|
||
cards[3].querySelector(".value").textContent = pending;
|
||
cards[1].querySelector(".value").textContent = confirmed;
|
||
cards[2].querySelector(".value").textContent = rejected;
|
||
}
|
||
}
|
||
|
||
/* Селекты на экране 2 */
|
||
document.addEventListener("change", function (e) {
|
||
if (e.target.id === "vType" || e.target.id === "vState") {
|
||
applyViolFilters();
|
||
}
|
||
});
|
||
|
||
/* Burger */
|
||
$("burger").addEventListener("click", function () {
|
||
var sb = $("sidebar");
|
||
var st = getComputedStyle(sb);
|
||
if (sb.dataset.open === "true") { sb.dataset.open = "false"; sb.style.position = "sticky"; }
|
||
else { sb.dataset.open = "true"; sb.style.position = "fixed"; sb.style.zIndex = 50; sb.style.top = "0"; sb.style.left = "0"; sb.style.right = "0"; sb.style.bottom = "0"; }
|
||
});
|
||
|
||
/* Первый рендер */
|
||
render();
|
||
if (S.screen === "concl") { var t = $("conclText"); if (t) t.value = S.text; }
|