Перейти к содержимому
Все работы

B2B · ENTERPRISE · 2025

Энергокабинет

Сверка данных двух систем учёта и работа с обращениями в одном кабинете.

Что спроектировано

  • Сценарии подготовки данных и проверки расхождений: параметры отчётов, загрузка файлов и общие справочники.
  • Единичное и массовое согласование с проверкой договора и версии записи.
  • Отдельные представления для нарастающего итога и многоквартирных домов, подтверждение финального протокола за период.

Энергокабинет

Интерактивное демо — можно переключать экраны и пробовать действия.

01

Регистрация по типу пользователя

Состав регистрационных данных зависит от типа пользователя. В регистрации физического лица личные сведения, данные для входа и подтверждение контактов разделены на шаги: каждый шаг решает свою задачу и сохраняет место в общем процессе. Для существующей учётной записи предусмотрен отдельный вход, включая ЕСИА.

Подтверждение контактов

02

Сверка и согласование данных

Состав отчёта зависит от участка, правил сравнения и периода показаний. Эти условия относятся ко всему отчёту. Решение по расхождению привязано к договору и версии записи, а массовое согласование — к явно выбранной группе строк.

Условия проверки

Согласование записи

Массовое согласование

За выбранный период можно зафиксировать только один финальный протокол, и действие необратимо. Поэтому перед фиксацией предусмотрены два подтверждения: первое объясняет, какие разногласия станут финальными, второе прямо предупреждает об ограничении. На обоих шагах остаётся возможность отменить действие.

Фиксация финального протокола

03

Период и источник загружаемых данных

Файл сам по себе не задаёт условия сравнения. Поэтому система учёта, тип отчёта и период выбираются до отправки. Прикреплённые файлы можно проверить и удалить перед добавлением; список загрузок сохраняет их период, статус и прогресс обработки.

Проверка файла перед добавлением

04

Два значения в одной справочной записи

В двух системах одной справочной записи соответствуют свои номера и значения. Форма объединяет их с единицей измерения и дочерними тарифами. Признаки показа задаются для каждой системы отдельно, поэтому общая запись может учитывать различия их справочников.

Значения двух систем

05

Разногласие за несколько периодов

В нарастающем итоге одного значения недостаточно для разбора разногласия: нужны данные двух систем за отдельные периоды. Из таблицы можно перейти к детали договора и версии, где сравнение соседствует с причиной и предлагаемым решением. Комментарий и файлы относятся к этой же записи согласования.

Сравнение по периодам

06

От дома к группе точек учёта

В многоквартирном доме расхождение зависит от общего прибора и состава точек учёта. Поэтому сведения о доме сохраняются при раскрытии групп: можно проверить отдельную точку и вернуться к общему сравнению.

Параметры общедомового прибора

07

События по областям работы

В кабинет поступают сообщения о договорах, учёте, платежах и обращениях. Группировка по этим областям позволяет просмотреть нужную часть потока, а отметки новых записей отделяют её обновления. Для разбора сообщения предусмотрена карточка с полным текстом, датой и временем события.

Полный текст уведомления

08

От черновика к отправленному обращению

Для разбора обращения нужны его тема, адрес и описание ситуации; файлы дополняют эти сведения. Сохранение черновика отделено от отправки, чтобы можно было вернуться к подготовке сообщения. В общем списке состояние обращения и даты создания и обновления позволяют отличить подготовку от обработки и закрытия.

Сохранённое обращение

09

Основа интерфейса

Повторяющиеся сценарии используют общие поля, кнопки и состояния. Чтобы менять оформление согласованно, библиотека разделяет значения палитры, роли и токены компонентов. Роли задают ссылки для light и dark; размеры, отступы и типографика собраны в отдельные коллекции.

ПАЛИТРА → РОЛИ → КОМПОНЕНТЫ

Общие правила интерфейса

Цвета, размеры и состояния связывают таблицы, формы и навигацию в одну систему.

01 · ЦВЕТblue / selected#edf5fc

Оттенок из общей палитры

02 · РОЛЬtable / rowSelected
Светлая тема #EDF5FCТёмная тема #253F57

Роль задаёт назначение цвета

03 · ТОКЕН--energy-selected↳ фон выбранной строки--energy-content↳ основной текст

Фон и текст связаны отдельно

04 · КОМПОНЕНТ
Договор выбран
table / selected

Одно состояние во всех таблицах

Палитра5Нейтральные и смысловые шкалы
Цветовые роли22Фоны, текст и состояния
Темы2Светлый и тёмный режим
Размеры24Общая числовая шкала
Отступы13Расстояния между элементами
Заголовки5Иерархия текста