ElectroPlan Prototype

Запуск

Распакуйте архив и откройте index.html в современном браузере.

Что реализовано

• загрузка изображения плана;
• обрисовка стен;
• подписи комнат;
• компактные пиктограммы всех объектов;
• подробная карточка при наведении;
• перемещение объектов;
• конструктор электрических постов;
• обязательный подрозетник для каждого места;
• сохранение шаблонов постов в LocalStorage;
• размещение готового поста на плане;
• отдельное редактирование размещённого поста;
• стоимость оборудования, материалов и работ;
• печатная форма коммерческого предложения;
• сохранение PDF через стандартный диалог браузера.

Подключение базы данных

Сейчас каталог находится в js/data.js. Объект DataService уже разделяет источник данных и интерфейс редактора.

Для подключения сервера:

1. Измените dataMode на "api".
2. Укажите apiBase.
3. Реализуйте методы из api/README.md.
4. Используйте SQL-схему database/schema.sql.

Рекомендуемый стек:

• frontend: текущий JavaScript или Vue/React;
• backend: Laravel, Node.js/NestJS или 1С-Битрикс;
• database: PostgreSQL;
• PDF: серверный Chromium/Puppeteer;
• файлы планов: S3-совместимое хранилище или файловое хранилище Битрикс.

Важно про PDF

В прототипе кнопка формирует отдельную печатную страницу и открывает диалог сохранения PDF. В промышленной версии PDF лучше генерировать на сервере, фиксировать номер КП и сохранять документ в карточке проекта.

Автоматическая обрисовка

После загрузки растрового плана становится доступна кнопка «Автоматически обрисовать». Алгоритм работает локально в браузере и ищет протяжённые контрастные горизонтальные и вертикальные линии. Чувствительность регулируется ползунком. Автоматические линии отображаются пунктиром и могут быть удалены отдельно.

Это вспомогательная функция. Для промышленного распознавания сложных архитектурных чертежей рекомендуется серверный CV-модуль на OpenCV с последующей ручной проверкой.

Автоматическая привязка оборудования к комнатам

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

• объект получает roomId автоматически по координатам;
• после переноса через стену привязка комнаты пересчитывается;
• после изменения стен выполняется повторное распределение;
• в свойствах элемента отображается его текущая комната;
• в свойствах комнаты отображается только оборудование этой комнаты.

Для корректного определения помещения контур стен должен быть замкнут.