Задача и моя работа.
Посетителю нужно было рассчитать объект и оставить заявку. Менеджеру — получить параметры заказа, уточнить смету и подготовить коммерческое предложение.
- Разработал сайт и мастер расчёта с передачей параметров объекта в заявку.
- Реализовал рабочий интерфейс CRM: статусы сделок, документы и действия менеджера.
- Добавил ручной редактор спецификации и сохранение сметы перед открытием документа.
- Дорабатывал интерфейс и переходы после запуска: единицы измерения, отображение документов и работу с закрытыми сделками.
Ключевые решения.
Перед показом ручной сметы проверяется целостность данных.
При открытии документа система автоматически проверяет, что данные подготовленной спецификации не изменились. Для этого используется серверная подпись. Если проверка не проходит или подписи нет, отображается предварительный расчёт.
Правки сметы сохраняются перед открытием документа.
Для нестандартных позиций предусмотрен ручной редактор. Итог складывается из строк спецификации; перед открытием и скачиванием документа несохранённые правки сохраняются.
Как устроен процесс.
- Посетитель задаёт параметры
На сайте выбирает тип объекта и вводит исходные данные для расчёта.
- Менеджер продолжает работу с заказом
Уточняет параметры, видит статус сделки и проверяет состав сметы.
- Расчёт становится документом
Модуль собирает спецификацию, группы стоимости и итог. Решение о составе и окончательной цене остаётся у менеджера.
- Команда выпускает и отправляет КП
Менеджер проверяет условия, сохраняет PDF через печать в браузере и сам выбирает канал отправки.
Реализация и пример работы.
Отдельный пример предварительного КП для вымышленного склада 18 × 12 × 4,5 м. Сформирован локально расчётным модулем проекта; реквизиты заменены. Суммы взяты из локального справочника и показывают работу расчётчика.
На экранах сайта данные заказчика скрыты. CRM показана на тестовой записи.
Коммерческое предложение из расчётного модуля.
Параметры объекта, спецификация, стоимость и состав работ. Локальный предварительный пример до проверки менеджером.
Результат проекта.
Вместе с обращением доступны параметры объекта, расчёт и документы. Менеджер может продолжить работу со сметой, подготовить предложение и вернуться к сделке после уточнений.
Технологии и детали реализации
Next.js, TypeScript, Supabase и API. В системе связаны формы, расчётная логика, статусы и документы. Ручная смета проверяется перед выпуском КП; отправка остаётся действием менеджера.
Обсудим вашу задачу.
Можно начать с калькулятора, подготовки документа или связи существующего сайта с CRM. Посмотрим один пример вашего заказа и определим первый этап.
Обсудить заявки и расчёты ↗