Карта рабочих бригад для компании бурения скважин
Firebase, Vue.JS, Yandex Map API
Задача:
Создать карту с админкой, чтобы менеджер мог составить план работ для бригад с визуальным отображением их перемещения.
Решение:
Создали веб-сервис, который состоит из двух частей: публичная карта с отображением передвижений бригад и админ панель для менеджеров компании, панель доступна через авторизацию.
На публичной карте каждая бригада имеет свой настраиваемый цвет, маршрут и расписание. Нужно нажать на точку маршрута, чтобы открыть детальное расписание для бригады.
Каждая бригада включает в себя возможность составлять маршрут, где каждый элемент маршрута содержит:
- Имя заказчика
- Номер телефона заказчика
- Адрес выезда
- Глубина (метры)
- Комментарий
В админке доступен режим редактирования бригад:
Доступные функции:
- Добавление новой бригады
- Редактирование существующей бригады
- Удаление бригады
Для каждой бригады можно назначить свой индивидуальный цвет, который будет использоваться для точек на карте и стрелок.
Доступные фичи:
- Редактирование бригады сразу отображается на карте-превью справа.
- Чтобы изменить порядок адресов в маршруте используйте стрелки, для удаления и ручного выбора точки на карте предусмотрены свои кнопки
- При вводе адреса появится подсказка, выбирайте адрес из подсказки, чтобы Яндекс смог более точно скорректировать координаты
- Перемещение точек маршрута. Чтобы перенести точку в другую бригаду нажмите на соответствующую иконку.
Выберите из списка необходимую бригаду и нажмите Переместить.
После чего точка удалится из текущей бригады и добавится в конец списка выбранной бригады. В сплывающей подсказке можно сразу перейти в редактирование
Управление пользователями — менеджерами осуществляется через панель в Firebase.
Итог
Создали и опубликовали на сервере клиента веб-сервис с картой. Выполнение заняло 10 рабочих дней.
Написали пользовательскую инструкцию для менеджера как пользоваться инструментом.
