# Журнал учёта заявок ## Тип решения Статический сайт (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`. Тема по умолчанию — светлая: ``; не ставь `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/` закоммить вместе с проектом — иначе опубликованная страница останется без стилей.