Skip to content

README.md

Latest commit

 

History

History
79 lines (62 loc) · 4.05 KB

README.md

File metadata and controls

79 lines (62 loc) · 4.05 KB
Raw

Веб-приложение для учета товаров на складе

Это веб приложение позволяет производить автоматизированный учёт товаров на складе. Система способна автоматически генерировать структуру склада по заданным начальным параметрам. Товары можно добавить, разместить, добавить на выдачу и выдать. Размещение товаров гибкое, поэтому есть возможность не сразу помещать товар на полку, а оставить его во временном хранилище и найти ему место позже. Система сама определяеть возможно ли поместить товар на определённую секцию изходя из свободного на ней место и количесва самого товара.

Основные функции

  • Учет товаров с фильтрацией по типам (инструменты/материалы)
  • Визуализация стеллажей с отображением заполненности секций
  • Размещение товаров с контролем свободного места
  • Выдача товаров с журналом операций
  • Поиск по ID и названию товара
  • Журнал операций с фильтрацией по типам (размещение/выдача)
  • Хранение товаров все товары хранятся в массивах в store.js

Технологии

Frontend:

  • Vue 3 (Options API)
  • Pinia (стейт-менеджмент)
  • Vue Router
  • Bootstrap 5

Быстрый старт

  1. Клонировать репозиторий

    git clone https://github.com/ваш-репозиторий.git
cd warehouse-wms

  2. Установить зависимости

    npm install

  3. Запустить development-сервер

    npm run dev

  4. Собрать 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                 # Точка входа

Примеры использования

Размещение товара:

  1. Нажмите "Размещение" в шапке
  2. Заполните данные о товаре
  3. Выберите стеллаж и секцию
  4. Подтвердите размещение

Выдача товара:

  1. На странице "Товары" нажмите "Добавить к выдаче"
  2. Откройте модальное окно "Выдача"
  3. Подтвердите выдачу выбранных товаров или удалите их из списка выдачи

Vue Bootstrap