Страница предназначена для формирования для регистрации списка товаров – упрощенного вида приходной накладной и отправки этого списка в виде CSV файла и сохранением на диске.
Страница разделена на следующие части и элементы ввода
1. Параметры операции
- Дропдаун выбора магазина из списка
- Дропдаун выбора операции: приход, уход, списание
- дата выполнения операции
Первые два элемента могут быть проинициализированы из параметров URL-а (если параметры есть). Если параметры определены в URL, то они не могут быть изменены на странице, т.е. одни доступны только для чтения
Дата по умолчанию инициализируется текущей, но может быть изменена с помощью календаря
2. Форма ввода товара и его количества
- Поле для ввода идентификатора товара (кода, штрих кода или названия)
- Поля для ввода количества
Для реализации этой формы используется CSV файл с разделителем ';' содержащий таблицу с колонками: код, штрих коды (может быть несколько через запятую), название товара.
Для поля ввода идентификатора товара используется авто дополнение, если пользователь вводит название, должен выпадать список по вхождению введенной подстроки в название продукта или код. Для завершения ввода продукта пользователь должен или выбрать продукт из выпавшего списка, или нажать "Enter" по окончании ввода.
Должна быть выполнена проверка введенного значения и, если оно не соответствует ни одному товару – пользователь получает сообщение об отсутствии товара с возможностью подтверждения ввода или отмены.
В случае подтверждения ввода курсор перемещается в поле ввода количества
В случае отмены, курсор остается в поле ввода идентификатора, введенное значение остается.
Для поля ввода количества должна быть выполнена проверка, что введено положительное число, число знаков после десятичной точки не более 3.
Окончание ввода количества – нажатие кнопки "Enter"
Введенный товар переносится в список товаров см. п.3.
3. Список товаров – Таблица из четырех колонок:
- код товара
- штрих код товара
- название товара
- количество
кнопка "удалить" в виде крестика в каждой строке
кнопка "редактировать" в виде пишущего карандаша в конце каждой строки
При нажатии кнопки "редактировать" товар остается в таблице, его название загружается в поле ввода идентификатора товара (см.п2) и курсор устанавливается в пустое поле ввода количества.
При вводе товара, который уже есть в таблице, количества складываются.
Последняя введенная строка отображается первой в таблице и выделяется крупным жирным шрифтом
4. Под таблицей находится:
- поле ввода комментария
- кнопка отправки введенных данных, по нажатию на которую формируется файл, отправляется электронное письмо и выполняется очистка формы. Если значения первых двух элементов были заданы в URL – то они остаются инициализированными, иначе сбрасываются.
Формат файла:
CSV файл, содержащий данные из таблицы. Разделители ;. Названия товаров – в кавычках
Название файла: <Дата в виде YYYYMMDD>_<Тип операции>_<Название магазина>.csv
Если файл с таким именем уже есть в файловой системе – в конце имени дописывается номер
Формат письма
subject: содержит название магазина, тип операции и дату выполнения
to: список адресатов из файла, в котором они перечислены по одному в строке
from: адресат из файла
body: содержит введенный комментарий или текст "без комментариев", если комментарий не был введен
attachment: CSV файл, формат которого описан выше
Требование к дизайну страницы – дизайн отсутствует – чисто технологический интерфейс:
- странца должна нормально отображаться на разрешении от 480 до 1980 точек по горизонтали
- перечисленные 4 группы ввода выстроены в столбец по середине страницы
- в верхнем левом углу страницы расположен логотип
- сверху заголовок – "Регистрация перемещения товара"
Опубликован 20.12.2015 в 02:25