From 2eaf9e244c8d324539d51bc3dae30dd991e901a4 Mon Sep 17 00:00:00 2001 From: tore Date: Mon, 14 Sep 2026 21:20:35 +0000 Subject: [PATCH] =?UTF-8?q?=D0=A1=D1=80=D0=B0=D0=B2=D0=BD=D0=B5=D0=BD?= =?UTF-8?q?=D0=B8=D0=B5=20=D0=B7=D0=B0=D0=BA=D1=83=D0=BF=D0=BE=D1=87=D0=BD?= =?UTF-8?q?=D0=BE=D0=B3=D0=BE=20=D0=BF=D0=BB=D0=B0=D0=BD=D0=B0:=20=D0=B2?= =?UTF-8?q?=D1=8B=D0=B1=D0=BE=D1=80=20=D0=B3=D1=80=D1=83=D0=BF=D0=BF=D1=8B?= =?UTF-8?q?,=20=D1=81=D1=80=D0=B0=D0=B2=D0=BD=D0=B5=D0=BD=D0=B8=D0=B5=20?= =?UTF-8?q?=D1=81=D1=80=D0=BE=D0=BA=D0=BE=D0=B2,=20=D0=B8=D1=81=D0=BA?= =?UTF-8?q?=D0=BB=D1=8E=D1=87=D0=B5=D0=BD=D0=B8=D0=B5=20=D1=81=D1=82=D1=80?= =?UTF-8?q?=D0=BE=D0=BA,=20=D1=80=D0=B5=D1=88=D0=B5=D0=BD=D0=B8=D0=B5=20?= =?UTF-8?q?=D1=81=20=D0=BA=D0=BE=D0=BC=D0=BC=D0=B5=D0=BD=D1=82=D0=B0=D1=80?= =?UTF-8?q?=D0=B8=D0=B5=D0=BC,=20=D0=B2=D1=8B=D0=B3=D1=80=D1=83=D0=B7?= =?UTF-8?q?=D0=BA=D0=B0=20CSV?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- index.html | 505 +++++++++++++++++++++++++++++++++++++++-------------- 1 file changed, 376 insertions(+), 129 deletions(-) diff --git a/index.html b/index.html index f7d1003..e4dd070 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ -Учёт кабельной продукции +Сравнение закупочного плана @@ -23,10 +23,30 @@ .kt-ai-table tr:hover td { background: var(--kt-ai-bg-soft); } .kt-ai-table .num { text-align: right; font-variant-numeric: tabular-nums; } .kt-ai-table .actions { white-space: nowrap; } + .kt-ai-table tr.selected { background: var(--kt-ai-bg-soft); } + .kt-ai-table tr.excluded { opacity: 0.5; background: var(--kt-ai-bg-soft); } + .kt-ai-table tr.excluded td { text-decoration: line-through; } .empty-state { text-align: center; padding: var(--kt-ai-space-12) var(--kt-ai-space-4); color: var(--kt-ai-fg-muted); } .form-section { padding: var(--kt-ai-space-6) 0; } - .form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--kt-ai-space-4); max-width: 800px; } + .form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--kt-ai-space-4); max-width: 900px; } .filter-note { font-size: var(--kt-ai-text-xs); color: var(--kt-ai-fg-faint); margin-left: var(--kt-ai-space-2); } + .compare-panel { display: none; padding: var(--kt-ai-space-6) 0; } + .compare-panel.active { display: block; } + .compare-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--kt-ai-space-4); } + .compare-card { background: var(--kt-ai-card-bg); border: 1px solid var(--kt-ai-card-border); border-radius: var(--kt-ai-radius-xl); padding: var(--kt-ai-space-5); } + .compare-card h4 { margin: 0 0 var(--kt-ai-space-3) 0; font-size: var(--kt-ai-text-lg); } + .compare-row { display: flex; justify-content: space-between; padding: var(--kt-ai-space-2) 0; border-bottom: 1px solid var(--kt-ai-border-strong); } + .compare-row:last-child { border-bottom: none; } + .compare-label { color: var(--kt-ai-fg-muted); } + .compare-value { font-weight: var(--kt-ai-weight-medium); } + .diff-highlight { background: var(--kt-ai-bg-soft); padding: var(--kt-ai-space-1) var(--kt-ai-space-2); border-radius: var(--kt-ai-radius-md); } + .decision-section { padding: var(--kt-ai-space-6) 0; border-top: 1px solid var(--kt-ai-border); margin-top: var(--kt-ai-space-6); } + .status-badge { display: inline-block; padding: var(--kt-ai-space-1) var(--kt-ai-space-3); border-radius: var(--kt-ai-radius-full); font-size: var(--kt-ai-text-sm); font-weight: var(--kt-ai-weight-medium); } + .status-new { background: var(--kt-ai-bg-soft); color: var(--kt-ai-fg); } + .status-review { background: var(--kt-ai-bg-soft); color: var(--kt-ai-fg-muted); } + .status-approved { background: var(--kt-ai-bg-soft); color: var(--kt-ai-fg); } + .status-rejected { background: var(--kt-ai-bg-soft); color: var(--kt-ai-fg-muted); } + .toolbar { display: flex; gap: var(--kt-ai-space-3); align-items: center; margin-bottom: var(--kt-ai-space-4); } @@ -34,9 +54,10 @@
Казахтелеком - Учёт кабельной продукции + Сравнение закупочного плана Демо-данные + Новые позиции
@@ -46,22 +67,22 @@
0
Всего
-
кабельных позиций
+
позиций в плане
-
0
-
В работе
-
активных задач
+
0
+
Группы
+
похожих товаров
-
0
-
Готово
-
завершено
+
0
+
Исключено
+
строк отклонено
-
0
-
Метров
-
общая длина
+
0
+
Сумма, ₸
+
общая стоимость
@@ -70,13 +91,13 @@
- - + + + + +
@@ -84,37 +105,51 @@ в демо не меняет KPI
- - + +
+ +
+
+ Выделите 2-4 похожих строки для сравнения (Ctrl+клик) +
- - - - + + + + + + + + + - - +
НазваниеТипСечение, мм²Длина, м☐НаименованиеКатегорияКол-воЕд. изм.Цена, ₸Сумма, ₸Срок поставкиПоставщик СтатусДата Действия
+
+
+
+

Сравнение позиций

+

Выберите оптимальный вариант или исключите неподходящие

+
+
+ +
+

Решение по группе

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+
+
-

Добавить кабель

-

Заполните форму для создания новой записи

+

Добавить позицию в план

+

Заполните форму для создания новой строки закупочного плана

-
+
- - + +
- - + + + + +
- - + +
- - + +
- - +
+
+ + +
+
+ + +
+
+ +
-
- - -
- +
- © 2026 Казахтелеком — Учёт кабельной продукции + © 2026 Казахтелеком — Сравнение закупочного плана Демо-прототип