Главная страница техподдержки: список и тред

#387

Главная страница техподдержки открывается из кабинета — кнопкой «Техподдержка» в боковой панели (открывается в новой вкладке). Это полноценный интерфейс работы с обращениями: список слева, открытый тикет справа.

Структура страницы

Сверху — sticky-шапка с поиском, кнопкой «+» (создать новый тикет), колокольчиком 🔔 (фид непрочитанных), шестерёнкой ⚙ (настройки уведомлений), переключателем языка и выходом.

  • Левая колонка — список тикетов. По умолчанию открыта секция «Открытые», ниже свёрнутая «Закрытые». Ширина колонки регулируется перетаскиванием границы.
  • Правая колонка — открытый тикет: шапка с темой и статусом, блок ответственного и наблюдателей, привязанный заказ, тред сообщений и композер ответа сверху.

На мобильных колонки складываются вертикально — сначала список, при клике на тикет — тред.

Поиск и фильтры

В верхней панели слева есть строка поиска и кнопка фильтра. Поиск поддерживает точный поиск по номеру обращения — можно вводить с «#». Доступные фильтры:

  • Статус — мультивыбор чекбоксами, видно сразу несколько категорий обращений (открытые / закрытые / все).
  • «Без ответственного» — с подсветкой количества таких обращений.
  • Дата создания, дата последнего сообщения.
  • Привязанный заказ, привязанная деталь.
  • Ответственный, наблюдатели.
  • Для сотрудников поддержки — фильтр по фирме клиента и по автору тикета.

Часто используемые комбинации можно сохранять как пресеты — кнопкой «Сохранить как пресет» из панели фильтров. Пресет потом применяется одним кликом из списка пресетов.

Шапка тикета

В шапке открытого тикета видны:

  • Номер и тема — #42 «название тикета».
  • Статус — цветной бейдж. Клик открывает выбор нового статуса (для тех, у кого есть право).
  • Ответственный — крупная иконка ⚑ + номер пользователя. Если ответственный — это вы, иконка зелёная.
  • Наблюдатели — мелкие иконки 👁 с номерами пользователей.
  • Привязанный заказ — если есть, отображается номер и публичный код заказа.
  • Контакты клиента — видны прямо в карточке обращения, можно связаться, не выходя из системы.

Тред сообщений

Под шапкой — лента сообщений в хронологическом порядке. Типы записей:

  • Сообщения клиента и сообщения поддержки — обычные реплики, с автором, временем и вложениями.
  • Системные сообщения — служебные записи о смене статуса, назначении ответственного, добавлении/удалении наблюдателя, привязке заказа, и «📨 Уведомлены: пользователь #N (email ✓, telegram ✗); …».

Обновление переписки в фоне перерисовывает экран только при реальных изменениях — исчезли мигание и повторная загрузка картинок.

Композер

Сверху от треда — поле ввода ответа и кнопка «Отправить». Можно прикреплять файлы (drag&drop или кнопкой); картинки из буфера обмена при написании ответа автоматически уходят во вложения, не ломая вёрстку письма. Допустимые расширения и максимальные размеры контролируются сервером — при попытке загрузить запрещённое расширение или слишком большой файл, сервер вернёт ошибку, и UI её покажет. Изображения в треде открываются в удобном полноэкранном просмотре. Также можно добавлять внутренние заметки, видимые только сотрудникам поддержки, — отдельно от ответов клиенту.

Связанные темы