Проект 02 / Propusc

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

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

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

Главный экран локальной системы Propusc
Рабочее пространство системы

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

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

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

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

Главный экран Propusc на мобильном устройстве
Та же система на узком экране

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

operator

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

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

admin

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

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

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

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

Audit собран в администрировании: события можно просматривать и фильтровать при проверке работы системы.

Журнал действий системы с фильтрами
Журнал действий

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

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

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

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

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

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

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

Системный раздел резервного копирования и восстановления
Система и перенос данных

Результат

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

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

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

Node.js, Express, TypeScript, MySQL

JWT, bcrypt, cookie auth, Multer, react-to-print