МаслайтДокументация

Мобильные интерфейсы

Мобильное приложение и адаптивный портал: сканер, заказы в поле, уведомления.

B2B-портал включает два мобильных решения: веб-приложение для складских операций (WMS), доступное по URL прямо в браузере телефона, и отдельное нативное приложение для iOS и Android (в разработке). Раздел описывает текущий рабочий инструмент — мобильный WMS.

Главный экран WMS


Мобильный WMS — складские операции

URL: /mobile/wms

Мобильный WMS — это адаптированный под смартфон интерфейс для работы на складе. Кладовщик или сотрудник склада открывает его в браузере телефона. Все кнопки крупные, управление одной рукой. Поддерживается работа в условиях нестабильного соединения — при отсутствии сети отображается баннер предупреждения.

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

Сотрудники склада (любая роль, имеющая доступ к складским функциям). Требуется авторизация.


Экраны WMS

Главный экран

Пять плиток-кнопок для перехода к операциям:

ПлиткаОперация
ПриёмкаОприходование поступившего товара
ОтгрузкаПодтверждение отгрузки по заказу
ПеремещениеПеремещение товара между складами
ИнвентаризацияПересчёт остатков по складу
СканерПоиск товара по штрих-коду или SKU

В правом верхнем углу — иконка перехода в профиль пользователя.


Операции

Приёмка товара

Используется при получении поставки от производителя или поставщика.

  1. Откройте «Приёмка».
  2. Нажмите «Сканировать штрих-код» — откроется экран сканера.
  3. Направьте камеру на штрих-код товара или введите SKU вручную.
  4. После определения товара введите количество с помощью кнопок +/-.
  5. Выберите склад из выпадающего списка.
  6. Нажмите «Подтвердить».

При успехе появляется зелёное сообщение, форма сбрасывается для следующей позиции.

Отгрузка

Используется для подтверждения отгрузки укомплектованных заказов.

  1. Откройте «Отгрузка» — загрузится список отгрузок в статусе «Упакован».
  2. Выберите нужную отгрузку из списка.
  3. На экране деталей отображается список позиций с прогресс-баром.
  4. Отметьте каждую позицию галочкой по мере проверки.
  5. После отметки всех позиций кнопка «Подтвердить отгрузку» станет активной.
  6. Нажмите её — отгрузка переведётся в статус «Отгружен».

Перемещение между складами

  1. Откройте «Перемещение».
  2. Отсканируйте товар или найдите через поиск.
  3. Введите количество.
  4. Выберите склад-источник и склад-назначение (они не должны совпадать).
  5. Нажмите «Переместить».

Инвентаризация

  1. Откройте «Инвентаризация» — отображается список складов с позициями для пересчёта.
  2. Выберите склад.
  3. Для каждой позиции нажмите на неё — откроется форма ввода фактического количества.
  4. Введите фактическое количество. При расхождении с учётным — появится предупреждение.
  5. Нажмите «Сохранить» для фиксации позиции.
  6. После обработки всех нужных позиций нажмите «Завершить».

Кнопка «Завершить» показывает прогресс: (отсканировано/всего).

Сканер штрих-кодов

Отдельный экран поиска и просмотра товаров.

Способ поискаОписание
КамераНажмите «Камера» — наведите на штрих-код. Использует нативный BarcodeDetector API
ФотоЗагрузите фото штрих-кода из галереи
Ручной вводВведите SKU, штрих-код или название в поле поиска

После нахождения товара открывается карточка с названием, SKU, ценой и остатками по всем складам.

Внизу экрана отображаются «Недавно найденные» — 5 последних отсканированных товаров (хранятся в памяти браузера).

Сканер


Работа в оффлайн-режиме

При потере соединения вверху страницы появляется жёлтый баннер «Нет подключения к сети. Некоторые функции недоступны.» Просмотр недавних сканов доступен без сети. Все операции, изменяющие данные (приёмка, отгрузка, перемещение, инвентаризация), требуют подключения.


Нативное мобильное приложение

Параллельно ведётся разработка нативного приложения для iOS и Android на базе React Native / Expo (папка mobile/ в репозитории). Приложение предназначено для расширенного функционала: push-уведомления, работа с камерой, офлайн-каталог. Актуальный статус разработки — у менеджера проекта.

На текущий момент для работы на складе используйте браузерный WMS по адресу /mobile/wms.


Связанные разделы

On this page