Журнал учёта заявок

Тип решения

Статический сайт (index.html + style.css + script.js) с хранением состояния в браузере.

Задача

Создать инструмент для фиксации и отслеживания внутренних заявок: кто подал, суть запроса, сроки исполнения и текущий статус.

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

Сотрудники подразделений, подающие заявки, и ответственные за их обработку.

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

Главный экран: Таблица со списком всех заявок. Сверху — панель со счётчиками (Всего, В работе, Готово) и строка поиска по тексту.
Фильтрация: Кнопки-чипсы над таблицей для быстрого отбора по статусам.
Добавление/Редактирование: Модальное окно с формой (ФИО, Описание, Срок, Статус). Одна кнопка «Сохранить» работает и для создания, и для правки.
Удаление: Кнопка удаления в строке вызывает подтверждение («Вы уверены?»). После удаления запись исчезает из таблицы, но фиксируется в журнале изменений.
Журнал изменений: Отдельная вкладка или блок, где видно историю: дата, действие, кто изменил.
Экспорт: Кнопка «Скачать в Excel» выгружает текущий список в CSV.
Сохранение данных: Все изменения сохраняются в LocalStorage браузера — данные не пропадают после обновления страницы.

Демо-данные

5 записей с реалистичными именами (Алиев А., Смирнова Е.) и датами в формате ДД.ММ.ГГГГ. Статусы: «Новая», «В работе», «Выполнена».

Допущения

Даты вводятся и отображаются в формате ДД.ММ.ГГГГ.
Терминология строго по заявке: «Заявка», «Срок», «Статус».
Для первого прототипа данные хранятся локально в браузере пользователя.

Чего пока нет

Общего сервера для синхронизации между разными сотрудниками.
Интеграции с почтой Лотус и CRM.
Личного кабинета и авторизации.

Дизайн — дизайн-система 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/templates/kt-ai-app-shell.html с конфигом по design-system/docs/PRODUCT_CONTRACT.md; архетип экрана выбирай по design-system/docs/ARCHETYPES.md. Свой стиль не выдумывай, Bootstrap/Tailwind/Material/Google Fonts не подключай, сырые hex-цвета не пиши. Папку design-system/ закоммить вместе с проектом — иначе опубликованная страница останется без стилей.

4.6 KiB Raw Blame History Unescape Escape