Upload vai-excel-ultimate-fix.js

vai-excel-ultimate-fix.js

@@ -0,0 +1,417 @@
+/**
+ * V.AI STUDIO - Ultimate Excel Multi-Download Fix v1.0 FINAL
+ * ========================================================
+ * FIX TRIỆT ĐỐI VẤN ĐỀ: File Excel chỉ tải được 1 lần, lần 2+ thất bại
+ * 
+ * NGĂN NHÂN GỐC: URL.revokeObjectURL được gọi sau khi click, làm mất blob URL
+ * GIẢI PHÁP: Patch URL.revokeObjectURL + registry chung + cleanup khi unload
+ */
+(function() {
+    'use strict';
+    
+    // Registry toàn cục - CHỈ DÙNG 1 registry duy nhất cho tất cả
+    window.__VAI_ALL_BLOB_URLS = window.__VAI_ALL_BLOB_URLS || [];
+    var __isUnloading__ = false;
+    
+    // Cleanup tất cả blob khi tab đóng
+    function cleanupAllBlobs() {
+        __isUnloading__ = true;
+        window.__VAI_ALL_BLOB_URLS.forEach(function(e) {
+            try {
+                if (e && e.url && !e.revoked) {
+                    URL.revokeObjectURL(e.url);
+                    e.revoked = true;
+                }
+            } catch(err) {}
+        });
+        window.__VAI_ALL_BLOB_URLS = [];
+    }
+    
+    // Đăng ký cleanup events
+    window.addEventListener('pagehide', cleanupAllBlobs);
+    window.addEventListener('beforeunload', cleanupAllBlobs);
+    window.addEventListener('unload', cleanupAllBlobs);
+    
+    // PATCH URL.revokeObjectURL - QUAN TRỌNG NHẤT
+    var __originalRevoke__ = URL.revokeObjectURL;
+    URL.revokeObjectURL = function(url) {
+        // Đang unload hoặc không phải blob thì revoke bình thường
+        if (__isUnloading__ || !url || typeof url !== 'string' || !url.startsWith('blob:')) {
+            return __originalRevoke__.call(URL, url);
+        }
+        // Đăng ký để cleanup sau, KHÔNG revoke ngay
+        var exists = window.__VAI_ALL_BLOB_URLS.find(function(e) { return e && e.url === url; });
+        if (!exists) {
+            window.__VAI_ALL_BLOB_URLS.push({ url: url, revoked: false, created: Date.now() });
+        }
+        // KHÔNG revoke - để download hoạt động được nhiều lần
+    };
+    
+    // Hàm download blob an toàn - dùng chung cho mọi export
+    window.__VAI_DOWNLOAD_BLOB__ = function(blob, filename) {
+        var url = URL.createObjectURL(blob);
+        window.__VAI_ALL_BLOB_URLS.push({ url: url, revoked: false, created: Date.now() });
+        
+        var a = document.createElement('a');
+        a.href = url;
+        a.download = filename;
+        a.style.cssText = 'position:fixed;top:-1000px;left:-1000px;width:1px;height:1px;opacity:0;';
+        document.body.appendChild(a);
+        
+        // Click ngay lập tức
+        a.click();
+        
+        // Xóa anchor sau 100ms
+        setTimeout(function() {
+            try { document.body.removeChild(a); } catch(e) {}
+        }, 100);
+    };
+    
+    // Hàm format tiền
+    function fmtMoney(n) {
+        if (!n || isNaN(n)) return '0đ';
+        return Number(n).toLocaleString('vi-VN') + 'đ';
+    }
+    
+    // Hàm tạo mã đơn
+    function genOrderCode(name) {
+        var now = new Date();
+        var dd = String(now.getDate()).padStart(2, '0');
+        var mm = String(now.getMonth() + 1).padStart(2, '0');
+        var yy = String(now.getFullYear()).slice(-2);
+        var ini = '';
+        if (name && name.trim()) {
+            name.trim().split(/\s+/).forEach(function(w) {
+                if (w) {
+                    var ch = w.charAt(0).normalize('NFD').replace(/[\u0300-\u036f]/g, '').toUpperCase();
+                    if (/[A-Z]/.test(ch)) ini += ch;
+                }
+            });
+        }
+        return 'VAS' + (ini || 'X') + dd + mm + yy;
+    }
+    
+    // ==========================================
+    // FIX: exportDeliveryExcel - Phiếu Giao Hàng (cho cả quotation modal và order modal)
+    // ==========================================
+    window.exportDeliveryExcel = async function(order, opt) {
+        var qd, code;
+        
+        if (order && order.items) {
+            // Từ order detail modal
+            qd = {
+                customer: {
+                    name: order.customer || '',
+                    phone: order.phone || '',
+                    addr: order.addr || '',
+                    date: order.date || ''
+                },
+                items: (order.items || []).map(function(it, i) {
+                    return {
+                        stt: i + 1,
+                        name: it.name || '',
+                        model: it.model || '',
+                        qty: it.qty || 1,
+                        note: it.note || ''
+                    };
+                })
+            };
+            code = order.code || genOrderCode(order.customer);
+        } else if (window.cart && window.cart.length > 0) {
+            // Từ giỏ hàng (quotation modal)
+            qd = {
+                customer: {
+                    name: '',
+                    phone: '',
+                    addr: '',
+                    date: new Date().toLocaleDateString('vi-VN')
+                },
+                items: window.cart.map(function(item, idx) {
+                    var p = (window.D && window.D[item.idx]) ? window.D[item.idx] : null;
+                    return {
+                        stt: idx + 1,
+                        name: p ? (p.name || p.n || '') : (item.name || ''),
+                        model: p ? (p.sku || p.mod || '') : (item.sku || item.model || ''),
+                        qty: item.qty || 1,
+                        note: item.note || ''
+                    };
+                })
+            };
+            code = genOrderCode('');
+        } else {
+            if (typeof showToast === 'function') showToast('⚠️ Giỏ hàng trống!');
+            return;
+        }
+        
+        try {
+            if (typeof ExcelJS === 'undefined') {
+                if (typeof showToast === 'function') showToast('⚠️ Chưa có thư viện ExcelJS');
+                return;
+            }
+            
+            var wb = new ExcelJS.Workbook();
+            var ws = wb.addWorksheet('Phiếu Giao Hàng');
+            
+            ws.views = [{ showGridLines: false }];
+            ws.columns = [{ width: 5 }, { width: 34 }, { width: 14 }, { width: 8 }, { width: 20 }];
+            
+            // Header
+            ws.mergeCells('A1:E1');
+            ws.getCell('A1').value = 'PHIẾU GIAO HÀNG V.AI STUDIO';
+            ws.getCell('A1').font = { bold: true, size: 14, color: { argb: 'FF003F62' } };
+            ws.getCell('A1').alignment = { horizontal: 'center' };
+            ws.getCell('A1').fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FFF0F7FF' } };
+            
+            // Thông tin khách hàng
+            ws.getCell('A2').value = 'Ngày giao:';
+            ws.getCell('B2').value = new Date().toLocaleDateString('vi-VN');
+            ws.getCell('A3').value = 'KH: ' + (qd.customer.name || '');
+            ws.getCell('D3').value = 'Mã: ' + code;
+            ws.getCell('A4').value = 'SĐT: ' + (qd.customer.phone || '');
+            ws.getCell('A5').value = 'Địa chỉ: ' + (qd.customer.addr || '');
+            
+            // Header row
+            var hr = ws.getRow(7);
+            ['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' } };
+                c.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FF003F62' } };
+            });
+            hr.height = 20;
+            
+            // Dữ liệu sản phẩm
+            var cr = 8, totalQty = 0;
+            (qd.items || []).forEach(function(it, i) {
+                var row = ws.getRow(cr);
+                row.values = [i + 1, it.name || '', it.model || '', it.qty || 1, it.note || ''];
+                totalQty += (it.qty || 1);
+                cr++;
+            });
+            
+            // Tổng cộng
+            var tr = ws.getRow(cr);
+            ws.mergeCells(cr, 1, cr, 3);
+            ws.getCell('A' + cr).value = 'TỔNG CỘNG SỐ LƯỢNG';
+            ws.getCell('A' + cr).font = { bold: true, color: { argb: 'FF1E40AF' } };
+            ws.getCell('D' + cr).value = totalQty;
+            
+            // Tạo blob và download
+            var buf = await wb.xlsx.writeBuffer();
+            var blob = new Blob([buf], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+            
+            window.__VAI_DOWNLOAD_BLOB__(blob, 'GH-' + code + '.xlsx');
+            
+            if (typeof showToast === 'function') {
+                showToast('✅ Đã tải GH-' + code + '.xlsx');
+            }
+        } catch (e) {
+            console.error('exportDeliveryExcel error:', e);
+            if (typeof showToast === 'function') showToast('❌ Lỗi: ' + e.message);
+        }
+    };
+    
+    // ==========================================
+    // FIX: exportExcel - Bảng Báo Giá
+    // ==========================================
+    window.exportExcel = async function(d, qd, code, qrUrl, bw) {
+        // Chuẩn hoá tham số
+        if (typeof qd === 'undefined' && d && d.qd) {
+            var tmp = d;
+            d = tmp;
+            qd = tmp.qd;
+            code = tmp.code || code;
+        }
+        
+        try {
+            if (typeof ExcelJS === 'undefined') {
+                if (typeof showToast === 'function') showToast('⚠️ Chưa có thư viện ExcelJS');
+                return;
+            }
+            
+            var MONEY_FMT = '#,##0"đ"';
+            var wb = new ExcelJS.Workbook();
+            var ws = wb.addWorksheet('Báo giá');
+            
+            ws.views = [{ showGridLines: false }];
+            ws.columns = [
+                { width: 5 }, { width: 11 }, { width: 28 }, { width: 13 },
+                { width: 20 }, { width: 6 }, { width: 13 }, { width: 13 },
+                { width: 15 }, { width: 14 }
+            ];
+            
+            // Header
+            ws.mergeCells('A3:J3');
+            ws.getCell('A3').value = 'BẢNG BÁO GIÁ';
+            ws.getCell('A3').font = { bold: true, size: 18, color: { argb: 'FFDB9815' } };
+            ws.getCell('A3').alignment = { horizontal: 'center' };
+            
+            // Thông tin khách hàng
+            if (qd && qd.customer) {
+                ws.getCell('A5').value = 'Khách hàng:';
+                ws.mergeCells('B5:E5');
+                ws.getCell('B5').value = qd.customer.name || '';
+                ws.getCell('H5').value = 'Mã đơn:';
+                ws.mergeCells('I5:J5');
+                ws.getCell('I5').value = code || '';
+                ws.getCell('A6').value = 'SĐT:';
+                ws.mergeCells('B6:E6');
+                ws.getCell('B6').value = qd.customer.phone || '';
+            }
+            
+            // Header row
+            var hr = ws.getRow(10);
+            ['STT', 'Hình', 'Tên sản phẩm', 'Mã SP', 'Thông tin', 'SL', 'Đơn giá', 'Giá CK', 'Thành tiền', 'Ghi chú'].forEach(function(h, i) {
+                var c = hr.getCell(i + 1);
+                c.value = h;
+                c.font = { bold: true, color: { argb: 'FFFFFFFF' } };
+                c.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FF003F62' } };
+            });
+            
+            // Dữ liệu sản phẩm
+            var cr = 11, firstRow = cr;
+            (qd.items || []).forEach(function(it, i) {
+                var row = ws.getRow(cr);
+                row.getCell(1).value = it.stt || i + 1;
+                row.getCell(3).value = it.name || '';
+                row.getCell(3).font = { bold: true };
+                row.getCell(4).value = it.model || '';
+                row.getCell(5).value = it.specs || '';
+                row.getCell(6).value = Number(it.qty || 1);
+                row.getCell(6).numFmt = '#,##0';
+                row.getCell(7).value = Number(it.price || 0);
+                row.getCell(7).numFmt = MONEY_FMT;
+                row.getCell(8).value = Number(it.discPrice || it.price || 0);
+                row.getCell(8).numFmt = MONEY_FMT;
+                row.getCell(9).value = Number(it.total || 0);
+                row.getCell(9).numFmt = MONEY_FMT;
+                row.getCell(10).value = it.note || '';
+                cr++;
+            });
+            
+            // Tổng cuối
+            ws.mergeCells(cr, 1, cr, 5);
+            ws.getCell('A' + cr).value = 'TỔNG CỘNG';
+            ws.getCell('A' + cr).font = { bold: true, color: { argb: 'FFFFFFFF' } };
+            ws.getCell('A' + cr).fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FF003F62' } };
+            ws.getCell('E' + cr).value = Number((d && d.grandTotal) || 0);
+            ws.getCell('E' + cr).numFmt = MONEY_FMT;
+            
+            // Xuất
+            var buf = await wb.xlsx.writeBuffer();
+            var blob = new Blob([buf], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
+            
+            window.__VAI_DOWNLOAD_BLOB__(blob, (code || 'quote') + '.xlsx');
+            
+            if (typeof showToast === 'function') {
+                showToast('✅ Đã tải ' + (code || 'quote') + '.xlsx');
+            }
+        } catch (e) {
+            console.error('exportExcel error:', e);
+            if (typeof showToast === 'function') showToast('❌ Lỗi: ' + e.message);
+        }
+    };
+    
+    // ==========================================
+    // FIX: exportDeliveryPDF - Phiếu Giao Hàng PDF
+    // ==========================================
+    window.exportDeliveryPDF = async function(order, opt) {
+        var qd, code;
+        
+        if (order && order.items) {
+            qd = {
+                customer: {
+                    name: order.customer || '',
+                    phone: order.phone || '',
+                    addr: order.addr || '',
+                    date: order.date || ''
+                },
+                items: (order.items || []).map(function(it, i) {
+                    return {
+                        stt: i + 1,
+                        name: it.name || '',
+                        model: it.model || '',
+                        qty: it.qty || 1,
+                        note: it.note || ''
+                    };
+                })
+            };
+            code = order.code || genOrderCode(order.customer);
+        } else {
+            qd = window._origGetQuoteData ? window._origGetQuoteData() : { 
+                customer: { name: '', phone: '', date: new Date().toLocaleDateString('vi-VN') }, 
+                items: window.cart || [] 
+            };
+            code = genOrderCode('');
+        }
+        
+        try {
+            if (typeof html2canvas === 'undefined' || typeof jspdf === 'undefined') {
+                if (typeof showToast === 'function') showToast('⚠️ Chưa có thư viện PDF');
+                return;
+            }
+            
+            var html = '<div style="padding:20px;font-family:Inter,Arial,sans-serif">'
+                + '<div style="text-align:center;margin-bottom:16px">'
+                + '<div style="font-size:22px;font-weight:900;color:#003f62">PHIẾU GIAO HÀNG</div>'
+                + '</div>'
+                + '<div style="margin-bottom:12px;font-size:12px">'
+                + '<b>Khách hàng:</b> ' + (qd.customer.name || '') + '<br>'
+                + '<b>SĐT:</b> ' + (qd.customer.phone || '') + '<br>'
+                + '<b>Mã đơn:</b> ' + code + '<br>'
+                + '</div>'
+                + '<table style="width:100%;border-collapse:collapse;font-size:12px">'
+                + '<thead><tr style="background:#003f62;color:#fff">'
+                + '<th style="padding:8px;width:35px">STT</th>'
+                + '<th style="padding:8px;text-align:left">Tên sản phẩm</th>'
+                + '<th style="padding:8px;width:90px">Mã SP</th>'
+                + '<th style="padding:8px;width:40px">SL</th>'
+                + '<th style="padding:8px;width:120px;text-align:left">Ghi chú</th>'
+                + '</tr></thead><tbody>';
+            
+            (qd.items || []).forEach(function(it, i) {
+                html += '<tr style="border-bottom:1px solid #e2e8f0">'
+                    + '<td style="padding:8px;text-align:center">' + (i + 1) + '</td>'
+                    + '<td style="padding:8px;font-weight:600">' + (it.name || '') + '</td>'
+                    + '<td style="padding:8px;text-align:center">' + (it.model || '') + '</td>'
+                    + '<td style="padding:8px;text-align:center;font-weight:700">' + (it.qty || 1) + '</td>'
+                    + '<td style="padding:8px">' + (it.note || '') + '</td></tr>';
+            });
+            
+            html += '</tbody></table>'
+                + '<div style="margin-top:50px;display:flex;justify-content:space-around;font-size:12px">'
+                + '<div style="text-align:center"><b>Bên giao</b><br>(Ký)<div style="margin-top:25px">________</div></div>'
+                + '<div style="text-align:center"><b>Bên nhận</b><br>(Ký)<div style="margin-top:25px">________</div></div>'
+                + '</div></div>';
+            
+            var div = document.createElement('div');
+            div.style.cssText = 'position:absolute;left:-10000px;top:0;width:700px;background:#fff;padding:28px;box-sizing:border-box';
+            div.innerHTML = html;
+            document.body.appendChild(div);
+            
+            var cv = await html2canvas(div, { scale: 2, useCORS: true, backgroundColor: '#fff' });
+            div.remove();
+            
+            var img = cv.toDataURL('image/png');
+            var pdf = new jspdf.jsPDF({ orientation: 'p', unit: 'pt', format: 'a4' });
+            var margin = 25, usW = 595 - margin * 2, ratio = cv.height / cv.width, imgH = usW * ratio;
+            
+            if (imgH > 842 - margin * 2) imgH = 842 - margin * 2;
+            
+            pdf.addImage(img, 'PNG', margin, margin, usW, imgH);
+            pdf.save('GH-' + code + '.pdf');
+            
+            if (typeof showToast === 'function') showToast('✅ Đã tải GH-' + code + '.pdf');
+        } catch (e) {
+            console.error('exportDeliveryPDF error:', e);
+            if (typeof showToast === 'function') showToast('❌ Lỗi: ' + e.message);
+        }
+    };
+    
+    // Override các hàm cũ nếu tồn tại
+    if (window.VAI_QR && window.VAI_QR.exportDeliveryExcel) {
+        window.VAI_QR.exportDeliveryExcel = window.exportDeliveryExcel;
+    }
+    
+    console.log('[VAI Ultimate Excel Fix v1.0] Multi-download enabled - blob cleanup on tab unload');
+})();