diff --git a/src/router/Index.js b/src/router/Index.js
index 1bf309c..75a0161 100644
--- a/src/router/Index.js
+++ b/src/router/Index.js
@@ -37,6 +37,11 @@ const router = createRouter({
name: 'pos.category.index',
component: () => import('@Pages/POS/Category/Index.vue')
},
+ {
+ path: 'bundles',
+ name: 'pos.bundles.index',
+ component: () => import('@Pages/POS/Bundles/Index.vue')
+ },
{
path: 'inventory',
name: 'pos.inventory.index',
diff --git a/src/services/ticketService.js b/src/services/ticketService.js
index a4885cf..96b1d1a 100644
--- a/src/services/ticketService.js
+++ b/src/services/ticketService.js
@@ -1,6 +1,7 @@
import jsPDF from 'jspdf';
import QRCode from 'qrcode';
import { formatMoney, PAYMENT_METHODS } from '@/utils/formatters';
+import { apiURL } from '@Services/Api';
import printService from '@Services/printService';
/**
@@ -20,6 +21,53 @@ const ticketService = {
};
},
+ /**
+ * Obtener información de un bundle desde la API
+ * @param {Number} bundleId - ID del bundle
+ * @returns {Object|null}
+ */
+ async fetchBundleInfo(bundleId) {
+ try {
+ const { data: result } = await window.axios.get(
+ apiURL(`bundles/${bundleId}`),
+ {
+ headers: {
+ 'Authorization': `Bearer ${sessionStorage.token}`,
+ 'Accept': 'application/json'
+ }
+ }
+ );
+ const bundle = result?.data?.model
+ || result?.model
+ || result?.data
+ || result;
+
+ if (!bundle || !bundle.name) {
+ console.warn(`fetchBundleInfo: No se pudo extraer nombre del bundle ${bundleId}`);
+ return null;
+ }
+
+ // Intentar obtener el precio de múltiples campos posibles
+ const price = parseFloat(bundle.retail_price)
+ || parseFloat(bundle.price?.retail_price)
+ || parseFloat(bundle.prices?.retail_price)
+ || parseFloat(bundle.bundle_price?.retail_price)
+ || parseFloat(bundle.price)
+ || 0;
+
+
+ return {
+ name: bundle.name,
+ sku: bundle.sku || null,
+ unit_price: price
+ };
+ } catch (e) {
+ console.error(`Error al obtener bundle ${bundleId}:`, e);
+ console.error('Response data:', e.response?.data);
+ }
+ return null;
+ },
+
/**
* Generar ticket de venta
* @param {Object} saleData - Datos de la venta
@@ -31,7 +79,8 @@ const ticketService = {
const {
businessName = 'HIKVISION DISTRIBUIDOR',
autoDownload = true,
- autoPrint = false
+ autoPrint = false,
+ bundleMap = {}
} = options;
// Detectar ubicación del usuario
@@ -150,12 +199,109 @@ const ticketService = {
doc.line(leftMargin, yPosition, rightMargin, yPosition);
yPosition += 4;
- // Iterar sobre los productos
+ // Separar details: agrupar los de bundle por bundle_sale_group, dejar individuales aparte
+ const rawDetails = saleData.details || saleData.items || [];
+ const bundleGroupMap = {};
+ const regularItems = [];
+
+ rawDetails.forEach(item => {
+ if (item.bundle_id) {
+ const groupKey = item.bundle_sale_group || `bundle-${item.bundle_id}`;
+ if (!bundleGroupMap[groupKey]) {
+ bundleGroupMap[groupKey] = {
+ bundle_id: item.bundle_id,
+ components: [],
+ total_subtotal: 0,
+ serials: []
+ };
+ }
+ bundleGroupMap[groupKey].components.push(item);
+ const itemSubtotal = parseFloat(item.subtotal)
+ || (parseFloat(item.unit_price) * parseFloat(item.quantity))
+ || 0;
+ bundleGroupMap[groupKey].total_subtotal += itemSubtotal;
+ const itemSerials = item.serial_numbers || item.serials || [];
+ itemSerials.forEach(s => bundleGroupMap[groupKey].serials.push(s));
+ } else {
+ regularItems.push(item);
+ }
+ });
+
+ // Obtener IDs únicos de bundles que NO están en bundleMap
+ const missingBundleIds = [...new Set(
+ Object.values(bundleGroupMap)
+ .map(d => d.bundle_id)
+ .filter(id => !bundleMap[id])
+ )];
+
+ // Fetch de bundles faltantes en paralelo
+ if (missingBundleIds.length > 0) {
+ const fetched = await Promise.all(
+ missingBundleIds.map(id => this.fetchBundleInfo(id))
+ );
+ missingBundleIds.forEach((id, i) => {
+ if (fetched[i]) {
+ bundleMap[id] = fetched[i];
+ }
+ });
+ }
+
+ // Construir lista final
+ const displayItems = [
+ ...regularItems,
+ ...Object.values(bundleGroupMap).map((data) => {
+ const info = bundleMap[data.bundle_id] || {};
+
+ const bundleName = info.name || `Paquete #${data.bundle_id}`;
+
+ // Calcular precio con fallbacks múltiples
+ let bundlePrice = 0;
+
+ // 1. Precio del bundleMap (viene del fetch o de Point.vue)
+ if (info.unit_price && parseFloat(info.unit_price) > 0) {
+ bundlePrice = parseFloat(info.unit_price);
+ }
+ // 2. Suma de subtotales de los componentes
+ else if (data.total_subtotal > 0) {
+ bundlePrice = data.total_subtotal;
+ }
+ // 3. Recalcular desde unit_price × quantity de cada componente
+ else {
+ bundlePrice = data.components.reduce((sum, c) => {
+ const price = parseFloat(c.unit_price || c.price || 0);
+ const qty = parseFloat(c.quantity || 1);
+ return sum + (price * qty);
+ }, 0);
+ }
+
+ // 4. Si aún es 0, usar el subtotal de la venta dividido
+ if (bundlePrice === 0) {
+ const saleSubtotal = parseFloat(saleData.subtotal || 0);
+ const regularSubtotal = regularItems.reduce((sum, i) => {
+ return sum + (parseFloat(i.unit_price || 0) * parseFloat(i.quantity || 1));
+ }, 0);
+ bundlePrice = saleSubtotal - regularSubtotal;
+ if (bundlePrice < 0) bundlePrice = 0;
+ }
+
+ console.log(`Bundle ${data.bundle_id}: nombre="${bundleName}", precio=${bundlePrice}`);
+
+ return {
+ product_name: bundleName,
+ sku: info.sku || '',
+ quantity: 1,
+ unit_price: bundlePrice,
+ serials: data.serials,
+ is_bundle: true
+ };
+ })
+ ];
+
+ // Iterar sobre los items a mostrar
doc.setFont('helvetica', 'normal');
doc.setTextColor(...blackColor);
- const items = saleData.details || saleData.items || [];
- items.forEach((item) => {
+ displayItems.forEach((item) => {
// Nombre del producto
const productName = item.product_name || item.name || 'Producto';
const nameLines = doc.splitTextToSize(productName, 45);
@@ -174,7 +320,7 @@ const ticketService = {
yPosition += 3;
}
- // Cantidad y Precio unitario
+ // Cantidad y Precio
const quantity = item.quantity || 1;
const unitPrice = formatMoney(item.unit_price);
@@ -188,7 +334,7 @@ const ticketService = {
yPosition += 4;
// Números de serie (si existen)
- const serials = item.serial_numbers || item.serials || [];
+ const serials = item.serials || item.serial_numbers || [];
if (serials.length > 0) {
doc.setFontSize(6);
doc.setFont('helvetica', 'normal');
diff --git a/src/stores/cart.js b/src/stores/cart.js
index 12cb6a9..615dac8 100644
--- a/src/stores/cart.js
+++ b/src/stores/cart.js
@@ -5,14 +5,14 @@ const useCart = defineStore('cart', {
items: [], // Productos en el carrito
paymentMethod: 'cash' // Método de pago por defecto
}),
-
+
getters: {
// Total de items
itemCount: (state) => state.items.reduce((sum, item) => sum + item.quantity, 0),
-
+
// Subtotal (sin impuestos)
subtotal: (state) => state.items.reduce((sum, item) => sum + (item.unit_price * item.quantity), 0),
-
+
// Total de impuestos
tax: (state) => {
return state.items.reduce((sum, item) => {
@@ -21,7 +21,7 @@ const useCart = defineStore('cart', {
return sum + itemTax;
}, 0);
},
-
+
// Total final
total: (state) => {
const subtotal = state.items.reduce((sum, item) => sum + (item.unit_price * item.quantity), 0);
@@ -32,15 +32,16 @@ const useCart = defineStore('cart', {
}, 0);
return subtotal + tax;
},
-
+
// Verificar si el carrito está vacío
isEmpty: (state) => state.items.length === 0
},
-
+
actions: {
// Agregar producto al carrito
addProduct(product, serialConfig = null) {
- const existingItem = this.items.find(item => item.inventory_id === product.id);
+ const key = 'p:' + product.id;
+ const existingItem = this.items.find(item => item.item_key === key);
if (existingItem) {
// Si ya existe y tiene seriales, abrir selector de nuevo
@@ -62,7 +63,10 @@ const useCart = defineStore('cart', {
} else {
// Agregar nuevo item
this.items.push({
+ item_key: key,
inventory_id: product.id,
+ bundle_id: null,
+ is_bundle: false,
product_name: product.name,
sku: product.sku,
quantity: 1,
@@ -80,9 +84,42 @@ const useCart = defineStore('cart', {
}
},
+ // Agregar bundle/kit al carrito
+ addBundle(bundle) {
+ const key = 'b:' + bundle.id;
+ const existingItem = this.items.find(item => item.item_key === key);
+
+ if (existingItem) {
+ if (existingItem.quantity < bundle.available_stock) {
+ existingItem.quantity++;
+ } else {
+ window.Notify.warning('No hay suficiente stock disponible');
+ }
+ } else {
+ this.items.push({
+ item_key: key,
+ bundle_id: bundle.id,
+ inventory_id: null,
+ is_bundle: true,
+ product_name: bundle.name,
+ sku: bundle.sku,
+ quantity: 1,
+ unit_price: parseFloat(bundle.price?.retail_price || 0),
+ tax_rate: parseFloat(bundle.price?.tax || 16),
+ max_stock: bundle.available_stock,
+ track_serials: false,
+ serial_numbers: [],
+ serial_selection_mode: null,
+ unit_of_measure: null,
+ allows_decimals: false,
+ });
+ }
+ },
+
// Agregar producto con seriales ya configurados
addProductWithSerials(product, quantity, serialConfig) {
- const existingItem = this.items.find(item => item.inventory_id === product.id);
+ const key = 'p:' + product.id;
+ const existingItem = this.items.find(item => item.item_key === key);
const newSerials = serialConfig.serialNumbers || [];
if (existingItem) {
@@ -94,7 +131,10 @@ const useCart = defineStore('cart', {
} else {
// Agregar nuevo item con seriales
this.items.push({
+ item_key: key,
inventory_id: product.id,
+ bundle_id: null,
+ is_bundle: false,
product_name: product.name,
sku: product.sku,
quantity: quantity,
@@ -111,8 +151,8 @@ const useCart = defineStore('cart', {
},
// Actualizar seriales de un item
- updateSerials(inventoryId, serialConfig) {
- const item = this.items.find(i => i.inventory_id === inventoryId);
+ updateSerials(itemKey, serialConfig) {
+ const item = this.items.find(i => i.item_key === itemKey);
if (item) {
item.serial_numbers = serialConfig.serialNumbers || [];
item.serial_selection_mode = serialConfig.selectionMode;
@@ -127,8 +167,8 @@ const useCart = defineStore('cart', {
},
// Verificar si un item necesita selección de seriales
- needsSerialSelection(inventoryId) {
- const item = this.items.find(i => i.inventory_id === inventoryId);
+ needsSerialSelection(itemKey) {
+ const item = this.items.find(i => i.item_key === itemKey);
if (!item || !item.track_serials) return false;
// Necesita selección si es manual y no tiene suficientes seriales
if (item.serial_selection_mode === 'manual') {
@@ -136,16 +176,16 @@ const useCart = defineStore('cart', {
}
return false;
},
-
- // Actualizar cantidad de un item
- updateQuantity(inventoryId, quantity) {
- const item = this.items.find(i => i.inventory_id === inventoryId);
+
+ // Actualizar cantidad de un item (por item_key)
+ updateQuantity(itemKey, quantity) {
+ const item = this.items.find(i => i.item_key === itemKey);
if (item) {
// Convertir a número (puede ser decimal)
const numQuantity = parseFloat(quantity);
if (isNaN(numQuantity) || numQuantity <= 0) {
- this.removeProduct(inventoryId);
+ this.removeProduct(itemKey);
} else if (numQuantity <= item.max_stock) {
// Si NO permite decimales, redondear a entero
item.quantity = item.allows_decimals ? numQuantity : Math.floor(numQuantity);
@@ -154,21 +194,21 @@ const useCart = defineStore('cart', {
}
}
},
-
- // Remover producto
- removeProduct(inventoryId) {
- const index = this.items.findIndex(i => i.inventory_id === inventoryId);
+
+ // Remover producto o bundle (por item_key)
+ removeProduct(itemKey) {
+ const index = this.items.findIndex(i => i.item_key === itemKey);
if (index !== -1) {
this.items.splice(index, 1);
}
},
-
+
// Limpiar carrito
clear() {
this.items = [];
this.paymentMethod = 'cash';
},
-
+
// Cambiar método de pago
setPaymentMethod(method) {
this.paymentMethod = method;
@@ -176,4 +216,4 @@ const useCart = defineStore('cart', {
}
});
-export default useCart;
\ No newline at end of file
+export default useCart;