From e51f3fad0f564ce2454c4f2bc7165f95d63f73eb Mon Sep 17 00:00:00 2001
From: Juan Felipe Zapata Moreno <juan.zapata@golsystems.com.mx>
Date: Thu, 19 Feb 2026 21:45:23 -0600
Subject: [PATCH] =?UTF-8?q?feat:=20actualizar=20nombres=20de=20columnas=20?=
 =?UTF-8?q?y=20mejorar=20gesti=C3=B3n=20de=20seriales=20en=20componentes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/POS/Bundles/Index.vue         |  2 +-
 src/pages/POS/Movements/Edit.vue        | 24 ++++++++++++---
 src/pages/POS/Movements/ExitModal.vue   |  9 ++----
 src/pages/POS/Movements/KardexModal.vue |  2 +-
 src/services/ticketService.js           | 40 ++++++++++++++++++++-----
 5 files changed, 57 insertions(+), 20 deletions(-)

diff --git a/src/pages/POS/Bundles/Index.vue b/src/pages/POS/Bundles/Index.vue
index 73de89e..aedc4bc 100644
--- a/src/pages/POS/Bundles/Index.vue
+++ b/src/pages/POS/Bundles/Index.vue
@@ -94,7 +94,7 @@ onMounted(() => {
                     <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">NOMBRE</th>
                     <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">SKU</th>
                     <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">COMPONENTES</th>
-                    <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">STOCK</th>
+                    <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">PAQ. ESTIMADO</th>
                     <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">PRECIO</th>
                     <th class="px-6 py-3 text-center text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider">ACCIONES</th>
                 </template>
diff --git a/src/pages/POS/Movements/Edit.vue b/src/pages/POS/Movements/Edit.vue
index e645e1b..6faffe4 100644
--- a/src/pages/POS/Movements/Edit.vue
+++ b/src/pages/POS/Movements/Edit.vue
@@ -88,6 +88,11 @@ const serialsArray = computed(() => {
         .filter(s => s.length > 0);
 });
 
+// Si tiene seriales y no permite decimales, la cantidad se controla por seriales
+const quantityLockedBySerials = computed(() => {
+    return hasSerials.value && !allowsDecimals.value;
+});
+
 const serialsValidation = computed(() => {
     if (!hasSerials.value) return { valid: true, message: '' };
 
@@ -114,6 +119,13 @@ const serialsValidation = computed(() => {
     return { valid: true, message: '' };
 });
 
+// Actualizar cantidad automáticamente cuando cambian los seriales
+const updateQuantityFromSerials = () => {
+    if (!quantityLockedBySerials.value) return;
+    const count = serialsArray.value.length;
+    form.quantity = count > 0 ? count : 1;
+};
+
 /** Métodos */
 const loadWarehouses = () => {
     loading.value = true;
@@ -305,11 +317,15 @@ watch(() => props.show, (isShown) => {
                         <FormInput
                             v-model="form.quantity"
                             type="number"
-                            :min="allowsDecimals ? '0.001' : '1'"
-                            :step="allowsDecimals ? '0.001' : '1'"
-                            :placeholder="allowsDecimals ? '0.000' : '0'"
+                            min="1"
+                            step="1"
+                            placeholder="0"
+                            :disabled="quantityLockedBySerials"
                             required
                         />
+                        <p v-if="quantityLockedBySerials" class="mt-1 text-xs text-gray-500 dark:text-gray-400">
+                            Controlado por seriales
+                        </p>
                         <FormError :message="form.errors?.quantity" />
                     </div>
 
@@ -321,7 +337,7 @@ watch(() => props.show, (isShown) => {
                                 NÚMEROS DE SERIE
                             </label>
                         </div>
-                        <SerialInputList v-model="serialsList" />
+                        <SerialInputList v-model="serialsList" @update:model-value="updateQuantityFromSerials" />
 
                         <!-- Validación -->
                         <div class="mt-2 flex items-center justify-between">
diff --git a/src/pages/POS/Movements/ExitModal.vue b/src/pages/POS/Movements/ExitModal.vue
index d0a4e35..0d5f87d 100644
--- a/src/pages/POS/Movements/ExitModal.vue
+++ b/src/pages/POS/Movements/ExitModal.vue
@@ -479,18 +479,15 @@ watch(() => form.warehouse_id, (newWarehouseId, oldWarehouseId) => {
                                         <input
                                             v-model="item.quantity"
                                             type="number"
-                                            :min="item.allows_decimals ? '0.001' : '1'"
-                                            :step="item.allows_decimals ? '0.001' : '1'"
-                                            :placeholder="item.allows_decimals ? '0.000' : '0'"
+                                            min="1"
+                                            step="1"
+                                            placeholder="0"
                                             :disabled="item.track_serials && canUseSerials(item)"
                                             class="w-full px-2 py-1.5 text-sm border border-gray-300 dark:border-gray-600 rounded bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed"
                                         />
                                         <p v-if="item.track_serials && canUseSerials(item)" class="mt-1 text-xs text-gray-500 dark:text-gray-400">
                                             Controlado por seriales
                                         </p>
-                                        <p v-else-if="item.allows_decimals" class="mt-1 text-xs text-gray-500 dark:text-gray-400">
-                                            Permite hasta 3 decimales (ej: 25.750 {{ item.unit_of_measure?.abbreviation }})
-                                        </p>
                                     </div>
 
                                     <!-- Botón eliminar -->
diff --git a/src/pages/POS/Movements/KardexModal.vue b/src/pages/POS/Movements/KardexModal.vue
index 81252ac..7451aab 100644
--- a/src/pages/POS/Movements/KardexModal.vue
+++ b/src/pages/POS/Movements/KardexModal.vue
@@ -144,7 +144,7 @@ watch(() => props.show, (val) => {
             <div class="flex items-center justify-between mb-5">
                 <div class="flex items-center gap-2">
                     <GoogleIcon name="assignment" class="text-2xl text-emerald-600" />
-                    <h3 class="text-lg font-bold text-gray-900 dark:text-gray-100">Exportar Kardex</h3>
+                    <h3 class="text-lg font-bold text-gray-900 dark:text-gray-100">Exportar reporte</h3>
                 </div>
                 <button @click="emit('close')" class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300">
                     <GoogleIcon name="close" class="text-xl" />
diff --git a/src/services/ticketService.js b/src/services/ticketService.js
index 96b1d1a..b1bb620 100644
--- a/src/services/ticketService.js
+++ b/src/services/ticketService.js
@@ -292,7 +292,8 @@ const ticketService = {
                     quantity: 1,
                     unit_price: bundlePrice,
                     serials: data.serials,
-                    is_bundle: true
+                    is_bundle: true,
+                    components: data.components
                 };
             })
         ];
@@ -333,18 +334,41 @@ const ticketService = {
 
             yPosition += 4;
 
-            // Números de serie (si existen)
-            const serials = item.serials || item.serial_numbers || [];
-            if (serials.length > 0) {
-                doc.setFontSize(6);
+            // Componentes del paquete (mostrar productos con SKU y sus seriales)
+            if (item.is_bundle && item.components && item.components.length > 0) {
+                doc.setFontSize(7);
                 doc.setFont('helvetica', 'normal');
                 doc.setTextColor(...darkGrayColor);
 
-                serials.forEach((serial) => {
-                    const serialNumber = typeof serial === 'string' ? serial : serial.serial_number;
-                    doc.text(`  S/N: ${serialNumber}`, leftMargin, yPosition);
+                item.components.forEach((comp) => {
+                    const compName = comp.product_name || comp.name || comp.inventory?.name || '';
+                    const compSku = comp.sku || comp.inventory?.sku || '';
+                    const label = compSku ? `  - ${compSku}` : `  - ${compName}`;
+                    doc.text(label, leftMargin, yPosition);
                     yPosition += 3;
+
+                    // Seriales del componente
+                    const compSerials = comp.serial_numbers || comp.serials || [];
+                    compSerials.forEach((serial) => {
+                        const serialNumber = typeof serial === 'string' ? serial : serial.serial_number;
+                        doc.text(`S/N: ${serialNumber}`, leftMargin, yPosition);
+                        yPosition += 3;
+                    });
                 });
+            } else {
+                // Números de serie para productos individuales (no bundle)
+                const serials = item.serials || item.serial_numbers || [];
+                if (serials.length > 0) {
+                    doc.setFontSize(7);
+                    doc.setFont('helvetica', 'normal');
+                    doc.setTextColor(...darkGrayColor);
+
+                    serials.forEach((serial) => {
+                        const serialNumber = typeof serial === 'string' ? serial : serial.serial_number;
+                        doc.text(`  S/N: ${serialNumber}`, leftMargin, yPosition);
+                        yPosition += 3;
+                    });
+                }
             }
 
             yPosition += 2;