Исправление ошибок в редактировании комплектов: валидация, верстка, расчет цены
This commit is contained in:
@@ -313,15 +313,17 @@ class KitItemForm(forms.ModelForm):
|
||||
"""
|
||||
class Meta:
|
||||
model = KitItem
|
||||
fields = ['product', 'variant_group', 'quantity']
|
||||
fields = ['product', 'variant_group', 'sales_unit', 'quantity']
|
||||
labels = {
|
||||
'product': 'Конкретный товар',
|
||||
'variant_group': 'Группа вариантов',
|
||||
'sales_unit': 'Единица продажи',
|
||||
'quantity': 'Количество'
|
||||
}
|
||||
widgets = {
|
||||
'product': forms.Select(attrs={'class': 'form-control'}),
|
||||
'variant_group': forms.Select(attrs={'class': 'form-control'}),
|
||||
'sales_unit': forms.Select(attrs={'class': 'form-control'}),
|
||||
'quantity': forms.NumberInput(attrs={'class': 'form-control', 'step': '0.001', 'min': '0'}),
|
||||
}
|
||||
|
||||
@@ -335,25 +337,36 @@ class KitItemForm(forms.ModelForm):
|
||||
cleaned_data = super().clean()
|
||||
product = cleaned_data.get('product')
|
||||
variant_group = cleaned_data.get('variant_group')
|
||||
sales_unit = cleaned_data.get('sales_unit')
|
||||
quantity = cleaned_data.get('quantity')
|
||||
|
||||
# Если оба поля пусты - это пустая форма (не валидируем, она будет удалена)
|
||||
if not product and not variant_group:
|
||||
# Подсчитываем, сколько полей заполнено
|
||||
filled_fields = sum([bool(product), bool(variant_group), bool(sales_unit)])
|
||||
|
||||
# Если все поля пусты - это пустая форма (не валидируем, она будет удалена)
|
||||
if filled_fields == 0:
|
||||
# Для пустых форм обнуляем количество
|
||||
cleaned_data['quantity'] = None
|
||||
return cleaned_data
|
||||
|
||||
# Валидация: должен быть указан либо product, либо variant_group (но не оба)
|
||||
if product and variant_group:
|
||||
# Валидация несовместимых полей
|
||||
if variant_group and (product or sales_unit):
|
||||
raise forms.ValidationError(
|
||||
"Нельзя указывать одновременно товар и группу вариантов. Выберите что-то одно."
|
||||
"Нельзя указывать группу вариантов одновременно с товаром или единицей продажи."
|
||||
)
|
||||
|
||||
# Валидация: если выбран товар/группа, количество обязательно и должно быть > 0
|
||||
if (product or variant_group):
|
||||
# Если выбрана единица продажи, товар обязателен
|
||||
if sales_unit and not product:
|
||||
raise forms.ValidationError("Для единицы продажи должен быть выбран товар.")
|
||||
|
||||
# Валидация: если выбран товар/группа/единица продажи, количество обязательно и должно быть > 0
|
||||
if not quantity or quantity <= 0:
|
||||
raise forms.ValidationError('Необходимо указать количество больше 0')
|
||||
|
||||
# Валидация: если выбрана единица продажи, проверяем, что она принадлежит выбранному продукту
|
||||
if sales_unit and product and sales_unit.product != product:
|
||||
raise forms.ValidationError('Выбранная единица продажи не принадлежит указанному товару.')
|
||||
|
||||
return cleaned_data
|
||||
|
||||
|
||||
@@ -367,6 +380,7 @@ class BaseKitItemFormSet(forms.BaseInlineFormSet):
|
||||
|
||||
products = []
|
||||
variant_groups = []
|
||||
sales_units = []
|
||||
|
||||
for form in self.forms:
|
||||
if self.can_delete and self._should_delete_form(form):
|
||||
@@ -374,6 +388,7 @@ class BaseKitItemFormSet(forms.BaseInlineFormSet):
|
||||
|
||||
product = form.cleaned_data.get('product')
|
||||
variant_group = form.cleaned_data.get('variant_group')
|
||||
sales_unit = form.cleaned_data.get('sales_unit')
|
||||
|
||||
# Проверка дубликатов товаров
|
||||
if product:
|
||||
@@ -393,13 +408,22 @@ class BaseKitItemFormSet(forms.BaseInlineFormSet):
|
||||
)
|
||||
variant_groups.append(variant_group)
|
||||
|
||||
# Проверка дубликатов единиц продажи
|
||||
if sales_unit:
|
||||
if sales_unit in sales_units:
|
||||
raise forms.ValidationError(
|
||||
f'Единица продажи "{sales_unit.name}" добавлена в комплект более одного раза. '
|
||||
f'Каждая единица продажи может быть добавлена только один раз.'
|
||||
)
|
||||
sales_units.append(sales_unit)
|
||||
|
||||
# Формсет для создания комплектов (с пустой формой для удобства)
|
||||
KitItemFormSetCreate = inlineformset_factory(
|
||||
ProductKit,
|
||||
KitItem,
|
||||
form=KitItemForm,
|
||||
formset=BaseKitItemFormSet,
|
||||
fields=['product', 'variant_group', 'quantity'],
|
||||
fields=['product', 'variant_group', 'sales_unit', 'quantity'],
|
||||
extra=1, # Показать 1 пустую форму для первого компонента
|
||||
can_delete=True, # Разрешить удаление компонентов
|
||||
min_num=0, # Минимум 0 компонентов (можно создать пустой комплект)
|
||||
@@ -413,7 +437,7 @@ KitItemFormSetUpdate = inlineformset_factory(
|
||||
KitItem,
|
||||
form=KitItemForm,
|
||||
formset=BaseKitItemFormSet,
|
||||
fields=['product', 'variant_group', 'quantity'],
|
||||
fields=['product', 'variant_group', 'sales_unit', 'quantity'],
|
||||
extra=0, # НЕ показывать пустые формы при редактировании
|
||||
can_delete=True, # Разрешить удаление компонентов
|
||||
min_num=0, # Минимум 0 компонентов
|
||||
|
||||
@@ -0,0 +1,25 @@
|
||||
# Generated migration file for adding sales_unit field to KitItem model
|
||||
from django.db import migrations, models
|
||||
import django.db.models.deletion
|
||||
|
||||
|
||||
class Migration(migrations.Migration):
|
||||
|
||||
dependencies = [
|
||||
('products', '0005_base_unit_nullable'),
|
||||
]
|
||||
|
||||
operations = [
|
||||
migrations.AddField(
|
||||
model_name='kititem',
|
||||
name='sales_unit',
|
||||
field=models.ForeignKey(
|
||||
blank=True,
|
||||
null=True,
|
||||
on_delete=django.db.models.deletion.CASCADE,
|
||||
related_name='kit_items',
|
||||
to='products.productsalesunit',
|
||||
verbose_name='Единица продажи'
|
||||
),
|
||||
),
|
||||
]
|
||||
@@ -163,7 +163,11 @@ class ProductKit(BaseProductEntity):
|
||||
total = Decimal('0')
|
||||
for item in self.kit_items.all():
|
||||
qty = item.quantity or Decimal('1')
|
||||
if item.product:
|
||||
if item.sales_unit:
|
||||
# Для sales_unit используем цену единицы продажи
|
||||
unit_price = item.sales_unit.actual_price or Decimal('0')
|
||||
total += unit_price * qty
|
||||
elif item.product:
|
||||
# Используем зафиксированную цену если есть, иначе актуальную цену товара
|
||||
if item.unit_price is not None:
|
||||
unit_price = item.unit_price
|
||||
@@ -213,7 +217,11 @@ class ProductKit(BaseProductEntity):
|
||||
# Пересчитаем базовую цену из компонентов
|
||||
total = Decimal('0')
|
||||
for item in self.kit_items.all():
|
||||
if item.product:
|
||||
if item.sales_unit:
|
||||
actual_price = item.sales_unit.actual_price or Decimal('0')
|
||||
qty = item.quantity or Decimal('1')
|
||||
total += actual_price * qty
|
||||
elif item.product:
|
||||
actual_price = item.product.actual_price or Decimal('0')
|
||||
qty = item.quantity or Decimal('1')
|
||||
total += actual_price * qty
|
||||
@@ -382,8 +390,8 @@ class ProductKit(BaseProductEntity):
|
||||
|
||||
class KitItem(models.Model):
|
||||
"""
|
||||
Состав комплекта: связь между ProductKit и Product или ProductVariantGroup.
|
||||
Позиция может быть либо конкретным товаром, либо группой вариантов.
|
||||
Состав комплекта: связь между ProductKit и Product, ProductVariantGroup или ProductSalesUnit.
|
||||
Позиция может быть либо конкретным товаром, либо группой вариантов, либо конкретной единицей продажи.
|
||||
"""
|
||||
kit = models.ForeignKey(ProductKit, on_delete=models.CASCADE, related_name='kit_items',
|
||||
verbose_name="Комплект")
|
||||
@@ -403,6 +411,14 @@ class KitItem(models.Model):
|
||||
related_name='kit_items',
|
||||
verbose_name="Группа вариантов"
|
||||
)
|
||||
sales_unit = models.ForeignKey(
|
||||
'ProductSalesUnit',
|
||||
on_delete=models.CASCADE,
|
||||
null=True,
|
||||
blank=True,
|
||||
related_name='kit_items',
|
||||
verbose_name="Единица продажи"
|
||||
)
|
||||
quantity = models.DecimalField(max_digits=10, decimal_places=3, null=True, blank=True, verbose_name="Количество")
|
||||
unit_price = models.DecimalField(
|
||||
max_digits=10,
|
||||
@@ -428,21 +444,46 @@ class KitItem(models.Model):
|
||||
return f"{self.kit.name} - {self.get_display_name()}"
|
||||
|
||||
def clean(self):
|
||||
"""Валидация: должен быть указан либо product, либо variant_group (но не оба)"""
|
||||
if self.product and self.variant_group:
|
||||
raise ValidationError(
|
||||
"Нельзя указывать одновременно товар и группу вариантов. Выберите что-то одно."
|
||||
)
|
||||
if not self.product and not self.variant_group:
|
||||
"""Валидация: должна быть указана группа вариантов ИЛИ (товар [плюс опционально единица продажи])"""
|
||||
|
||||
has_variant = bool(self.variant_group)
|
||||
has_product = bool(self.product)
|
||||
has_sales_unit = bool(self.sales_unit)
|
||||
|
||||
# 1. Проверка на пустоту
|
||||
if not (has_variant or has_product or has_sales_unit):
|
||||
raise ValidationError(
|
||||
"Необходимо указать либо товар, либо группу вариантов."
|
||||
)
|
||||
|
||||
# 2. Несовместимость: Группа вариантов VS Товар/Единица
|
||||
if has_variant and (has_product or has_sales_unit):
|
||||
raise ValidationError(
|
||||
"Нельзя указывать группу вариантов одновременно с товаром или единицей продажи."
|
||||
)
|
||||
|
||||
# 3. Зависимость: Если есть sales_unit, должен быть product
|
||||
if has_sales_unit and not has_product:
|
||||
raise ValidationError(
|
||||
"Если указана единица продажи, должен быть выбран соответствующий товар."
|
||||
)
|
||||
|
||||
# 4. Проверка принадлежности
|
||||
if has_sales_unit and has_product and self.sales_unit.product != self.product:
|
||||
raise ValidationError(
|
||||
"Выбранная единица продажи не принадлежит указанному товару."
|
||||
)
|
||||
|
||||
def get_display_name(self):
|
||||
"""Возвращает строку для отображения названия компонента"""
|
||||
if self.variant_group:
|
||||
# Приоритет: сначала единица продажи, затем товар, затем группа вариантов
|
||||
if self.sales_unit:
|
||||
return f"[Единица продажи] {self.sales_unit.name}"
|
||||
elif self.product:
|
||||
return self.product.name
|
||||
elif self.variant_group:
|
||||
return f"[Варианты] {self.variant_group.name}"
|
||||
return self.product.name if self.product else "Не указан"
|
||||
return "Не указан"
|
||||
|
||||
def has_priorities_set(self):
|
||||
"""Проверяет, настроены ли приоритеты замены для данного компонента"""
|
||||
@@ -452,10 +493,16 @@ class KitItem(models.Model):
|
||||
"""
|
||||
Возвращает список доступных товаров для этого компонента.
|
||||
|
||||
Если указана единица продажи - возвращает товар, к которому она относится.
|
||||
Если указан конкретный товар - возвращает его.
|
||||
Если указаны приоритеты - возвращает товары в порядке приоритета.
|
||||
Если не указаны приоритеты - возвращает все активные товары из группы вариантов.
|
||||
"""
|
||||
# Приоритет: сначала единица продажи, затем товар, затем группа вариантов
|
||||
if self.sales_unit:
|
||||
# Если указана единица продажи, возвращаем товар, к которому она относится
|
||||
return [self.sales_unit.product]
|
||||
|
||||
if self.product:
|
||||
# Если указан конкретный товар, возвращаем только его
|
||||
return [self.product]
|
||||
|
||||
@@ -141,6 +141,14 @@ class Product(BaseProductEntity):
|
||||
from ..services.cost_calculator import ProductCostCalculator
|
||||
return ProductCostCalculator.get_cost_details(self)
|
||||
|
||||
@property
|
||||
def kit_items_using_as_sales_unit(self):
|
||||
"""
|
||||
Возвращает QuerySet KitItem, где этот товар используется как единица продажи.
|
||||
"""
|
||||
from .kits import KitItem
|
||||
return KitItem.objects.filter(sales_unit__product=self)
|
||||
|
||||
def save(self, *args, **kwargs):
|
||||
# Используем сервис для подготовки к сохранению
|
||||
ProductSaveService.prepare_product_for_save(self)
|
||||
|
||||
@@ -8,8 +8,7 @@
|
||||
|
||||
<div id="kititem-forms">
|
||||
{% for kititem_form in kititem_formset %}
|
||||
<div class="card mb-2 kititem-form border"
|
||||
data-form-index="{{ forloop.counter0 }}"
|
||||
<div class="card mb-2 kititem-form border" data-form-index="{{ forloop.counter0 }}"
|
||||
data-product-id="{% if kititem_form.instance.product %}{{ kititem_form.instance.product.id }}{% endif %}"
|
||||
data-product-price="{% if kititem_form.instance.product %}{{ kititem_form.instance.product.actual_price|default:0 }}{% else %}0{% endif %}">
|
||||
{{ kititem_form.id }}
|
||||
@@ -22,7 +21,7 @@
|
||||
|
||||
<div class="row g-2 align-items-end">
|
||||
<!-- ТОВАР -->
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small text-muted mb-1">Товар</label>
|
||||
{{ kititem_form.product }}
|
||||
{% if kititem_form.product.errors %}
|
||||
@@ -30,19 +29,27 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<!-- ЕДИНИЦА ПРОДАЖИ -->
|
||||
<div class="col-md-2">
|
||||
<label class="form-label small text-muted mb-1">Единица продажи</label>
|
||||
{{ kititem_form.sales_unit }}
|
||||
{% if kititem_form.sales_unit.errors %}
|
||||
<div class="text-danger small">{{ kititem_form.sales_unit.errors }}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<!-- РАЗДЕЛИТЕЛЬ ИЛИ -->
|
||||
<div class="col-md-1 d-flex justify-content-center align-items-center">
|
||||
<div class="kit-item-separator">
|
||||
<span class="separator-text">ИЛИ</span>
|
||||
<i class="bi bi-info-circle separator-help"
|
||||
data-bs-toggle="tooltip"
|
||||
<i class="bi bi-info-circle separator-help" data-bs-toggle="tooltip"
|
||||
data-bs-placement="top"
|
||||
title="Вы можете выбрать что-то одно: либо товар, либо группу вариантов"></i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- ГРУППА ВАРИАНТОВ -->
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small text-muted mb-1">Группа вариантов</label>
|
||||
{{ kititem_form.variant_group }}
|
||||
{% if kititem_form.variant_group.errors %}
|
||||
@@ -62,7 +69,9 @@
|
||||
<!-- УДАЛЕНИЕ -->
|
||||
<div class="col-md-1 text-end">
|
||||
{% if kititem_form.DELETE %}
|
||||
<button type="button" class="btn btn-sm btn-link text-danger p-0" onclick="this.nextElementSibling.checked = true; this.closest('.kititem-form').style.display='none'; if(typeof calculateFinalPrice === 'function') calculateFinalPrice();" title="Удалить">
|
||||
<button type="button" class="btn btn-sm btn-link text-danger p-0"
|
||||
onclick="this.nextElementSibling.checked = true; this.closest('.kititem-form').style.display='none'; if(typeof calculateFinalPrice === 'function') calculateFinalPrice();"
|
||||
title="Удалить">
|
||||
<i class="bi bi-x-lg"></i>
|
||||
</button>
|
||||
{{ kititem_form.DELETE }}
|
||||
|
||||
@@ -38,7 +38,7 @@
|
||||
/**
|
||||
* Инициализирует Select2 для элемента с AJAX поиском товаров
|
||||
* @param {Element} element - DOM элемент select
|
||||
* @param {string} type - Тип поиска ('product' или 'variant')
|
||||
* @param {string} type - Тип поиска ('product', 'variant' или 'sales_unit')
|
||||
* @param {string} apiUrl - URL API для поиска
|
||||
* @returns {boolean} - true если инициализация прошла успешно, false иначе
|
||||
*/
|
||||
@@ -70,9 +70,34 @@
|
||||
|
||||
var placeholders = {
|
||||
'product': 'Начните вводить название товара...',
|
||||
'variant': 'Начните вводить название группы...'
|
||||
'variant': 'Начните вводить название группы...',
|
||||
'sales_unit': 'Выберите единицу продажи...'
|
||||
};
|
||||
|
||||
// Для единиц продажи используем другой подход - не AJAX, а загрузка при выборе товара
|
||||
if (type === 'sales_unit') {
|
||||
try {
|
||||
$element.select2({
|
||||
theme: 'bootstrap-5',
|
||||
placeholder: placeholders[type] || 'Выберите...',
|
||||
allowClear: true,
|
||||
width: '100%',
|
||||
language: 'ru',
|
||||
minimumInputLength: 0,
|
||||
dropdownAutoWidth: false,
|
||||
// Для единиц продажи не используем AJAX, т.к. они загружаются при выборе товара
|
||||
disabled: true, // Изначально отключен до выбора товара
|
||||
templateResult: formatSelectResult,
|
||||
templateSelection: formatSelectSelection
|
||||
});
|
||||
console.log('initProductSelect2: successfully initialized sales_unit for', element.name);
|
||||
return true;
|
||||
} catch (error) {
|
||||
console.error('initProductSelect2: initialization error for sales_unit', error);
|
||||
return false;
|
||||
}
|
||||
} else {
|
||||
// Для товаров и вариантов используем AJAX
|
||||
try {
|
||||
$element.select2({
|
||||
theme: 'bootstrap-5',
|
||||
@@ -112,18 +137,25 @@
|
||||
console.error('initProductSelect2: initialization error', error);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Инициализирует Select2 для всех селектов, совпадающих с паттерном
|
||||
* @param {string} fieldPattern - Паттерн name атрибута (например: 'items-', 'kititem-')
|
||||
* @param {string} type - Тип поиска ('product' или 'variant')
|
||||
* @param {string} type - Тип поиска ('product', 'variant' или 'sales_unit')
|
||||
* @param {string} apiUrl - URL API для поиска
|
||||
*/
|
||||
window.initAllProductSelect2 = function(fieldPattern, type, apiUrl) {
|
||||
if (type === 'sales_unit') {
|
||||
document.querySelectorAll('[name*="' + fieldPattern + '"][name*="-sales_unit"]').forEach(function(element) {
|
||||
window.initProductSelect2(element, type, apiUrl);
|
||||
});
|
||||
} else {
|
||||
document.querySelectorAll('[name*="' + fieldPattern + '"][name*="-product"]').forEach(function(element) {
|
||||
window.initProductSelect2(element, type, apiUrl);
|
||||
});
|
||||
}
|
||||
};
|
||||
})();
|
||||
</script>
|
||||
|
||||
@@ -362,6 +362,113 @@
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Комплекты, содержащие этот товар как единицу продажи -->
|
||||
{% if kit_items_using_sales_units %}
|
||||
<div class="card mt-4">
|
||||
<div class="card-header">
|
||||
<h5>Комплекты, содержащие этот товар как единицу продажи</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-sm table-bordered">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Комплект</th>
|
||||
<th>Количество в комплекте</th>
|
||||
<th>Цена за единицу</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for kit_item in kit_items_using_sales_units %}
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{% url 'products:productkit-detail' kit_item.kit.pk %}">
|
||||
{{ kit_item.kit.name }}
|
||||
</a>
|
||||
</td>
|
||||
<td>{{ kit_item.quantity|default:"1" }}</td>
|
||||
<td>{{ kit_item.sales_unit.actual_price|default:"0.00" }} руб.</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Комплекты, содержащие этот товар напрямую -->
|
||||
{% if kit_items_using_products %}
|
||||
<div class="card mt-4">
|
||||
<div class="card-header">
|
||||
<h5>Комплекты, содержащие этот товар напрямую</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-sm table-bordered">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Комплект</th>
|
||||
<th>Количество в комплекте</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for kit_item in kit_items_using_products %}
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{% url 'products:productkit-detail' kit_item.kit.pk %}">
|
||||
{{ kit_item.kit.name }}
|
||||
</a>
|
||||
</td>
|
||||
<td>{{ kit_item.quantity|default:"1" }}</td>
|
||||
</tr>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Комплекты, содержащие этот товар как часть группы вариантов -->
|
||||
{% if variant_group_kit_items %}
|
||||
<div class="card mt-4">
|
||||
<div class="card-header">
|
||||
<h5>Комплекты, содержащие этот товар как часть группы вариантов</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-sm table-bordered">
|
||||
<thead class="table-light">
|
||||
<tr>
|
||||
<th>Комплект</th>
|
||||
<th>Группа вариантов</th>
|
||||
<th>Количество в комплекте</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for variant_group_item in variant_group_kit_items %}
|
||||
{% for kit_item in variant_group_item.variant_group.kit_items.all %}
|
||||
{% if kit_item.product == product %}
|
||||
<tr>
|
||||
<td>
|
||||
<a href="{% url 'products:productkit-detail' kit_item.kit.pk %}">
|
||||
{{ kit_item.kit.name }}
|
||||
</a>
|
||||
</td>
|
||||
<td>{{ variant_group_item.variant_group.name }}</td>
|
||||
<td>{{ kit_item.quantity|default:"1" }}</td>
|
||||
</tr>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<div class="col-md-4">
|
||||
|
||||
@@ -539,6 +539,135 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
return 0;
|
||||
}
|
||||
|
||||
// Функция для получения цены единицы продажи
|
||||
async function getSalesUnitPrice(selectElement) {
|
||||
if (!selectElement) {
|
||||
console.warn('getSalesUnitPrice: selectElement is null or undefined');
|
||||
return 0;
|
||||
}
|
||||
|
||||
const rawValue = selectElement.value;
|
||||
if (!rawValue) {
|
||||
console.warn('getSalesUnitPrice: no value');
|
||||
return 0;
|
||||
}
|
||||
|
||||
// Извлекаем числовой ID из значения (может быть "sales_unit_123" или "123")
|
||||
let salesUnitId;
|
||||
if (rawValue.includes('_')) {
|
||||
const parts = rawValue.split('_');
|
||||
salesUnitId = parseInt(parts[1]);
|
||||
} else {
|
||||
salesUnitId = parseInt(rawValue);
|
||||
}
|
||||
|
||||
if (isNaN(salesUnitId) || salesUnitId <= 0) {
|
||||
console.warn('getSalesUnitPrice: invalid sales unit id', rawValue);
|
||||
return 0;
|
||||
}
|
||||
|
||||
// Если уже загружена в кэш - возвращаем
|
||||
const cacheKey = `sales_unit_${salesUnitId}`;
|
||||
if (priceCache[cacheKey] !== undefined) {
|
||||
const cachedPrice = parseFloat(priceCache[cacheKey]) || 0;
|
||||
console.log('getSalesUnitPrice: from cache', salesUnitId, cachedPrice);
|
||||
return cachedPrice;
|
||||
}
|
||||
|
||||
// Пытаемся получить из Select2 data (приоритет: actual_price > price)
|
||||
const $select = $(selectElement);
|
||||
const selectedData = $select.select2('data');
|
||||
if (selectedData && selectedData.length > 0) {
|
||||
const itemData = selectedData[0];
|
||||
const priceData = itemData.actual_price || itemData.price;
|
||||
if (priceData) {
|
||||
const price = parseFloat(priceData) || 0;
|
||||
if (price > 0) {
|
||||
priceCache[cacheKey] = price;
|
||||
console.log('getSalesUnitPrice: from select2 data', salesUnitId, price);
|
||||
return price;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Загружаем информацию о единице продажи через API
|
||||
try {
|
||||
console.log('getSalesUnitPrice: fetching from API', salesUnitId);
|
||||
const response = await fetch(
|
||||
`{% url "products:api-product-sales-units" product_id=0 %}`.replace('/0/', `/${salesUnitId}/`),
|
||||
{ method: 'GET', headers: { 'Accept': 'application/json' } }
|
||||
);
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
if (data.sales_units && data.sales_units.length > 0) {
|
||||
const salesUnitData = data.sales_units.find(su => su.id == salesUnitId);
|
||||
if (salesUnitData) {
|
||||
const price = parseFloat(salesUnitData.actual_price || salesUnitData.price || 0);
|
||||
if (price > 0) {
|
||||
priceCache[cacheKey] = price;
|
||||
console.log('getSalesUnitPrice: from API', salesUnitId, price);
|
||||
}
|
||||
return price;
|
||||
}
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Error fetching sales unit price:', error);
|
||||
}
|
||||
|
||||
console.warn('getSalesUnitPrice: returning 0 for sales unit', salesUnitId);
|
||||
return 0;
|
||||
}
|
||||
|
||||
// Функция для обновления списка единиц продажи при выборе товара
|
||||
async function updateSalesUnitsOptions(salesUnitSelect, productValue) {
|
||||
// Очищаем текущие опции
|
||||
salesUnitSelect.innerHTML = '<option value="">---------</option>';
|
||||
salesUnitSelect.disabled = true;
|
||||
|
||||
if (!productValue) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Извлекаем ID товара
|
||||
let productId;
|
||||
if (productValue.includes('_')) {
|
||||
const parts = productValue.split('_');
|
||||
productId = parseInt(parts[1]);
|
||||
} else {
|
||||
productId = parseInt(productValue);
|
||||
}
|
||||
|
||||
if (isNaN(productId) || productId <= 0) {
|
||||
console.warn('updateSalesUnitsOptions: invalid product id', productValue);
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
// Загружаем единицы продажи для выбранного товара
|
||||
const response = await fetch(
|
||||
`{% url "products:api-product-sales-units" product_id=0 %}`.replace('/0/', `/${productId}/`),
|
||||
{ method: 'GET', headers: { 'Accept': 'application/json' } }
|
||||
);
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
if (data.sales_units && data.sales_units.length > 0) {
|
||||
data.sales_units.forEach(su => {
|
||||
const option = document.createElement('option');
|
||||
option.value = su.id;
|
||||
option.textContent = `${su.name} (${su.actual_price || su.price} руб.)`;
|
||||
option.dataset.price = su.actual_price || su.price;
|
||||
option.dataset.actual_price = su.actual_price;
|
||||
salesUnitSelect.appendChild(option);
|
||||
});
|
||||
salesUnitSelect.disabled = false;
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Error fetching sales units:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// Обновляем data-product-id и загружаем цену при выборе товара
|
||||
$('[name$="-product"]').on('select2:select', async function() {
|
||||
const form = $(this).closest('.kititem-form');
|
||||
@@ -637,14 +766,21 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
// Пропускаем если количество не валидно
|
||||
const validQuantity = quantity > 0 ? quantity : 1;
|
||||
|
||||
// Проверяем товар
|
||||
if (productSelect && productSelect.value) {
|
||||
// Проверяем единицу продажи (имеет наивысший приоритет)
|
||||
if (salesUnitSelect && salesUnitSelect.value) {
|
||||
const salesUnitPrice = await getSalesUnitPrice(salesUnitSelect);
|
||||
if (salesUnitPrice > 0) {
|
||||
newBasePrice += (salesUnitPrice * validQuantity);
|
||||
}
|
||||
}
|
||||
// Проверяем товар (если нет единицы продажи)
|
||||
else if (productSelect && productSelect.value) {
|
||||
const productPrice = await getProductPrice(productSelect);
|
||||
if (productPrice > 0) {
|
||||
newBasePrice += (productPrice * validQuantity);
|
||||
}
|
||||
}
|
||||
// Проверяем группу вариантов
|
||||
// Проверяем группу вариантов (если нет ни единицы продажи, ни товара)
|
||||
else if (variantGroupSelect && variantGroupSelect.value) {
|
||||
const variantPrice = await getVariantGroupPrice(variantGroupSelect);
|
||||
if (variantPrice > 0) {
|
||||
@@ -801,6 +937,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
const selectedProducts = {{ selected_products|default:"{}"|safe }};
|
||||
const selectedVariants = {{ selected_variants|default:"{}"|safe }};
|
||||
const selectedSalesUnits = {{ selected_sales_units|default:"{}"|safe }};
|
||||
|
||||
$('[name$="-product"]').each(function() {
|
||||
const fieldName = $(this).attr('name');
|
||||
@@ -817,34 +954,72 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
$(this).on('select2:select select2:unselect', calculateFinalPrice);
|
||||
});
|
||||
|
||||
$('[name$="-sales_unit"]').each(function() {
|
||||
const fieldName = $(this).attr('name');
|
||||
const preloadedData = selectedSalesUnits[fieldName] || null;
|
||||
initSelect2(this, 'sales_unit', preloadedData);
|
||||
$(this).on('select2:select select2:unselect', calculateFinalPrice);
|
||||
});
|
||||
|
||||
// ========== УПРАВЛЕНИЕ КОМПОНЕНТАМИ ==========
|
||||
function updateFieldStatus(form) {
|
||||
const productSelect = form.querySelector('[name$="-product"]');
|
||||
const variantGroupSelect = form.querySelector('[name$="-variant_group"]');
|
||||
const salesUnitSelect = form.querySelector('[name$="-sales_unit"]');
|
||||
|
||||
if (!productSelect || !variantGroupSelect) return;
|
||||
if (!productSelect || !variantGroupSelect || !salesUnitSelect) return;
|
||||
|
||||
const hasProduct = productSelect.value;
|
||||
const hasVariant = variantGroupSelect.value;
|
||||
const hasSalesUnit = salesUnitSelect.value;
|
||||
|
||||
variantGroupSelect.disabled = !!hasProduct;
|
||||
productSelect.disabled = !!hasVariant;
|
||||
// Если выбрана группа вариантов, блокируем товар и единицу продажи
|
||||
if (hasVariant) {
|
||||
productSelect.disabled = true;
|
||||
salesUnitSelect.disabled = true;
|
||||
}
|
||||
// Если выбран товар, разблокируем единицу продажи и блокируем группу вариантов
|
||||
else if (hasProduct) {
|
||||
salesUnitSelect.disabled = false;
|
||||
variantGroupSelect.disabled = true;
|
||||
}
|
||||
// Если выбрана только единица продажи, но не товар - блокируем все остальные
|
||||
else if (hasSalesUnit) {
|
||||
productSelect.disabled = true;
|
||||
variantGroupSelect.disabled = true;
|
||||
}
|
||||
// Если ничего не выбрано - разблокируем товар и группу вариантов, блокируем единицу продажи
|
||||
else {
|
||||
productSelect.disabled = false;
|
||||
variantGroupSelect.disabled = false;
|
||||
salesUnitSelect.disabled = true;
|
||||
}
|
||||
}
|
||||
|
||||
function initializeForm(form) {
|
||||
updateFieldStatus(form);
|
||||
const productSelect = form.querySelector('[name$="-product"]');
|
||||
const variantGroupSelect = form.querySelector('[name$="-variant_group"]');
|
||||
const salesUnitSelect = form.querySelector('[name$="-sales_unit"]');
|
||||
|
||||
[productSelect, variantGroupSelect].forEach(field => {
|
||||
[productSelect, variantGroupSelect, salesUnitSelect].forEach(field => {
|
||||
if (field) {
|
||||
field.addEventListener('change', () => {
|
||||
updateFieldStatus(form);
|
||||
// Обновляем список единиц продажи при изменении товара
|
||||
if (field === productSelect) {
|
||||
updateSalesUnitsOptions(salesUnitSelect, productSelect.value);
|
||||
}
|
||||
calculateFinalPrice();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Инициализируем список единиц продажи, если товар уже выбран
|
||||
if (productSelect && productSelect.value) {
|
||||
updateSalesUnitsOptions(salesUnitSelect, productSelect.value);
|
||||
}
|
||||
|
||||
const quantityInput = form.querySelector('[name$="-quantity"]');
|
||||
if (quantityInput) {
|
||||
quantityInput.addEventListener('change', calculateFinalPrice);
|
||||
@@ -874,12 +1049,13 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
<option value="">---------</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-1 d-flex justify-content-center">
|
||||
<div class="kit-item-separator">
|
||||
<span class="separator-text">ИЛИ</span>
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small text-muted mb-1">Единица продажи</label>
|
||||
<select class="form-control form-control-sm" name="kititem-${newFormId}-sales_unit">
|
||||
<option value="">---------</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small text-muted mb-1">Группа вариантов</label>
|
||||
<select class="form-control form-control-sm" name="kititem-${newFormId}-variant_group">
|
||||
<option value="">---------</option>
|
||||
@@ -911,12 +1087,16 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
const productSelect = newForm.querySelector('[name$="-product"]');
|
||||
const variantSelect = newForm.querySelector('[name$="-variant_group"]');
|
||||
|
||||
const salesUnitSelect = newForm.querySelector('[name$="-sales_unit"]');
|
||||
|
||||
initSelect2(productSelect, 'product');
|
||||
initSelect2(variantSelect, 'variant');
|
||||
initSelect2(salesUnitSelect, 'sales_unit');
|
||||
|
||||
// Добавляем обработчики для новой формы
|
||||
$(productSelect).on('select2:select select2:unselect', calculateFinalPrice);
|
||||
$(variantSelect).on('select2:select select2:unselect', calculateFinalPrice);
|
||||
$(salesUnitSelect).on('select2:select select2:unselect', calculateFinalPrice);
|
||||
|
||||
initializeForm(newForm);
|
||||
|
||||
@@ -987,9 +1167,20 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
allForms.forEach(form => {
|
||||
const productSelect = form.querySelector('[name$="-product"]');
|
||||
const variantGroupSelect = form.querySelector('[name$="-variant_group"]');
|
||||
const salesUnitSelect = form.querySelector('[name$="-sales_unit"]');
|
||||
const deleteCheckbox = form.querySelector('[name$="-DELETE"]');
|
||||
|
||||
if (!productSelect.value && !variantGroupSelect.value && deleteCheckbox) {
|
||||
// Проверяем, что выбран хотя бы один компонент (товар, группа вариантов или единица продажи)
|
||||
// Если выбрана единица продажи, товар должен быть выбран
|
||||
if (salesUnitSelect && salesUnitSelect.value && (!productSelect || !productSelect.value)) {
|
||||
// Если выбрана единица продажи, но не выбран товар - это ошибка
|
||||
alert('Если выбрана единица продажи, должен быть выбран соответствующий товар.');
|
||||
e.preventDefault();
|
||||
return;
|
||||
}
|
||||
|
||||
// Если ничего не выбрано, отмечаем для удаления
|
||||
if (!productSelect.value && !variantGroupSelect.value && !salesUnitSelect.value && deleteCheckbox) {
|
||||
deleteCheckbox.checked = true;
|
||||
}
|
||||
});
|
||||
|
||||
@@ -136,7 +136,13 @@
|
||||
<tr>
|
||||
<td>{{ forloop.counter }}</td>
|
||||
<td>
|
||||
{% if item.product %}
|
||||
{% if item.sales_unit %}
|
||||
<a href="{% url 'products:product-detail' item.sales_unit.product.pk %}">
|
||||
{{ item.sales_unit.name }}
|
||||
</a>
|
||||
<br>
|
||||
<small class="text-muted">Единица продажи: {{ item.sales_unit.product.name }}</small>
|
||||
{% elif item.product %}
|
||||
<a href="{% url 'products:product-detail' item.product.pk %}">
|
||||
{{ item.product.name }}
|
||||
</a>
|
||||
@@ -149,7 +155,9 @@
|
||||
{% endif %}
|
||||
</td>
|
||||
<td>
|
||||
{% if item.product %}
|
||||
{% if item.sales_unit %}
|
||||
<span class="badge bg-info">Единица продажи</span>
|
||||
{% elif item.product %}
|
||||
<span class="badge bg-success">Товар</span>
|
||||
{% else %}
|
||||
<span class="badge bg-primary">Варианты</span>
|
||||
|
||||
@@ -8,7 +8,8 @@
|
||||
<nav aria-label="breadcrumb" class="mb-2">
|
||||
<ol class="breadcrumb breadcrumb-sm mb-0">
|
||||
<li class="breadcrumb-item"><a href="{% url 'products:products-list' %}">Комплекты</a></li>
|
||||
<li class="breadcrumb-item"><a href="{% url 'products:productkit-detail' object.pk %}">{{ object.name }}</a></li>
|
||||
<li class="breadcrumb-item"><a href="{% url 'products:productkit-detail' object.pk %}">{{ object.name }}</a>
|
||||
</li>
|
||||
<li class="breadcrumb-item active">Редактирование</li>
|
||||
</ol>
|
||||
</nav>
|
||||
@@ -27,7 +28,7 @@
|
||||
|
||||
<div class="row g-3">
|
||||
<!-- ЛЕВАЯ КОЛОНКА: Основная информация -->
|
||||
<div class="col-lg-8">
|
||||
<div class="col-lg-9">
|
||||
<!-- Название -->
|
||||
<div class="mb-3">
|
||||
{{ form.name }}
|
||||
@@ -66,7 +67,8 @@
|
||||
<div class="card border-0 shadow-sm mb-3">
|
||||
<div class="card-body p-3">
|
||||
<h6 class="mb-2 text-muted"><i class="bi bi-images me-1"></i>Фотографии</h6>
|
||||
<input type="file" name="photos" accept="image/*" multiple class="form-control form-control-sm" id="id_photos">
|
||||
<input type="file" name="photos" accept="image/*" multiple class="form-control form-control-sm"
|
||||
id="id_photos">
|
||||
<div id="photoPreviewContainer" class="mt-2" style="display: none;">
|
||||
<div id="photoPreview" class="row g-1"></div>
|
||||
</div>
|
||||
@@ -75,7 +77,7 @@
|
||||
</div>
|
||||
|
||||
<!-- ПРАВАЯ КОЛОНКА: Настройки -->
|
||||
<div class="col-lg-4">
|
||||
<div class="col-lg-3">
|
||||
<!-- Расчет цены -->
|
||||
<div class="card border-0 shadow-sm mb-3">
|
||||
<div class="card-body p-3">
|
||||
@@ -91,8 +93,10 @@
|
||||
<!-- Базовая цена (отображение) -->
|
||||
<div class="mb-3 p-2 rounded" style="background: #f8f9fa; border-left: 3px solid #6c757d;">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<span class="text-muted small"><i class="bi bi-calculator"></i> Сумма цен компонентов:</span>
|
||||
<span id="basePriceDisplay" class="fw-semibold" style="font-size: 1.1rem;">0.00 руб.</span>
|
||||
<span class="text-muted small"><i class="bi bi-calculator"></i> Сумма цен
|
||||
компонентов:</span>
|
||||
<span id="basePriceDisplay" class="fw-semibold" style="font-size: 1.1rem;">0.00
|
||||
руб.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -106,13 +110,15 @@
|
||||
<div class="row g-2">
|
||||
<div class="col-6">
|
||||
<div class="input-group input-group-sm">
|
||||
<input type="number" id="id_increase_percent" class="form-control" placeholder="%" step="0.01" min="0">
|
||||
<input type="number" id="id_increase_percent" class="form-control"
|
||||
placeholder="%" step="0.01" min="0">
|
||||
<span class="input-group-text">%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="input-group input-group-sm">
|
||||
<input type="number" id="id_increase_amount" class="form-control" placeholder="руб" step="0.01" min="0">
|
||||
<input type="number" id="id_increase_amount" class="form-control"
|
||||
placeholder="руб" step="0.01" min="0">
|
||||
<span class="input-group-text">руб</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -128,13 +134,15 @@
|
||||
<div class="row g-2">
|
||||
<div class="col-6">
|
||||
<div class="input-group input-group-sm">
|
||||
<input type="number" id="id_decrease_percent" class="form-control" placeholder="%" step="0.01" min="0">
|
||||
<input type="number" id="id_decrease_percent" class="form-control"
|
||||
placeholder="%" step="0.01" min="0">
|
||||
<span class="input-group-text">%</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-6">
|
||||
<div class="input-group input-group-sm">
|
||||
<input type="number" id="id_decrease_amount" class="form-control" placeholder="руб" step="0.01" min="0">
|
||||
<input type="number" id="id_decrease_amount" class="form-control"
|
||||
placeholder="руб" step="0.01" min="0">
|
||||
<span class="input-group-text">руб</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -147,14 +155,18 @@
|
||||
<!-- Итоговая цена -->
|
||||
<div class="p-2 rounded" style="background: #e7f5e7; border-left: 3px solid #198754;">
|
||||
<div class="d-flex justify-content-between align-items-center">
|
||||
<span class="text-dark small"><i class="bi bi-check-circle me-1"></i><strong>Итоговая цена:</strong></span>
|
||||
<span id="finalPriceDisplay" class="fw-bold" style="font-size: 1.3rem; color: #198754;">0.00 руб.</span>
|
||||
<span class="text-dark small"><i class="bi bi-check-circle me-1"></i><strong>Итоговая
|
||||
цена:</strong></span>
|
||||
<span id="finalPriceDisplay" class="fw-bold"
|
||||
style="font-size: 1.3rem; color: #198754;">0.00 руб.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Скрытые поля для формы (автоматически заполняются JavaScript) -->
|
||||
<input type="hidden" id="id_price_adjustment_type" name="price_adjustment_type" value="{{ object.price_adjustment_type|default:'none' }}">
|
||||
<input type="hidden" id="id_price_adjustment_value" name="price_adjustment_value" value="{{ object.price_adjustment_value|default:0 }}">
|
||||
<input type="hidden" id="id_price_adjustment_type" name="price_adjustment_type"
|
||||
value="{{ object.price_adjustment_type|default:'none' }}">
|
||||
<input type="hidden" id="id_price_adjustment_value" name="price_adjustment_value"
|
||||
value="{{ object.price_adjustment_value|default:0 }}">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -164,7 +176,8 @@
|
||||
<h6 class="mb-2 text-muted"><i class="bi bi-tag-discount"></i> Цена со скидкой</h6>
|
||||
<label class="form-label small mb-1">{{ form.sale_price.label }}</label>
|
||||
{{ form.sale_price }}
|
||||
<small class="form-text text-muted">Если указана, будет использоваться вместо расчетной цены</small>
|
||||
<small class="form-text text-muted">Если указана, будет использоваться вместо расчетной
|
||||
цены</small>
|
||||
{% if form.sale_price.errors %}
|
||||
<div class="text-danger small mt-1">{{ form.sale_price.errors }}</div>
|
||||
{% endif %}
|
||||
@@ -233,7 +246,8 @@
|
||||
</div>
|
||||
|
||||
<!-- Sticky Footer -->
|
||||
<div class="sticky-bottom bg-white border-top mt-4 p-3 d-flex justify-content-between align-items-center shadow-sm">
|
||||
<div
|
||||
class="sticky-bottom bg-white border-top mt-4 p-3 d-flex justify-content-between align-items-center shadow-sm">
|
||||
<a href="{% url 'products:productkit-detail' object.pk %}" class="btn btn-outline-secondary">
|
||||
Отмена
|
||||
</a>
|
||||
@@ -245,14 +259,14 @@
|
||||
</div>
|
||||
|
||||
<style>
|
||||
/* Breadcrumbs */
|
||||
.breadcrumb-sm {
|
||||
/* Breadcrumbs */
|
||||
.breadcrumb-sm {
|
||||
font-size: 0.875rem;
|
||||
padding: 0.5rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Крупное поле названия */
|
||||
#id_name {
|
||||
/* Крупное поле названия */
|
||||
#id_name {
|
||||
font-size: 1.5rem;
|
||||
font-weight: 500;
|
||||
border: 3px solid #dee2e6;
|
||||
@@ -260,178 +274,181 @@
|
||||
padding: 0.75rem 1rem;
|
||||
background: #fff;
|
||||
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
}
|
||||
|
||||
#id_name:focus {
|
||||
#id_name:focus {
|
||||
border-color: #198754;
|
||||
box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.15);
|
||||
outline: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Описание */
|
||||
#id_description {
|
||||
/* Описание */
|
||||
#id_description {
|
||||
font-size: 0.95rem;
|
||||
min-height: 80px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Компактные чекбоксы */
|
||||
.compact-checkboxes {
|
||||
/* Компактные чекбоксы */
|
||||
.compact-checkboxes {
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
|
||||
.compact-checkboxes ul {
|
||||
.compact-checkboxes ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.compact-checkboxes li {
|
||||
.compact-checkboxes li {
|
||||
padding: 0.25rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
.compact-checkboxes label {
|
||||
.compact-checkboxes label {
|
||||
font-weight: normal;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Компонент комплекта */
|
||||
.kititem-form {
|
||||
/* Компонент комплекта */
|
||||
.kititem-form {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
.kititem-form:hover {
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important;
|
||||
}
|
||||
.kititem-form:hover {
|
||||
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
|
||||
}
|
||||
|
||||
.kititem-form .card-body {
|
||||
.kititem-form .card-body {
|
||||
background: #fafbfc;
|
||||
}
|
||||
}
|
||||
|
||||
.kititem-form input[type="checkbox"][name$="-DELETE"] {
|
||||
.kititem-form input[type="checkbox"][name$="-DELETE"] {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Sticky footer */
|
||||
.sticky-bottom {
|
||||
/* Sticky footer */
|
||||
.sticky-bottom {
|
||||
position: sticky;
|
||||
bottom: 0;
|
||||
z-index: 1020;
|
||||
}
|
||||
}
|
||||
|
||||
/* Карточки */
|
||||
.card.border-0 {
|
||||
/* Карточки */
|
||||
.card.border-0 {
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Лейблы */
|
||||
.form-label.small {
|
||||
/* Лейблы */
|
||||
.form-label.small {
|
||||
font-size: 0.8rem;
|
||||
font-weight: 500;
|
||||
color: #6c757d;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Фото превью */
|
||||
#photoPreview .col-4,
|
||||
#photoPreview .col-md-3,
|
||||
#photoPreview .col-lg-2 {
|
||||
/* Фото превью */
|
||||
#photoPreview .col-4,
|
||||
#photoPreview .col-md-3,
|
||||
#photoPreview .col-lg-2 {
|
||||
padding: 0.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
#photoPreview .card {
|
||||
#photoPreview .card {
|
||||
border-radius: 0.375rem;
|
||||
}
|
||||
}
|
||||
|
||||
#photoPreview img {
|
||||
#photoPreview img {
|
||||
height: 100px;
|
||||
object-fit: cover;
|
||||
}
|
||||
}
|
||||
|
||||
/* Alert компактный */
|
||||
.alert-sm {
|
||||
/* Alert компактный */
|
||||
.alert-sm {
|
||||
padding: 0.5rem 0.75rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Анимация */
|
||||
@keyframes slideIn {
|
||||
/* Анимация */
|
||||
@keyframes slideIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.kititem-form.new-item {
|
||||
.kititem-form.new-item {
|
||||
animation: slideIn 0.3s ease-out;
|
||||
}
|
||||
}
|
||||
|
||||
/* Разделитель ИЛИ */
|
||||
.kit-item-separator {
|
||||
/* Разделитель ИЛИ */
|
||||
.kit-item-separator {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 4px;
|
||||
min-height: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
.kit-item-separator .separator-text {
|
||||
.kit-item-separator .separator-text {
|
||||
font-size: 0.75rem;
|
||||
font-weight: 600;
|
||||
color: #adb5bd;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
}
|
||||
|
||||
.kit-item-separator .separator-help {
|
||||
.kit-item-separator .separator-help {
|
||||
font-size: 0.85rem;
|
||||
color: #6c757d;
|
||||
cursor: help;
|
||||
}
|
||||
}
|
||||
|
||||
.kit-item-separator .separator-help:hover {
|
||||
.kit-item-separator .separator-help:hover {
|
||||
color: #0d6efd;
|
||||
}
|
||||
}
|
||||
|
||||
/* Стили для полей корректировки цены */
|
||||
#id_increase_percent:disabled,
|
||||
#id_increase_amount:disabled,
|
||||
#id_decrease_percent:disabled,
|
||||
#id_decrease_amount:disabled {
|
||||
/* Стили для полей корректировки цены */
|
||||
#id_increase_percent:disabled,
|
||||
#id_increase_amount:disabled,
|
||||
#id_decrease_percent:disabled,
|
||||
#id_decrease_amount:disabled {
|
||||
background-color: #e9ecef;
|
||||
color: #6c757d;
|
||||
cursor: not-allowed;
|
||||
opacity: 0.6;
|
||||
}
|
||||
}
|
||||
|
||||
#id_increase_percent.is-invalid,
|
||||
#id_increase_amount.is-invalid,
|
||||
#id_decrease_percent.is-invalid,
|
||||
#id_decrease_amount.is-invalid {
|
||||
#id_increase_percent.is-invalid,
|
||||
#id_increase_amount.is-invalid,
|
||||
#id_decrease_percent.is-invalid,
|
||||
#id_decrease_amount.is-invalid {
|
||||
border-color: #dc3545;
|
||||
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
|
||||
}
|
||||
}
|
||||
|
||||
/* Адаптивность */
|
||||
@media (max-width: 991px) {
|
||||
.col-lg-8, .col-lg-4 {
|
||||
/* Адаптивность */
|
||||
@media (max-width: 991px) {
|
||||
|
||||
.col-lg-8,
|
||||
.col-lg-4 {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<!-- Select2 инициализация -->
|
||||
{% include 'products/includes/select2-product-init.html' %}
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
// ========== УПРАВЛЕНИЕ ЦЕНОЙ КОМПЛЕКТА ==========
|
||||
const increasePercentInput = document.getElementById('id_increase_percent');
|
||||
const increaseAmountInput = document.getElementById('id_increase_amount');
|
||||
@@ -526,15 +543,29 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
}
|
||||
|
||||
// Обновляем data-product-id и загружаем цену при выборе товара
|
||||
$('[name$="-product"]').on('select2:select', async function() {
|
||||
$('[name$="-product"]').on('select2:select', async function () {
|
||||
const form = $(this).closest('.kititem-form');
|
||||
if (this.value) {
|
||||
form.attr('data-product-id', this.value);
|
||||
|
||||
// Обновляем список единиц продажи
|
||||
const salesUnitSelect = form.find('[name$="-sales_unit"]').get(0);
|
||||
if (salesUnitSelect) {
|
||||
await updateSalesUnitsOptions(salesUnitSelect, this.value);
|
||||
}
|
||||
|
||||
// Загружаем цену и пересчитываем
|
||||
await getProductPrice(this);
|
||||
calculateFinalPrice();
|
||||
}
|
||||
}).on('select2:unselect', function() {
|
||||
}).on('select2:unselect', function () {
|
||||
// Очищаем список единиц продажи
|
||||
const form = $(this).closest('.kititem-form');
|
||||
const salesUnitSelect = form.find('[name$="-sales_unit"]').get(0);
|
||||
if (salesUnitSelect) {
|
||||
salesUnitSelect.innerHTML = '<option value="">---------</option>';
|
||||
salesUnitSelect.disabled = true;
|
||||
}
|
||||
calculateFinalPrice();
|
||||
});
|
||||
|
||||
@@ -599,6 +630,148 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
return 0;
|
||||
}
|
||||
|
||||
// Функция для получения цены единицы продажи
|
||||
async function getSalesUnitPrice(selectElement) {
|
||||
if (!selectElement) {
|
||||
console.warn('getSalesUnitPrice: selectElement is null or undefined');
|
||||
return 0;
|
||||
}
|
||||
|
||||
const rawValue = selectElement.value;
|
||||
if (!rawValue) {
|
||||
return 0;
|
||||
}
|
||||
|
||||
// Извлекаем числовой ID из значения
|
||||
let salesUnitId;
|
||||
if (typeof rawValue === 'string' && rawValue.includes('_')) {
|
||||
salesUnitId = parseInt(rawValue.split('_')[1]);
|
||||
} else {
|
||||
salesUnitId = parseInt(rawValue);
|
||||
}
|
||||
|
||||
if (isNaN(salesUnitId) || salesUnitId <= 0) {
|
||||
console.warn('getSalesUnitPrice: invalid sales unit id', rawValue);
|
||||
return 0;
|
||||
}
|
||||
|
||||
// Если уже загружена в кэш - возвращаем
|
||||
const cacheKey = `sales_unit_${salesUnitId}`;
|
||||
if (priceCache[cacheKey] !== undefined) {
|
||||
const cachedPrice = parseFloat(priceCache[cacheKey]) || 0;
|
||||
return cachedPrice;
|
||||
}
|
||||
|
||||
// Пытаемся получить из option element (для стандартного select)
|
||||
const selectedOption = selectElement.selectedOptions ? selectElement.selectedOptions[0] : null;
|
||||
if (selectedOption) {
|
||||
let priceData = selectedOption.dataset.actual_price || selectedOption.dataset.price;
|
||||
if (priceData) {
|
||||
const price = parseFloat(priceData) || 0;
|
||||
if (price > 0) {
|
||||
priceCache[cacheKey] = price;
|
||||
console.log('getSalesUnitPrice: from standard select option data', salesUnitId, price);
|
||||
return price;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Пытаемся получить из Select2 data
|
||||
const $select = $(selectElement);
|
||||
if ($select.data('select2')) { // Check if Select2 is initialized on the element
|
||||
const selectedData = $select.select2('data');
|
||||
if (selectedData && selectedData.length > 0) {
|
||||
const itemData = selectedData[0];
|
||||
const priceData = itemData.actual_price || itemData.price;
|
||||
if (priceData) {
|
||||
const price = parseFloat(priceData) || 0;
|
||||
if (price > 0) {
|
||||
priceCache[cacheKey] = price;
|
||||
console.log('getSalesUnitPrice: from select2 data', salesUnitId, price);
|
||||
return price;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Загружаем информацию о единице продажи через API
|
||||
try {
|
||||
console.log('getSalesUnitPrice: fetching from API', salesUnitId);
|
||||
const response = await fetch(
|
||||
`{% url "products:api-product-sales-units" product_id=0 %}`.replace('/0/', `/${salesUnitId}/`),
|
||||
{ method: 'GET', headers: { 'Accept': 'application/json' } }
|
||||
);
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
if (data.sales_units && data.sales_units.length > 0) {
|
||||
const salesUnitData = data.sales_units.find(su => su.id == salesUnitId);
|
||||
if (salesUnitData) {
|
||||
const price = parseFloat(salesUnitData.actual_price || salesUnitData.price || 0);
|
||||
if (price > 0) {
|
||||
priceCache[cacheKey] = price;
|
||||
console.log('getSalesUnitPrice: from API', salesUnitId, price);
|
||||
}
|
||||
return price;
|
||||
}
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Error fetching sales unit price:', error);
|
||||
}
|
||||
|
||||
console.warn('getSalesUnitPrice: returning 0 for sales unit', salesUnitId);
|
||||
return 0;
|
||||
}
|
||||
|
||||
// Функция для обновления списка единиц продажи при выборе товара
|
||||
async function updateSalesUnitsOptions(salesUnitSelect, productValue) {
|
||||
// Очищаем текущие опции
|
||||
salesUnitSelect.innerHTML = '<option value="">---------</option>';
|
||||
salesUnitSelect.disabled = true;
|
||||
|
||||
if (!productValue) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Извлекаем ID товара
|
||||
let productId;
|
||||
if (productValue.includes('_')) {
|
||||
const parts = productValue.split('_');
|
||||
productId = parseInt(parts[1]);
|
||||
} else {
|
||||
productId = parseInt(productValue);
|
||||
}
|
||||
|
||||
if (isNaN(productId) || productId <= 0) {
|
||||
console.warn('updateSalesUnitsOptions: invalid product id', productValue);
|
||||
return;
|
||||
}
|
||||
|
||||
try {
|
||||
// Загружаем единицы продажи для выбранного товара
|
||||
const response = await fetch(
|
||||
`{% url "products:api-product-sales-units" product_id=0 %}`.replace('/0/', `/${productId}/`),
|
||||
{ method: 'GET', headers: { 'Accept': 'application/json' } }
|
||||
);
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
if (data.sales_units && data.sales_units.length > 0) {
|
||||
data.sales_units.forEach(su => {
|
||||
const option = document.createElement('option');
|
||||
option.value = su.id;
|
||||
option.textContent = `${su.name} (${su.actual_price || su.price} руб.)`;
|
||||
option.dataset.price = su.actual_price || su.price;
|
||||
option.dataset.actual_price = su.actual_price;
|
||||
salesUnitSelect.appendChild(option);
|
||||
});
|
||||
salesUnitSelect.disabled = false;
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Error fetching sales units:', error);
|
||||
}
|
||||
}
|
||||
|
||||
// Функция для расчета финальной цены
|
||||
async function calculateFinalPrice() {
|
||||
// Получаем базовую цену (сумма всех компонентов)
|
||||
@@ -612,20 +785,28 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
const variantGroupSelect = form.querySelector('[name$="-variant_group"]');
|
||||
const quantity = parseFloat(form.querySelector('[name$="-quantity"]')?.value || '1');
|
||||
const deleteCheckbox = form.querySelector('[name$="-DELETE"]');
|
||||
const salesUnitSelect = form.querySelector('[name$="-sales_unit"]');
|
||||
|
||||
if (deleteCheckbox && deleteCheckbox.checked) continue;
|
||||
|
||||
// Пропускаем если количество не валидно
|
||||
const validQuantity = quantity > 0 ? quantity : 1;
|
||||
|
||||
// Проверяем товар
|
||||
if (productSelect && productSelect.value) {
|
||||
// Проверяем единицу продажи (имеет наивысший приоритет)
|
||||
if (salesUnitSelect && salesUnitSelect.value) {
|
||||
const salesUnitPrice = await getSalesUnitPrice(salesUnitSelect);
|
||||
if (salesUnitPrice > 0) {
|
||||
newBasePrice += (salesUnitPrice * validQuantity);
|
||||
}
|
||||
}
|
||||
// Проверяем товар (если нет единицы продажи)
|
||||
else if (productSelect && productSelect.value) {
|
||||
const productPrice = await getProductPrice(productSelect);
|
||||
if (productPrice > 0) {
|
||||
newBasePrice += (productPrice * validQuantity);
|
||||
}
|
||||
}
|
||||
// Проверяем группу вариантов
|
||||
// Проверяем группу вариантов (если нет ни единицы продажи, ни товара)
|
||||
else if (variantGroupSelect && variantGroupSelect.value) {
|
||||
const variantPrice = await getVariantGroupPrice(variantGroupSelect);
|
||||
if (variantPrice > 0) {
|
||||
@@ -795,8 +976,9 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
const selectedProducts = {{ selected_products|default:"{}"|safe }};
|
||||
const selectedVariants = {{ selected_variants|default:"{}"|safe }};
|
||||
const selectedSalesUnits = {{ selected_sales_units|default:"{}"|safe }};
|
||||
|
||||
$('[name$="-product"]').each(function() {
|
||||
$('[name$="-product"]').each(function () {
|
||||
const fieldName = $(this).attr('name');
|
||||
const preloadedData = selectedProducts[fieldName] || null;
|
||||
initSelect2(this, 'product', preloadedData);
|
||||
@@ -804,46 +986,84 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
$(this).on('select2:select select2:unselect', calculateFinalPrice);
|
||||
});
|
||||
|
||||
$('[name$="-variant_group"]').each(function() {
|
||||
$('[name$="-variant_group"]').each(function () {
|
||||
const fieldName = $(this).attr('name');
|
||||
const preloadedData = selectedVariants[fieldName] || null;
|
||||
initSelect2(this, 'variant', preloadedData);
|
||||
$(this).on('select2:select select2:unselect', calculateFinalPrice);
|
||||
});
|
||||
|
||||
$('[name$="-sales_unit"]').each(function () {
|
||||
const fieldName = $(this).attr('name');
|
||||
const preloadedData = selectedSalesUnits[fieldName] || null;
|
||||
initSelect2(this, 'sales_unit', preloadedData);
|
||||
$(this).on('select2:select select2:unselect', calculateFinalPrice);
|
||||
});
|
||||
|
||||
// ========== УПРАВЛЕНИЕ КОМПОНЕНТАМИ ==========
|
||||
function updateFieldStatus(form) {
|
||||
const productSelect = form.querySelector('[name$="-product"]');
|
||||
const variantGroupSelect = form.querySelector('[name$="-variant_group"]');
|
||||
const salesUnitSelect = form.querySelector('[name$="-sales_unit"]');
|
||||
|
||||
if (!productSelect || !variantGroupSelect) return;
|
||||
if (!productSelect || !variantGroupSelect || !salesUnitSelect) return;
|
||||
|
||||
const hasProduct = productSelect.value;
|
||||
const hasVariant = variantGroupSelect.value;
|
||||
const hasSalesUnit = salesUnitSelect.value;
|
||||
|
||||
variantGroupSelect.disabled = !!hasProduct;
|
||||
productSelect.disabled = !!hasVariant;
|
||||
// Если выбрана группа вариантов, блокируем товар и единицу продажи
|
||||
if (hasVariant) {
|
||||
productSelect.disabled = true;
|
||||
salesUnitSelect.disabled = true;
|
||||
}
|
||||
// Если выбран товар, разблокируем единицу продажи и блокируем группу вариантов
|
||||
else if (hasProduct) {
|
||||
salesUnitSelect.disabled = false;
|
||||
variantGroupSelect.disabled = true;
|
||||
}
|
||||
// Если выбрана только единица продажи, но не товар - блокируем все остальные
|
||||
else if (hasSalesUnit) {
|
||||
productSelect.disabled = true;
|
||||
variantGroupSelect.disabled = true;
|
||||
}
|
||||
// Если ничего не выбрано - разблокируем товар и группу вариантов, блокируем единицу продажи
|
||||
else {
|
||||
productSelect.disabled = false;
|
||||
variantGroupSelect.disabled = false;
|
||||
salesUnitSelect.disabled = true;
|
||||
}
|
||||
}
|
||||
|
||||
function initializeForm(form) {
|
||||
updateFieldStatus(form);
|
||||
const productSelect = form.querySelector('[name$="-product"]');
|
||||
const variantGroupSelect = form.querySelector('[name$="-variant_group"]');
|
||||
const salesUnitSelect = form.querySelector('[name$="-sales_unit"]');
|
||||
|
||||
[productSelect, variantGroupSelect].forEach(field => {
|
||||
[productSelect, variantGroupSelect, salesUnitSelect].forEach(field => {
|
||||
if (field) {
|
||||
field.addEventListener('change', () => {
|
||||
updateFieldStatus(form);
|
||||
// Обновляем список единиц продажи при изменении товара
|
||||
if (field === productSelect) {
|
||||
updateSalesUnitsOptions(salesUnitSelect, productSelect.value);
|
||||
}
|
||||
calculateFinalPrice();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Инициализируем список единиц продажи, если товар уже выбран
|
||||
if (productSelect && productSelect.value) {
|
||||
updateSalesUnitsOptions(salesUnitSelect, productSelect.value);
|
||||
}
|
||||
|
||||
const quantityInput = form.querySelector('[name$="-quantity"]');
|
||||
if (quantityInput) {
|
||||
quantityInput.addEventListener('change', calculateFinalPrice);
|
||||
// Выделяем весь текст при фокусе на поле количества
|
||||
quantityInput.addEventListener('focus', function() {
|
||||
quantityInput.addEventListener('focus', function () {
|
||||
this.select();
|
||||
});
|
||||
}
|
||||
@@ -862,18 +1082,28 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
<div class="card mb-2 kititem-form border new-item">
|
||||
<div class="card-body p-2">
|
||||
<div class="row g-2 align-items-end">
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small text-muted mb-1">Товар</label>
|
||||
<select class="form-control form-control-sm" name="kititem-${newFormId}-product">
|
||||
<option value="">---------</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-1 d-flex justify-content-center">
|
||||
<div class="col-md-2">
|
||||
<label class="form-label small text-muted mb-1">Единица продажи</label>
|
||||
<select class="form-control form-control-sm" name="kititem-${newFormId}-sales_unit">
|
||||
<option value="">---------</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="col-md-1 d-flex justify-content-center align-items-center">
|
||||
<div class="kit-item-separator">
|
||||
<span class="separator-text">ИЛИ</span>
|
||||
<i class="bi bi-info-circle separator-help"
|
||||
data-bs-toggle="tooltip"
|
||||
data-bs-placement="top"
|
||||
title="Вы можете выбрать что-то одно: либо товар, либо группу вариантов"></i>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="col-md-3">
|
||||
<label class="form-label small text-muted mb-1">Группа вариантов</label>
|
||||
<select class="form-control form-control-sm" name="kititem-${newFormId}-variant_group">
|
||||
<option value="">---------</option>
|
||||
@@ -904,13 +1134,36 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
const productSelect = newForm.querySelector('[name$="-product"]');
|
||||
const variantSelect = newForm.querySelector('[name$="-variant_group"]');
|
||||
const salesUnitSelect = newForm.querySelector('[name$="-sales_unit"]');
|
||||
|
||||
initSelect2(productSelect, 'product');
|
||||
initSelect2(variantSelect, 'variant');
|
||||
initSelect2(salesUnitSelect, 'sales_unit');
|
||||
|
||||
// Добавляем обработчики для новой формы
|
||||
$(productSelect).on('select2:select select2:unselect', calculateFinalPrice);
|
||||
$(productSelect).on('select2:select', async function () {
|
||||
const form = $(this).closest('.kititem-form');
|
||||
if (this.value) {
|
||||
form.attr('data-product-id', this.value);
|
||||
// Обновляем список единиц продажи
|
||||
if (salesUnitSelect) {
|
||||
await updateSalesUnitsOptions(salesUnitSelect, this.value);
|
||||
}
|
||||
// Загружаем цену и пересчитываем
|
||||
await getProductPrice(this);
|
||||
calculateFinalPrice();
|
||||
}
|
||||
}).on('select2:unselect', function () {
|
||||
// Очищаем список единиц продажи
|
||||
if (salesUnitSelect) {
|
||||
salesUnitSelect.innerHTML = '<option value="">---------</option>';
|
||||
salesUnitSelect.disabled = true;
|
||||
}
|
||||
calculateFinalPrice();
|
||||
});
|
||||
|
||||
$(variantSelect).on('select2:select select2:unselect', calculateFinalPrice);
|
||||
$(salesUnitSelect).on('select2:select select2:unselect', calculateFinalPrice);
|
||||
|
||||
initializeForm(newForm);
|
||||
|
||||
@@ -932,7 +1185,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
let selectedFiles = [];
|
||||
|
||||
if (photoInput) {
|
||||
photoInput.addEventListener('change', function(e) {
|
||||
photoInput.addEventListener('change', function (e) {
|
||||
selectedFiles = Array.from(e.target.files);
|
||||
|
||||
if (selectedFiles.length > 0) {
|
||||
@@ -941,7 +1194,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
|
||||
selectedFiles.forEach((file, index) => {
|
||||
const reader = new FileReader();
|
||||
reader.onload = function(event) {
|
||||
reader.onload = function (event) {
|
||||
const col = document.createElement('div');
|
||||
col.className = 'col-4 col-md-3 col-lg-2';
|
||||
col.innerHTML = `
|
||||
@@ -963,7 +1216,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
});
|
||||
}
|
||||
|
||||
window.removePhoto = function(index) {
|
||||
window.removePhoto = function (index) {
|
||||
selectedFiles.splice(index, 1);
|
||||
const dataTransfer = new DataTransfer();
|
||||
selectedFiles.forEach(file => dataTransfer.items.add(file));
|
||||
@@ -1025,16 +1278,27 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
// ========== ВАЛИДАЦИЯ ПЕРЕД ОТПРАВКОЙ ==========
|
||||
const kitForm = document.querySelector('form[method="post"]');
|
||||
if (kitForm) {
|
||||
kitForm.addEventListener('submit', function(e) {
|
||||
kitForm.addEventListener('submit', function (e) {
|
||||
const formsContainer = document.getElementById('kititem-forms');
|
||||
if (formsContainer) {
|
||||
const allForms = formsContainer.querySelectorAll('.kititem-form');
|
||||
allForms.forEach(form => {
|
||||
const productSelect = form.querySelector('[name$="-product"]');
|
||||
const variantGroupSelect = form.querySelector('[name$="-variant_group"]');
|
||||
const salesUnitSelect = form.querySelector('[name$="-sales_unit"]');
|
||||
const deleteCheckbox = form.querySelector('[name$="-DELETE"]');
|
||||
|
||||
if (!productSelect.value && !variantGroupSelect.value && deleteCheckbox) {
|
||||
// Проверяем, что выбран хотя бы один компонент (товар, группа вариантов или единица продажи)
|
||||
// Если выбрана единица продажи, товар должен быть выбран
|
||||
if (salesUnitSelect && salesUnitSelect.value && (!productSelect || !productSelect.value)) {
|
||||
// Если выбрана единица продажи, но не выбран товар - это ошибка
|
||||
alert('Если выбрана единица продажи, должен быть выбран соответствующий товар.');
|
||||
e.preventDefault();
|
||||
return;
|
||||
}
|
||||
|
||||
// Если ничего не выбрано, отмечаем для удаления
|
||||
if (!productSelect.value && !variantGroupSelect.value && !salesUnitSelect.value && deleteCheckbox) {
|
||||
deleteCheckbox.checked = true;
|
||||
}
|
||||
});
|
||||
|
||||
@@ -208,6 +208,15 @@ class ProductDetailView(LoginRequiredMixin, ManagerOwnerRequiredMixin, DetailVie
|
||||
# Единицы продажи (активные, отсортированные)
|
||||
context['sales_units'] = self.object.sales_units.filter(is_active=True).order_by('position', 'name')
|
||||
|
||||
# Комплекты, в которых этот товар используется как единица продажи
|
||||
context['kit_items_using_sales_units'] = self.object.kit_items_using_as_sales_unit.select_related('kit', 'sales_unit').prefetch_related('kit__photos')
|
||||
|
||||
# Комплекты, в которых этот товар используется напрямую
|
||||
context['kit_items_using_products'] = self.object.kit_items_direct.select_related('kit').prefetch_related('kit__photos')
|
||||
|
||||
# Комплекты, в которых этот товар используется как часть группы вариантов
|
||||
context['variant_group_kit_items'] = self.object.variant_group_items.select_related('variant_group').prefetch_related('variant_group__kit_items__kit__photos')
|
||||
|
||||
return context
|
||||
|
||||
|
||||
|
||||
@@ -113,6 +113,12 @@ class ProductKitCreateView(LoginRequiredMixin, ManagerOwnerRequiredMixin, Create
|
||||
# Извлекаем числовой ID из "product_123"
|
||||
numeric_id = value.split('_')[1]
|
||||
post_data[key] = numeric_id
|
||||
elif key.endswith('-sales_unit') and post_data[key]:
|
||||
value = post_data[key]
|
||||
if '_' in value:
|
||||
# Извлекаем числовой ID из "sales_unit_123"
|
||||
numeric_id = value.split('_')[1]
|
||||
post_data[key] = numeric_id
|
||||
|
||||
# Заменяем request.POST на очищенные данные
|
||||
request.POST = post_data
|
||||
@@ -126,9 +132,10 @@ class ProductKitCreateView(LoginRequiredMixin, ManagerOwnerRequiredMixin, Create
|
||||
context['kititem_formset'] = KitItemFormSetCreate(self.request.POST, prefix='kititem')
|
||||
|
||||
# При ошибке валидации: извлекаем выбранные товары для предзагрузки в Select2
|
||||
from ..models import Product, ProductVariantGroup
|
||||
from ..models import Product, ProductVariantGroup, ProductSalesUnit
|
||||
selected_products = {}
|
||||
selected_variants = {}
|
||||
selected_sales_units = {}
|
||||
|
||||
for key, value in self.request.POST.items():
|
||||
if '-product' in key and value:
|
||||
@@ -168,8 +175,25 @@ class ProductKitCreateView(LoginRequiredMixin, ManagerOwnerRequiredMixin, Create
|
||||
except ProductVariantGroup.DoesNotExist:
|
||||
pass
|
||||
|
||||
if '-sales_unit' in key and value:
|
||||
try:
|
||||
sales_unit = ProductSalesUnit.objects.select_related('product').get(id=value)
|
||||
|
||||
text = f"{sales_unit.name} ({sales_unit.product.name})"
|
||||
# Получаем actual_price: приоритет sale_price > price
|
||||
actual_price = sales_unit.sale_price if sales_unit.sale_price else sales_unit.price
|
||||
selected_sales_units[key] = {
|
||||
'id': sales_unit.id,
|
||||
'text': text,
|
||||
'price': str(sales_unit.price) if sales_unit.price else None,
|
||||
'actual_price': str(actual_price) if actual_price else '0'
|
||||
}
|
||||
except ProductSalesUnit.DoesNotExist:
|
||||
pass
|
||||
|
||||
context['selected_products'] = selected_products
|
||||
context['selected_variants'] = selected_variants
|
||||
context['selected_sales_units'] = selected_sales_units
|
||||
else:
|
||||
context['kititem_formset'] = KitItemFormSetCreate(prefix='kititem')
|
||||
|
||||
@@ -271,6 +295,12 @@ class ProductKitUpdateView(LoginRequiredMixin, ManagerOwnerRequiredMixin, Update
|
||||
# Извлекаем числовой ID из "product_123"
|
||||
numeric_id = value.split('_')[1]
|
||||
post_data[key] = numeric_id
|
||||
elif key.endswith('-sales_unit') and post_data[key]:
|
||||
value = post_data[key]
|
||||
if '_' in value:
|
||||
# Извлекаем числовой ID из "sales_unit_123"
|
||||
numeric_id = value.split('_')[1]
|
||||
post_data[key] = numeric_id
|
||||
|
||||
# Заменяем request.POST на очищенные данные
|
||||
request.POST = post_data
|
||||
@@ -284,8 +314,10 @@ class ProductKitUpdateView(LoginRequiredMixin, ManagerOwnerRequiredMixin, Update
|
||||
context['kititem_formset'] = KitItemFormSetUpdate(self.request.POST, instance=self.object, prefix='kititem')
|
||||
|
||||
# При ошибке валидации - подготавливаем данные для Select2
|
||||
from ..models import Product, ProductVariantGroup, ProductSalesUnit
|
||||
selected_products = {}
|
||||
selected_variants = {}
|
||||
selected_sales_units = {}
|
||||
|
||||
for key, value in self.request.POST.items():
|
||||
if '-product' in key and value:
|
||||
@@ -328,14 +360,35 @@ class ProductKitUpdateView(LoginRequiredMixin, ManagerOwnerRequiredMixin, Update
|
||||
except ProductVariantGroup.DoesNotExist:
|
||||
pass
|
||||
|
||||
if '-sales_unit' in key and value:
|
||||
try:
|
||||
# Очищаем ID от префикса если есть
|
||||
numeric_value = value.split('_')[1] if '_' in value else value
|
||||
sales_unit = ProductSalesUnit.objects.select_related('product').get(id=numeric_value)
|
||||
|
||||
text = f"{sales_unit.name} ({sales_unit.product.name})"
|
||||
# Получаем actual_price: приоритет sale_price > price
|
||||
actual_price = sales_unit.sale_price if sales_unit.sale_price else sales_unit.price
|
||||
selected_sales_units[key] = {
|
||||
'id': sales_unit.id,
|
||||
'text': text,
|
||||
'price': str(sales_unit.price) if sales_unit.price else None,
|
||||
'actual_price': str(actual_price) if actual_price else '0'
|
||||
}
|
||||
except ProductSalesUnit.DoesNotExist:
|
||||
pass
|
||||
|
||||
context['selected_products'] = selected_products
|
||||
context['selected_variants'] = selected_variants
|
||||
context['selected_sales_units'] = selected_sales_units
|
||||
else:
|
||||
context['kititem_formset'] = KitItemFormSetUpdate(instance=self.object, prefix='kititem')
|
||||
|
||||
# Подготавливаем данные для предзагрузки в Select2
|
||||
from ..models import Product, ProductVariantGroup, ProductSalesUnit
|
||||
selected_products = {}
|
||||
selected_variants = {}
|
||||
selected_sales_units = {}
|
||||
|
||||
for item in self.object.kit_items.all():
|
||||
form_prefix = f"kititem-{item.id}"
|
||||
@@ -354,6 +407,17 @@ class ProductKitUpdateView(LoginRequiredMixin, ManagerOwnerRequiredMixin, Update
|
||||
'actual_price': str(actual_price) if actual_price else '0'
|
||||
}
|
||||
|
||||
if item.sales_unit:
|
||||
sales_unit = item.sales_unit
|
||||
text = f"{sales_unit.name} ({sales_unit.product.name})"
|
||||
actual_price = sales_unit.sale_price if sales_unit.sale_price else sales_unit.price
|
||||
selected_sales_units[f"{form_prefix}-sales_unit"] = {
|
||||
'id': sales_unit.id,
|
||||
'text': text,
|
||||
'price': str(sales_unit.price) if sales_unit.price else None,
|
||||
'actual_price': str(actual_price) if actual_price else '0'
|
||||
}
|
||||
|
||||
if item.variant_group:
|
||||
variant_group = ProductVariantGroup.objects.prefetch_related(
|
||||
'items__product'
|
||||
@@ -373,6 +437,7 @@ class ProductKitUpdateView(LoginRequiredMixin, ManagerOwnerRequiredMixin, Update
|
||||
|
||||
context['selected_products'] = selected_products
|
||||
context['selected_variants'] = selected_variants
|
||||
context['selected_sales_units'] = selected_sales_units
|
||||
|
||||
context['productkit_photos'] = self.object.photos.all().order_by('order', 'created_at')
|
||||
context['photos_count'] = self.object.photos.count()
|
||||
|
||||
Reference in New Issue
Block a user