transfer-filter v0.1.0

transfer_filter

Фильтр для списка отгрузок в исполнении фронтенд-разработчика

Запустить:

Открыть консоль в IDE и написать npm run serve

Компоненты:

FilterBody - родительский компонент, управляющий всеми входящими данными

FilterComponent - шапка фильтра

ItemsList - список категорий фильтров, отправляет данные о нажатом фильтре в FilterBody

ShipmentsList - список всех отгрузок

Shipment - компонент, отображающий отгрузку

SideNav - навигация

Как передавать данные в фильтр:

{

<!-- Фильтры -->
"filters": [

    "name": "Поставщик", <!-- Название категории -->
    
    "value": "supplier", <!-- Значение категории (Поставщик - "supplier" / Получатель - "receiver" / Товар - ["products", "name"]) -->
    
    "items": [           <!-- Список всех фильтров по этой категории -->
    
        {
        
            "id": 1, <!-- Id фильтра -->
            
            "title": "ОЙ ПСК" <!-- Название фильтра -->
            
        }
        
    ]
    
],

<!-- Отгрузки -->
"shipments": [

    {
    
        "number": "001", <!-- Номер отгрузки -->
        
        "supplier": "ОЙ ПСК", <!-- Отправитель -->
        
        "from": "г.Москва, ул.Ленина, д. 1", <!-- Откуда -->
        
        "receiver": "ТОВАРИЩЕСТВО КОЛОСС", <!-- Получатель -->
        
        "to": "г. Санкт-Петербург, ул. Маяковского, д. 1", <!-- Куда -->
        
        "products": [    <!-- Список продуктов -->
        
            {
            
                "id": "154",
                
                "name": "Ламадор Про КС", <!-- Имя продукта -->
                
                "weight": "2432 кг", <!-- Вес продукта -->
                
                "size": "3,54 м" <!-- Размер продукта -->
                
            }
            
        ],
        
        "shipmentDate": "25.03.2020", <!-- Дата отгрузки -->
        
        "delieverDate": "28.03.2020", <!-- Дата доставки -->
        
        "status": "В работе" <!-- Статус отгрузки -->
        
    }
    
]

}