ElectroPlan Prototype
Запуск
Распакуйте архив и откройте index.html в современном браузере.
Что реализовано
- загрузка изображения плана;
- обрисовка стен;
- подписи комнат;
- компактные пиктограммы всех объектов;
- подробная карточка при наведении;
- перемещение объектов;
- конструктор электрических постов;
- обязательный подрозетник для каждого места;
- сохранение шаблонов постов в LocalStorage;
- размещение готового поста на плане;
- отдельное редактирование размещённого поста;
- стоимость оборудования, материалов и работ;
- печатная форма коммерческого предложения;
- сохранение PDF через стандартный диалог браузера.
Подключение базы данных
Сейчас каталог находится в js/data.js. Объект DataService уже разделяет источник данных и интерфейс редактора.
Для подключения сервера:
- Измените
dataMode на "api".
- Укажите
apiBase.
- Реализуйте методы из
api/README.md.
- Используйте 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 автоматически по координатам;
- после переноса через стену привязка комнаты пересчитывается;
- после изменения стен выполняется повторное распределение;
- в свойствах элемента отображается его текущая комната;
- в свойствах комнаты отображается только оборудование этой комнаты.
Для корректного определения помещения контур стен должен быть замкнут.
