Веб-приложение для учета товаров на складе
Это веб приложение позволяет производить автоматизированный учёт товаров на складе. Система способна автоматически генерировать структуру склада по заданным начальным параметрам. Товары можно добавить, разместить, добавить на выдачу и выдать. Размещение товаров гибкое, поэтому есть возможность не сразу помещать товар на полку, а оставить его во временном хранилище и найти ему место позже. Система сама определяеть возможно ли поместить товар на определённую секцию изходя из свободного на ней место и количесва самого товара.
- Учет товаров с фильтрацией по типам (инструменты/материалы)
- Визуализация стеллажей с отображением заполненности секций
- Размещение товаров с контролем свободного места
- Выдача товаров с журналом операций
- Поиск по ID и названию товара
- Журнал операций с фильтрацией по типам (размещение/выдача)
- Хранение товаров все товары хранятся в массивах в store.js
Frontend:
- Vue 3 (Options API)
- Pinia (стейт-менеджмент)
- Vue Router
- Bootstrap 5
-
Клонировать репозиторий
git clone https://github.com/ваш-репозиторий.git cd warehouse-wms -
Установить зависимости
npm install
-
Запустить development-сервер
npm run dev
-
Собрать production-версию
npm run build
/src
├── assets/ # Стили CSS
├── components/ # Vue-компоненты
│ ├── Goods.vue # Страница товаров
│ ├── Issue.vue # Модальное окно выдачи
│ ├── LocationModal.vue # Модальное окно выбора локации товара
│ ├── Placement.vue # Модальное окно размещения
│ └── Shelving.vue # Страница стеллажей
├── router/ # Конфигурация маршрутов
|── App.vue # Главный Vue файл с шапкой, навигационной панелью и подвалом приложения
├── store.js # Хранилище Pinia
└── main.js # Точка входа
Размещение товара:
- Нажмите "Размещение" в шапке
- Заполните данные о товаре
- Выберите стеллаж и секцию
- Подтвердите размещение
Выдача товара:
- На странице "Товары" нажмите "Добавить к выдаче"
- Откройте модальное окно "Выдача"
- Подтвердите выдачу выбранных товаров или удалите их из списка выдачи