Калькулятор аренды оборудования

Тип решения

Статический веб-сайт (index.html + style.css + script.js).

Задача

Расчет стоимости аренды оборудования на основе типа устройства, срока, количества и скидки.

Кто пользуется

Менеджеры по продажам и клиенты для предварительного расчета стоимости.

Что делает прототип

Отображает форму ввода с полями: выбор типа оборудования (выпадающий список), срок аренды (число месяцев), количество единиц (число), размер скидки (проценты).
Показывает итоговую сумму крупно на экране.
Кнопка «Рассчитать» обновляет итог мгновенно.
Кнопка «Очистить» сбрасывает все поля в ноль.
Список последних 5 расчетов сохраняется и отображается ниже формы.
Данные сохраняются в браузере пользователя и не пропадают после обновления страницы.
Удаление записи из истории происходит только после подтверждения диалоговым окном, с записью факта удаления в системный журнал (визуально).

Демо-данные

В справочнике оборудования предустановлены 3 позиции: «Серверная стойка» (50 000 тг/мес), «Оптический терминал» (2 000 тг/мес), «Wi-Fi роутер» (3 500 тг/мес). В истории расчетов — 2 примера с датами в формате ДД.ММ.ГГГГ.

Допущения

Базовая стоимость оборудования жестко задана в коде (владелец не предоставил прайс-лист).
Скидка применяется ко всей сумме чека.
НДС не выделяется отдельно.

Чего пока нет

Интеграции с 1С и CRM.
Личного кабинета и авторизации.
Выгрузки отчета в Excel (для единичного расчета не требуется).

Дизайн — дизайн-система KT AI

Весь интерфейс собирай на дизайн-системе KT AI, которая уже лежит в папке проекта design-system/. Перед первой строкой вёрстки прочитай design.md и design-system/AGENTS.md и следуй им. Подключай файлы ДС относительными путями и в этом порядке: ./design-system/kt-ai-fonts.css, ./design-system/kt-ai-tokens.css, ./design-system/kt-ai-components.css, ./design-system/kt-ai-page.css. Тема по умолчанию — светлая: <html lang="ru" data-theme="light">; не ставь dark и не ставь auto (auto уходит в тёмную по системной теме). Переключатель темы можно оставить, но открываться страница должна светлой. Цвета, отступы и размеры — только токенами var(--kt-ai-…), иконки — из design-system/icons/kt-ai-lucide-sprite.svg. Таблицы, списки, журналы, дашборды и формы собирай из готовых классов ДС (design-system/COMPONENTS.md), архетип экрана выбирай по design-system/docs/ARCHETYPES.md. Каркас страницы — из design.md, с обычными <link>. Шаблон design-system/templates/kt-ai-app-shell.html целиком не копируй: его скрипты-загрузчики (data-kt-ai-base-resolver, data-kt-ai-boot) тянут CSS с корня сайта по абсолютному пути /design-system/…, а сайт публикуется в подпапке — стили не загрузятся. Подключай только файлы, которые реально лежат в design-system/ (проверь ls design-system): файла kt-ai-components.js там нет. Свой стиль не выдумывай, Bootstrap/Tailwind/Material/Google Fonts не подключай, сырые hex-цвета не пиши. Папку design-system/ закоммить вместе с проектом — иначе опубликованная страница останется без стилей.

4.9 KiB Raw Blame History Unescape Escape