Проект 02 / Система пропусков

СИСТЕМА УПРАВЛЕНИЯ ПРОПУСКАМИ

Локальное веб-приложение для создания, настройки и печати пропусков.

Работающая внутренняя система. Рассчитана прежде всего на компьютер без интернета: рабочие данные остаются в локальной среде.

Рабочее пространство системы

Одна система, весь сценарий

От шаблона
к готовому пропуску

Локальная система для создания, управления и печати пропусков с универсальным редактором шаблонов и разграничением прав доступа.

Основное рабочее место — компьютер. Интерфейс адаптируется и к узкому экрану, сохраняя навигацию по системе.

Та же система на узком экране

Создание пропуска

Данные слева.
Результат перед глазами.

Оператор выбирает шаблон, заполняет поля и работает с фото. Предпросмотр помогает проверить пропуск перед добавлением в очередь.

  1. Шаблон
  2. Данные
  3. Пропуск
  4. Очередь
  5. A4
  6. Печать
Заполнение данных и предпросмотр пропуска

Шаблон задаёт структуруСтандартные и дополнительные поля появляются в рабочем сценарии.

Предпросмотр даёт контрольФото, текст и расположение элементов можно проверить до печати.

Универсальный редактор

Новый тип пропуска.
Без изменения кода.

От размера карточки до последнего текстового поля: шаблон собирается в визуальном редакторе, а затем используется оператором.

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

Форма и стороны

Размеры карточки, односторонние и двусторонние шаблоны, отдельные фоны лицевой и оборотной стороны. Переключение лицевой и оборотной стороны.

Содержание и точность

Изображения, фото, стандартные и пользовательские поля, постоянный текст и декоративные блоки. Стили текста, позиции и размеры, сетка и привязка.

Правки и перенос

Отмена и повтор действия помогают работать с изменениями. Импорт и экспорт позволяют переносить готовые шаблоны.

Роли и управление

Каждому —
свои действия

Оператор

Создаёт и печатает

Выбирает шаблон, вводит данные, проверяет пропуск и отправляет очередь на печать.

Администратор

Настраивает и управляет

Шаблоны, пользователи и роли, блокировка, сброс паролей и завершение сессий. Справочники, данные руководителя, журнал и системные операции.

Пользователи и управление доступом

Действия остаются в журнале

Журнал действий находится в разделе администрирования: события можно просматривать и фильтровать при проверке работы системы.

Журнал действий

Очередь → A4 → Печать

Пропуски собираются в очередь. Раскладка A4 зависит от шаблона: поддерживаются разные ориентации и варианты с одной или двумя сторонами.

Очередь → A4
Предпросмотр листа с лицевыми и оборотными сторонами
A4 → Печать
Подготовленный лист в диалоге печати

Локальная эксплуатация

Данные остаются
под контролем

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

Перед восстановлением выполняется проверка и создаётся страховочная копия. После восстановления активные сессии завершаются.

Система и перенос данных

Результат

От универсального шаблона — до готового листа для печати в одной системе.

  • Универсальные шаблоны
  • Ролевой доступ
  • A4 и печать
  • Локальная работа
Технологии проекта

React 18, TypeScript, Vite, Mantine, React Router, Axios

Node.js, Express, TypeScript, MySQL

JWT, bcrypt, аутентификация через cookie, Multer, react-to-print