Обновлены правила кнопки "Создать поставку" в разделе "Мои поставки" с добавлением новых принципов, размещения и стилей. Удален старый dropdown для создания поставок, заменен на контекстные кнопки в табах. Оптимизирован интерфейс для управления поставками с учетом новых маршрутов и адаптивности. Внесены изменения в компоненты панели управления фулфилмента и поставок, включая обновление логики отображения и навигации.
This commit is contained in:
77
rules2.md
77
rules2.md
@ -520,7 +520,82 @@ const handleSuppliesClick = () => {
|
||||
4. **В пути** - товар отгружен
|
||||
5. **Доставлена/Принято** - получена фулфилментом
|
||||
|
||||
### 9.3 Экономика
|
||||
### 9.3 Правила кнопки "Создать поставку" в разделе "Мои поставки"
|
||||
|
||||
#### **9.3.1 Общие принципы**
|
||||
|
||||
- **КОНТЕКСТНОСТЬ**: Кнопка создания появляется только в активном табе
|
||||
- **РАСПОЛОЖЕНИЕ**: Правая часть строки таба, на том же уровне что и название
|
||||
- **СТИЛИСТИКА**: В том же стиле что и сами табы (соответствует уровню иерархии)
|
||||
- **ФУНКЦИОНАЛЬНОСТЬ**: Кнопка ведет на страницу создания поставки соответствующего типа
|
||||
|
||||
#### **9.3.2 Размещение кнопок по табам**
|
||||
|
||||
**УРОВЕНЬ 2 (Подтабы фулфилмента):**
|
||||
|
||||
- **📦 Товар → Карточки**: Кнопка "Создать поставку" → `/supplies/create-cards`
|
||||
- **📦 Товар → Поставщики**: Кнопка "Создать поставку" → `/supplies/create-suppliers`
|
||||
- **🔧 Расходники селлера**: Кнопка "Создать поставку" → `/supplies/create-consumables`
|
||||
|
||||
**УРОВЕНЬ 2 (Подтабы маркетплейсов):**
|
||||
|
||||
- **🟣 Wildberries**: Кнопка "Создать поставку" → `/supplies/create-wildberries`
|
||||
- **🔵 Ozon**: Кнопка "Создать поставку" → `/supplies/create-ozon`
|
||||
|
||||
#### **9.3.3 Стили кнопок**
|
||||
|
||||
**ДЛЯ УРОВНЯ 2 (h-9):**
|
||||
|
||||
```css
|
||||
/* Размер и отступы */
|
||||
h-9 px-3 py-1 ml-auto
|
||||
|
||||
/* Фон и границы */
|
||||
bg-white/8 border border-white/20 hover:bg-white/12
|
||||
|
||||
/* Текст и иконки */
|
||||
text-xs font-medium text-white/80 hover:text-white
|
||||
|
||||
/* Скругления */
|
||||
rounded-lg
|
||||
|
||||
/* Переходы */
|
||||
transition-all duration-150
|
||||
```
|
||||
|
||||
**ДЛЯ УРОВНЯ 3 (h-8):**
|
||||
|
||||
```css
|
||||
/* Размер и отступы */
|
||||
h-8 px-2 py-1 ml-auto
|
||||
|
||||
/* Фон и границы */
|
||||
bg-white/5 border border-white/15 hover:bg-white/8
|
||||
|
||||
/* Текст и иконки */
|
||||
text-xs font-normal text-white/60 hover:text-white/80
|
||||
|
||||
/* Скругления */
|
||||
rounded-md
|
||||
|
||||
/* Переходы */
|
||||
transition-all duration-150
|
||||
```
|
||||
|
||||
#### **9.3.4 Поведение кнопок**
|
||||
|
||||
- **ВИДИМОСТЬ**: Кнопка показывается только в активном табе
|
||||
- **ИКОНКА**: `Plus` размером `h-3 w-3` слева от текста
|
||||
- **ТЕКСТ**: "Создать" на мобильных, "Создать поставку" на десктопах
|
||||
- **АДАПТИВНОСТЬ**: Скрытие текста на маленьких экранах (`hidden sm:inline`)
|
||||
|
||||
#### **9.3.5 Удаление старой кнопки**
|
||||
|
||||
- **УБРАТЬ**: Текущий dropdown "Создать поставку" из верхней части
|
||||
- **ПРИЧИНА**: Заменяется контекстными кнопками в табах
|
||||
- **СОХРАНИТЬ**: Стили и логику навигации, но адаптировать под новые роуты
|
||||
|
||||
### 9.4 Экономика
|
||||
|
||||
_Раздел находится в разработке. Будет добавлен позже._
|
||||
|
||||
|
Reference in New Issue
Block a user