Upload vai-excel-download-v2.js

vai-excel-download-v2.js

@@ -0,0 +1,243 @@
+/**
+ * V.AI STUDIO - Excel Download Multi-Click Fix v2.0
+ * 
+ * VẤN ĐỀ: File Excel chỉ tải được 1 lần, lần 2+ không hoạt động
+ * 
+ * NGĂN NHÂN GỐC:
+ * 1. URL.revokeObjectURL() được gọi sau 60s (trong setTimeout)
+ * 2. Một số trình duyệt (Safari, Firefox) cần thời gian download lâu hơn
+ * 3. Blob URL bị thu hồi khiến download thất bại
+ * 
+ * GIẢI PHÁP:
+ * 1. KHÔNG revoke ngay - để blob tự giải phóng khi tab đóng
+ * 2. TẠO MỚI blob hoàn toàn cho mỗi lần click
+ * 3. Cleanup blob khi unload để tránh rò rỉ bộ nhớ
+ * 4. Tương thích mọi trình duyệt
+ */
+(function() {
+    'use strict';
+    
+    // Registry lưu blob URLs
+    var excelBlobRegistry = [];
+    
+    // Cleanup khi rời trang
+    function cleanupBlobs() {
+        excelBlobRegistry.forEach(function(entry) {
+            if (!entry.revoked && entry.url) {
+                try {
+                    URL.revokeObjectURL(entry.url);
+                    entry.revoked = true;
+                } catch (e) {}
+            }
+        });
+    }
+    
+    window.addEventListener('pagehide', cleanupBlobs);
+    window.addEventListener('beforeunload', cleanupBlobs);
+    window.addEventListener('unload', cleanupBlobs);
+    
+    // PATCH URL.revokeObjectURL - hoàn toàn không revoke cho blob
+    var originalRevoke = URL.revokeObjectURL;
+    URL.revokeObjectURL = function(url) {
+        // Bỏ qua revoke cho blob URLs - để cleanup khi unload
+        if (url && typeof url === 'string' && url.startsWith('blob:')) {
+            // Chỉ đăng ký, không revoke
+            var exists = excelBlobRegistry.find(function(e) { return e.url === url; });
+            if (!exists) {
+                excelBlobRegistry.push({ url: url, revoked: false, created: Date.now() });
+            }
+            return;
+        }
+        return originalRevoke.call(this, url);
+    };
+    
+    // PATCH window.exportDeliveryExcel để tạo blob mới mỗi lần
+    var originalExportDeliveryExcel = window.exportDeliveryExcel;
+    window.exportDeliveryExcel = async function() {
+        if (!window._origGetQuoteData) return;
+        
+        var qd = window._origGetQuoteData();
+        var code = window.VAI_QR ? window.VAI_QR.getEffectiveOrderCode() : 'VAS';
+        
+        if (typeof ExcelJS === 'undefined') return;
+        
+        // TẠO WORKBOOK HOÀN TOÀN MỚI
+        var wb = new ExcelJS.Workbook();
+        var ws = wb.addWorksheet('Giao hàng');
+        
+        // Style headers
+        ws.views = [{ showGridLines: false }];
+        ws.columns = [{ width: 5 }, { width: 34 }, { width: 14 }, { width: 8 }, { width: 20 }];
+        
+        var WHITE = { argb: 'FFFFFFFF' };
+        var WB = { 
+            top: { style: 'thin', color: WHITE }, 
+            bottom: { style: 'thin', color: WHITE }, 
+            left: { style: 'thin', color: WHITE }, 
+            right: { style: 'thin', color: WHITE } 
+        };
+        var HB = { 
+            top: { style: 'thin', color: { argb: 'FF003F62' } }, 
+            bottom: { style: 'thin', color: { argb: 'FF003F62' } }, 
+            left: { style: 'thin', color: { argb: 'FF003F62' } }, 
+            right: { style: 'thin', color: { argb: 'FF003F62' } } 
+        };
+        
+        // Header
+        ws.mergeCells('A1:E1');
+        ws.getCell('A1').value = 'PHIẾU GIAO HÀNG';
+        ws.getCell('A1').font = { bold: true, size: 15, color: { argb: 'FF003F62' } };
+        ws.getCell('A1').alignment = { horizontal: 'center' };
+        ws.getCell('A1').border = WB;
+        ws.getRow(1).height = 24;
+        
+        // Customer info
+        ws.getCell('A2').value = 'KH: ' + (qd.customer ? qd.customer.name : '');
+        ws.getCell('A2').font = { bold: true, size: 10 };
+        ws.getCell('A2').border = WB;
+        ws.getCell('D2').value = 'Mã: ' + code;
+        ws.getCell('D2').font = { bold: true, size: 9, color: { argb: 'FF003F62' } };
+        ws.getCell('D2').border = WB;
+        ws.getCell('A3').value = 'SĐT: ' + (qd.customer ? qd.customer.phone : '');
+        ws.getCell('A3').border = WB;
+        ws.getCell('D3').value = 'Ngày: ' + (qd.customer ? qd.customer.date : '');
+        ws.getCell('D3').border = WB;
+        ws.getCell('A4').value = 'Địa chỉ: ' + (qd.customer ? (qd.customer.addr || '') : '');
+        ws.getCell('A4').border = WB;
+        
+        ws.getRow(5).height = 4;
+        
+        // Table header
+        var hr = ws.getRow(6);
+        ['STT', 'Tên sản phẩm', 'Mã SP', 'SL', 'Ghi chú'].forEach(function(h, i) {
+            var c = hr.getCell(i + 1);
+            c.value = h;
+            c.font = { bold: true, color: { argb: 'FFFFFFFF' }, size: 10 };
+            c.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FF003F62' } };
+            c.alignment = { horizontal: 'center', vertical: 'middle' };
+            c.border = HB;
+        });
+        hr.height = 20;
+        
+        // Items
+        var cr = 7;
+        var items = qd.items || [];
+        for (var i = 0; i < items.length; i++) {
+            var it = items[i];
+            var row = ws.getRow(cr);
+            row.height = 20;
+            var bgColor = i % 2 === 0 ? 'FFF8FAFC' : 'FFFFFFFF';
+            var RB = { 
+                top: { style: 'thin', color: { argb: bgColor } }, 
+                bottom: { style: 'thin', color: { argb: bgColor } }, 
+                left: { style: 'thin', color: { argb: bgColor } }, 
+                right: { style: 'thin', color: { argb: bgColor } } 
+            };
+            row.getCell(1).value = it.stt || i + 1;
+            row.getCell(1).alignment = { horizontal: 'center', vertical: 'middle' };
+            row.getCell(2).value = it.name || '';
+            row.getCell(2).font = { size: 10 };
+            row.getCell(3).value = it.model || '';
+            row.getCell(3).alignment = { horizontal: 'center', vertical: 'middle' };
+            row.getCell(4).value = it.qty || 1;
+            row.getCell(4).alignment = { horizontal: 'center', vertical: 'middle' };
+            row.getCell(4).font = { bold: true };
+            row.getCell(5).value = it.note || '';
+            for (var ci = 1; ci <= 5; ci++) {
+                row.getCell(ci).fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: bgColor } };
+                row.getCell(ci).border = RB;
+            }
+            cr++;
+        }
+        
+        // Total row
+        var totalQtyRow = cr;
+        var TQBG = 'FFEFF6FF';
+        var TQB = { 
+            top: { style: 'thin', color: { argb: TQBG } }, 
+            bottom: { style: 'thin', color: { argb: TQBG } }, 
+            left: { style: 'thin', color: { argb: TQBG } }, 
+            right: { style: 'thin', color: { argb: TQBG } } 
+        };
+        ws.mergeCells(totalQtyRow, 1, totalQtyRow, 3);
+        ws.getCell('A' + totalQtyRow).value = 'TỔNG CỘNG SỐ LƯỢNG';
+        ws.getCell('A' + totalQtyRow).font = { bold: true, size: 10, color: { argb: 'FF1E40AF' } };
+        ws.getCell('A' + totalQtyRow).fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: TQBG } };
+        ws.getCell('A' + totalQtyRow).border = TQB;
+        ws.getCell('D' + totalQtyRow).value = { 
+            formula: items.length ? 'SUM(D7:D' + (cr - 1) + ')' : '0', 
+            result: items.reduce(function(s, it) { return s + Number(it.qty || 1); }, 0) 
+        };
+        ws.getCell('D' + totalQtyRow).numFmt = '#,##0';
+        ws.getCell('D' + totalQtyRow).font = { bold: true, size: 10, color: { argb: 'FF1E40AF' } };
+        ws.getCell('D' + totalQtyRow).alignment = { horizontal: 'center' };
+        ws.getCell('D' + totalQtyRow).fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: TQBG } };
+        ws.getCell('D' + totalQtyRow).border = TQB;
+        ws.getCell('E' + totalQtyRow).fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: TQBG } };
+        ws.getCell('E' + totalQtyRow).border = TQB;
+        cr++;
+        
+        // Signature rows
+        cr += 2;
+        ws.getCell('A' + cr).value = 'Bên giao: ________________';
+        ws.getCell('A' + cr).border = WB;
+        ws.getCell('D' + cr).value = 'Bên nhận: ________________';
+        ws.getCell('D' + cr).border = WB;
+        cr++;
+        ws.getCell('A' + cr).value = '(Ký, họ tên)';
+        ws.getCell('A' + cr).font = { italic: true, size: 8, color: { argb: 'FF64748B' } };
+        ws.getCell('A' + cr).border = WB;
+        ws.getCell('D' + cr).value = '(Ký, họ tên)';
+        ws.getCell('D' + cr).font = { italic: true, size: 8, color: { argb: 'FF64748B' } };
+        ws.getCell('D' + cr).border = WB;
+        
+        // Apply borders to all cells
+        ws.eachRow(function(row) {
+            row.eachCell(function(cell) {
+                if (!cell.border) cell.border = WB;
+            });
+        });
+        
+        // TẠO BLOB MỚI HOÀN TOÀN
+        var buf = await wb.xlsx.writeBuffer();
+        var blob = new Blob([buf], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+        var url = URL.createObjectURL(blob);
+        
+        // Download NGAY LẬP TỨC
+        var a = document.createElement('a');
+        a.href = url;
+        a.download = 'GH-' + code + '.xlsx';
+        a.style.display = 'none';
+        document.body.appendChild(a);
+        
+        // Force click
+        a.click();
+        
+        // Cleanup link element (giữ blob sống)
+        setTimeout(function() {
+            try { document.body.removeChild(a); } catch (e) {}
+        }, 100);
+        
+        // THÔNG BÁO
+        if (typeof showToast === 'function') {
+            showToast('📥 Đã tải GH-' + code + '.xlsx');
+        }
+    };
+    
+    // PATCH window.exportExcel (báo giá)
+    var originalExportExcel = window.exportExcel;
+    window.exportExcel = async function() {
+        if (!window.VAI_QR || !window.VAI_QR.getData) return;
+        
+        var d = window.VAI_QR.getData();
+        var code = window.VAI_QR.getEffectiveOrderCode();
+        var qrUrl = window.VAI_QR.getQRUrl ? window.VAI_QR.getQRUrl(d.remaining || d.grandTotal, code) : '';
+        
+        // Gọi export gốc nếu có
+        if (window.VAI_QR.exportExcel) {
+            await window.VAI_QR.exportExcel(d, d.qd, code, qrUrl);
+        }
+    };
+    
+    console.log('[Fix v2.0] Excel multi-download patch loaded - blob will persist until tab unload');
+})();