Реестр обращений абонентов

Тип решения

Статика: одна страница index.html + style.css + script.js на ванильном JS, с сохранением данных в браузере между открытиями.

Задача

Сделать реестр обращений абонентов с учётом того, кто обратился, в чём суть проблемы, кто взял в работу, срок, статус и признак просрочки.

Кто пользуется

Сотрудник, который ведёт обращения абонентов и ежедневно обновляет их статус.

Что делает прототип (по экранам и кнопкам)

На одном экране отображаются:

верхняя панель со счётчиками: всего обращений, новые, в работе, выполнены, просрочены;
строка поиска по ФИО/контакту абонента, сути проблемы, ответственному и статусу;
кнопки-чипсы фильтра по статусу: «Все», «Новые», «В работе», «Выполнены»;
таблица всех обращений со столбцами: дата обращения, кто обратился, суть проблемы, кто взял в работу, срок, статус, просрочка;
кнопка «Добавить обращение»;
в каждой строке кнопки «Редактировать» и «Удалить».

Форма добавления/редактирования открывается в модальном окне и содержит поля:

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

Поведение кнопок:

«Добавить обращение» — открывает пустую форму;
«Редактировать» — открывает форму с данными выбранной строки;
«Сохранить» — добавляет или изменяет запись и обновляет таблицу, счётчики и признак просрочки;
«Удалить» — требует подтверждение, после удаления запись исчезает из таблицы;
поиск — фильтрует список по введённому тексту;
чипсы статуса — оставляют только выбранный статус;
система автоматически показывает просроченные обращения, если срок меньше текущей даты и статус не «Выполнены»;
кнопка «Выгрузить в Excel (CSV)» — скачивает текущий список с применёнными фильтрами.

При удалении и изменении записи в журнале изменений сохраняется строка вида: когда, что, кто. Журнал также доступен в прототипе отдельным блоком/вкладкой на этой же странице.

Демо-данные

Заложить 8 записей в казахстанском контексте:

2 обращения со статусом «Новые»;
3 обращения со статусом «В работе»;
2 обращения со статусом «Выполнены»;
1 обращение просрочено.

Примеры данных:

Айгүл Сәтбаева, Алматы, проблема с интернетом, взял в работу Ерлан Нурбаев, срок 28.08.2026, статус «В работе»;
Данияр Төлегенов, Астана, нет доступа к личному кабинету, взяла в работу Гүлнұр Иманова, срок 27.08.2026, статус «Новые»;
Нұрсұлтан Қасымов, Шымкент, не проходит оплата, взял в работу Марат Серік, срок 25.08.2026, статус «Выполнены»;
Асель Жумабаева, Караганда, низкая скорость, взяла в работу Айдана Оразалы, срок 26.08.2026, статус «В работе» и просрочка.

Даты в интерфейсе показывать в формате ДД.ММ.ГГГГ.

Допущения

Под «кто обратился» понимается ФИО абонента и его контактный телефон.
Поле «кто взял в работу» трактуется как ответственный сотрудник.
Статусы для прототипа: «Новые», «В работе», «Выполнены».
Срок — календарная дата без времени.
Просрочка считается автоматически по сравнению срока с текущей датой.

Чего пока нет

Авторизация и разграничение прав.
Интеграции с CRM, 1С и корпоративными базами.
Общая серверная база между пользователями.
Уведомления и автоматическая маршрутизация обращений.

5.6 KiB Raw Permalink Blame History Unescape Escape