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