Skip to content

NotTryHard-git/coursework

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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

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

  • Учет товаров с фильтрацией по типам (инструменты/материалы)
  • Визуализация стеллажей с отображением заполненности секций
  • Размещение товаров с контролем свободного места
  • Выдача товаров с журналом операций
  • Поиск по 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

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors