Moldabayev_d/sozday-rabochee-veb-prilozhe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: box-sizing, toolbar gap 12, table 26/12/10/10/10/32 + причина left/13px/1.45, zoneLabel Экраны, subphrase Без нормативов:N / Неполные данные:N

Browse Source
This commit is contained in:
Moldabayev_d 2026-09-21 09:17:55 +00:00
parent 14290a426f
commit 74a7eed922
2 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
index.html
View File

@ -43,6 +43,7 @@
@layer product {
[hidden] { display: none !important; }
.kfu-*, .kfu-::before, .kfu-::after, .kfu-topbar *, .kfu-topbar *::before, .kfu-topbar *::after, .kfu-wrap *, .kfu-wrap *::before, .kfu-wrap *::after, .kfu-drawer *, .kfu-drawer *::before, .kfu-drawer *::after { box-sizing: border-box; }
a.kt-ai-btn { text-decoration: none; }
body { background: var(--kfu-bg); }
.kt-ai-sidebar { display: none !important; }
@ -105,8 +106,8 @@
.kfu-brief-lbl { font-size: 12px; color: var(--kfu-ink-3); margin-top: 2px; }
/* ---------- поиск + фильтры ---------- */
.kfu-toolbar { display: flex; align-items: center; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.kfu-search { position: relative; flex: 1; min-width: 200px; max-width: 320px; }
.kfu-toolbar { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.kfu-search { position: relative; flex: 0 1 300px; min-width: 200px; }
.kfu-search svg { position: absolute; left: 10px; top: 50%; transform: translateY(-50%);
width: 15px; height: 15px; color: var(--kfu-ink-3); pointer-events: none; }
.kfu-search input { width: 100%; height: 34px; padding: 0 12px 0 32px; border-radius: var(--kfu-radius-sm);
@ -126,16 +127,17 @@
.kfu-table-card { background: var(--kfu-surface); border: 1px solid var(--kfu-border);
border-radius: var(--kfu-radius); box-shadow: var(--kfu-shadow); overflow-x: auto; }
.kfu-table { width: 100%; border-collapse: collapse; table-layout: fixed; }
.kfu-table colgroup col:nth-child(1) { width: 30%; }
.kfu-table colgroup col:nth-child(1) { width: 26%; }
.kfu-table colgroup col:nth-child(2) { width: 12%; }
.kfu-table colgroup col:nth-child(3) { width: 16%; }
.kfu-table colgroup col:nth-child(4) { width: 16%; }
.kfu-table colgroup col:nth-child(5) { width: 16%; }
.kfu-table colgroup col:nth-child(6) { width: 10%; }
.kfu-table colgroup col:nth-child(3) { width: 10%; }
.kfu-table colgroup col:nth-child(4) { width: 10%; }
.kfu-table colgroup col:nth-child(5) { width: 10%; }
.kfu-table colgroup col:nth-child(6) { width: 32%; }
.kfu-table thead th { padding: 10px 14px; font-size: 11px; font-weight: 600; color: var(--kfu-ink-3);
text-transform: uppercase; letter-spacing: .5px; border-bottom: 1px solid var(--kfu-border);
background: var(--kfu-bg); text-align: right; white-space: nowrap; cursor: pointer; user-select: none;
position: sticky; top: 0; z-index: 1; }
.kfu-table thead th:last-child { text-align: left; white-space: nowrap; text-transform: none; font-weight: 500; }
.kfu-table thead th:first-child { text-align: left; }
.kfu-table thead th .th-sub { display: block; font-weight: 400; text-transform: none; letter-spacing: 0;
font-size: 10px; color: var(--kfu-ink-3); opacity: .7; margin-top: 1px; }
@ -179,7 +181,8 @@
.kfu-coef .cv.cv-red { color: var(--kfu-risk); }
.kfu-coef .cv.cv-yellow { color: var(--kfu-warn); }
.kfu-coef .cv-none { color: var(--kfu-ink-3); font-size: 13px; }
.kfu-cause { font-size: 12px; color: var(--kfu-ink-2); line-height: 1.3; }
.kfu-cause { font-size: 13px; color: var(--kfu-ink-2); line-height: 1.45; }
.kfu-table td:last-child { text-align: left; }
.kfu-cause.caution { color: var(--kfu-warn); font-weight: 500; }
.kfu-cause.danger { color: var(--kfu-risk); font-weight: 500; }
.kfu-dash { color: var(--kfu-ink-3); }

6
kfu-client.js
View File

@ -512,7 +512,7 @@
return w;
}
function zoneLabel(z) {
return { green: "Зелёная", yellow: "Жёлтая", red: "Красная", nodefault: "Без норматива", nodata: "Нет данных" }[z] || z;
return { green: "В норме", yellow: "Наблюдение", red: "Нарушение", nodefault: "Без норматива", nodata: "Нет данных" }[z] || z;
}
/* ---------- учебный (синтетический) пример ---------- */
@ -722,8 +722,8 @@
if (y > 0) subParts.push("<b>" + y + "</b> " + plural(y, "компания требует", "компании требуют", "компаний требуют") + " внимания");
if (r === 0 && y === 0 && g === co) subParts.push("Все компании в норме");
else if (!subParts.length) subParts.push("Нарушений нет");
if (nn > 0) subParts.push("<b>" + nn + "</b> — " + plural(nn, "компания без нормативов", "компании без нормативов", "компаний без нормативов"));
if (nd > 0) subParts.push("<b>" + nd + "</b> — " + plural(nd, "компания с", "компании с", "компаний с") + " неполными данными");
if (nn > 0) subParts.push("Без нормативов: <b>" + nn + "</b>");
if (nd > 0) subParts.push("Неполные данные: <b>" + nd + "</b>");
$("#headerSub").innerHTML = subParts.join(", ");
/* сверка — исходные данные */