Cập nhật qr-payment với event listener click ngay lập tức (#16)

- Upload vai-excel-click-fix.js (f29c4ee4eb860d3f5564a0a06d7c774412c4a4db)
- Upload index.html (624ea1c2619b550052ee3361d0616a22da27430e)

Files changed (2) hide show

index.html +99 -152
vai-excel-click-fix.js +129 -0

index.html CHANGED Viewed

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="vi">
-<head><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":"HF_TOKEN_REDACTED","REBUILD_TRIGGER":"INLINE"}};</script>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>V.AI STUDIO | Niềm tin khách hàng là tài sản của chúng tôi</title>
@@ -29,81 +29,55 @@ img{max-width:100%;display:block}a{text-decoration:none;color:inherit}
 </style>
 </head>
 <body>
-<!-- Libraries for quotation export -->
 <script src="https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
-<!-- V.AI STUDIO Excel Multi-Download Fix (INLINE - tránh cache CDN) -->
 <script>
 (function(){
 "use strict";
-// Registry toàn cục
-window.__VAI_BLOB_REG = window.__VAI_BLOB_REG || { blobs: [], isUnloading: false };
 var REG = window.__VAI_BLOB_REG;
 // Cleanup khi unload
-function cleanup() {
     REG.isUnloading = true;
-    REG.blobs.forEach(function(e) {
-        if (!e.revoked && e.url) { try { URL.revokeObjectURL(e.url); e.revoked = true; } catch(err) {} }
-    });
-    REG.blobs = [];
-}
-window.addEventListener('pagehide', cleanup);
-window.addEventListener('beforeunload', cleanup);
-window.addEventListener('unload', cleanup);
-// PATCH URL.revokeObjectURL - KHÔNG REVOKE BLOB
-if (!window.__VAI_REVOKE_PATCHED) {
-    var _orig = URL.revokeObjectURL;
-    URL.revokeObjectURL = function(url) {
-        if (REG.isUnloading) return _orig.call(this, url);
-        if (!url || typeof url !== 'string' || !url.startsWith('blob:')) {
-            return _orig.call(this, url);
-        }
-        var exists = REG.blobs.find(function(e) { return e.url === url; });
-        if (!exists) REG.blobs.push({ url: url, revoked: false });
-        return;
-    };
-    window.__VAI_REVOKE_PATCHED = true;
-    console.log('[VAI] REVOKE PATCHED - Multi-download ENABLED');
-}
 function dl(blob, name) {
     var url = URL.createObjectURL(blob);
-    REG.blobs.push({ url: url, revoked: false });
     var a = document.createElement('a');
-    a.href = url;
-    a.download = name;
-    a.style.cssText = 'position:absolute;left:-9999px';
     document.body.appendChild(a);
     a.click();
-    setTimeout(function() { try { document.body.removeChild(a); } catch(err) {} }, 100);
 }
 function fmt(n) { return n && !isNaN(n) ? Number(n).toLocaleString('vi-VN') + 'đ' : '0đ'; }
-function strip(s) { return s.normalize('NFD').replace(/[\u0300-\u036f]/g, '').replace(/[Đđ]/g, 'D'); }
 function genCode(name) {
-    var d = new Date(), dd = String(d.getDate()).padStart(2, '0');
-    var mm = String(d.getMonth() + 1).padStart(2, '0');
-    var yy = String(d.getFullYear()).slice(-2), ini = '';
-    if (name && name.trim()) {
-        name.trim().split(/\s+/).forEach(function(w) {
-            if (w) {
-                var c = strip(w.charAt(0)).toUpperCase();
-                if (/[A-Z]/.test(c)) ini += c;
-            }
         });
     }
-    return 'VAS' + (ini || 'X') + dd + mm + yy;
 }
 function setBtn(b, exporting) {
-    if (exporting) {
         b.disabled = true;
         b.dataset.vaiExporting = '1';
         b.dataset.vaiOrig = b.innerHTML;
@@ -114,179 +88,152 @@ function setBtn(b, exporting) {
         b.dataset.vaiOrig && (b.innerHTML = b.dataset.vaiOrig);
     }
 }
 function getQD() {
-    var d = { customer: { name: '', phone: '', email: '', addr: '', date: new Date().toLocaleDateString('vi-VN') }, items: [], grandTotal: 0 };
     var cart = window.cart || [], prods = window.D || [];
-    cart.forEach(function(item, i) {
-        var p = prods[item.idx] || (prods.find ? prods.find(function(x) { return x.id === item.id; }) : null);
         var pr = item.priceNum || item.price || (p ? p.price : 0) || 0;
-        d.items.push({
-            stt: i + 1, name: p ? (p.name || p.n || '') : (item.name || ''),
-            model: p ? (p.sku || p.mod || '') : (item.sku || item.model || ''),
-            qty: item.qty || 1, price: pr, discPrice: pr, total: (item.qty || 1) * pr
-        });
     });
-    ['#quoteName', '#quoteCustomerName', '#checkoutName'].forEach(function(sel) {
         var el = document.querySelector(sel);
-        if (el && el.value && el.value.trim()) { d.customer.name = el.value.trim(); return; }
     });
-    var ph = document.querySelector('#quotePhone, #checkoutPhone'); if (ph && ph.value) d.customer.phone = ph.value.trim();
-    var em = document.querySelector('#quoteEmail'); if (em && em.value) d.customer.email = em.value.trim();
-    var ad = document.querySelector('#quoteAddr, #checkoutAddr'); if (ad && ad.value) d.customer.addr = ad.value.trim();
-    d.grandTotal = d.items.reduce(function(s, i) { return s + (i.total || 0); }, 0);
     return d;
 }
-async function exportExcel() {
     var qd = getQD(), code = genCode(qd.customer.name || '');
-    if (!qd.items.length || typeof ExcelJS === 'undefined') {
-        alert(!qd.items.length ? '⚠️ Không có sản phẩm' : '⚠️ Chưa có ExcelJS');
         return;
     }
     try {
         var wb = new ExcelJS.Workbook(), 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}];
         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('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;
-        ws.getCell('H6').value = 'Ngày:'; ws.mergeCells('I6:J6'); ws.getCell('I6').value = qd.customer.date;
-        ws.getCell('A7').value = 'Email:'; ws.mergeCells('B7:E7'); ws.getCell('B7').value = qd.customer.email;
         ws.getCell('A8').value = 'Địa chỉ:'; ws.mergeCells('B8:J8'); ws.getCell('B8').value = qd.customer.addr;
         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' } };
         });
         var cr = 11, firstRow = cr;
-        qd.items.forEach(function(it) {
             var row = ws.getRow(cr); row.height = 50;
-            var bg = (cr - 11) % 2 === 0 ? 'FFF8FAFC' : 'FFFFFFFF';
             row.getCell(1).value = it.stt;
-            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); row.getCell(6).numFmt = '#,##0';
             row.getCell(7).value = Number(it.price); row.getCell(7).numFmt = '#,##0"đ"';
             row.getCell(8).value = Number(it.discPrice); row.getCell(8).numFmt = '#,##0"đ"';
             row.getCell(9).value = Number(it.total); row.getCell(9).numFmt = '#,##0"đ"';
             cr++;
         });
         ws.getRow(cr).height = 28; 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 = { formula: 'SUM(I'+firstRow+':I'+(cr-1)+')', result: qd.grandTotal };
-        ws.getCell('E'+cr).numFmt = '#,##0"đ"'; wb.calcProperties.fullCalcOnLoad = true;
         var buf = await wb.xlsx.writeBuffer();
-        var blob = new Blob([buf], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
-        dl(blob, code + '.xlsx');
-        if (typeof showToast === 'function') showToast('✅ Excel tải thành công!');
-    } catch(err) {
-        alert('❌ Lỗi: ' + err.message);
-    }
-}
-async function exportDelivery() {
     var order = window.VAI_CURRENT_ORDER;
-    var qd = order && order.items ? { customer: { name: order.customer || '', phone: order.phone || '', addr: order.addr || '' }, items: order.items.map(function(it, i) {
-        return { stt: i+1, name: it.name || '', model: it.model || '', qty: it.qty || 1, note: it.note || '', price: it.price || 0, discPrice: it.discPrice || it.price || 0 };
     }) } : getQD();
     var code = genCode(qd.customer.name || '');
-    if (typeof ExcelJS === 'undefined' || !qd.items.length) return;
     try {
         var wb = new ExcelJS.Workbook(), ws = wb.addWorksheet('Giao hàng');
-        ws.views = [{ showGridLines: false }];
         ws.columns = [{width:5},{width:34},{width:14},{width:8},{width:20}];
         ws.mergeCells('A1:E1'); ws.getCell('A1').value = 'PHIẾU GIAO HÀNG';
-        ws.getCell('A1').font = { bold: true, size: 16 };
         ws.getCell('A2').value = 'KH: ' + qd.customer.name;
         ws.getCell('D2').value = 'Mã: ' + code;
         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' } };
-            c.fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: 'FF003F62' } };
         });
-        var cr = 7, totalQty = 0;
-        qd.items.forEach(function(it) {
             var row = ws.getRow(cr);
             row.getCell(1).value = it.stt;
             row.getCell(2).value = it.name;
             row.getCell(3).value = it.model;
             row.getCell(4).value = it.qty;
             row.getCell(5).value = it.note;
-            totalQty += Number(it.qty);
-            cr++;
         });
-        ws.mergeCells(cr,1,cr,3); ws.getCell('A'+cr).value = 'TỔNG CỘNG SỐ LƯỢNG'; ws.getCell('D'+cr).value = totalQty;
         var buf = await wb.xlsx.writeBuffer();
-        var blob = new Blob([buf], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
-        dl(blob, 'GH-' + code + '.xlsx');
-        if (typeof showToast === 'function') showToast('✅ Excel giao hàng tải thành công!');
     } catch(err) {}
-}
-function clickHdl(e) {
-    var btn = e.target.closest('button, a');
-    if (!btn) return;
-    var txt = (btn.textContent || '').toLowerCase();
-    if (txt.includes('excel') && !txt.includes('giao') && !txt.includes('gh-')) {
-        e.preventDefault(); e.stopPropagation();
-        if (btn.dataset.vaiExporting === '1') return;
-        setBtn(btn, true);
-        exportExcel().finally(function() { setBtn(btn, false); });
-        return false;
-    }
-    if ((txt.includes('giao hàng') || txt.includes('gh')) && txt.includes('excel')) {
-        e.preventDefault(); e.stopPropagation();
-        if (btn.dataset.vaiExporting === '1') return;
-        setBtn(btn, true);
-        exportDelivery().finally(function() { setBtn(btn, false); });
-        return false;
     }
-}
-function init() {
-    document.removeEventListener('click', clickHdl, true);
-    document.addEventListener('click', clickHdl, true);
-    console.log('[VAI INLINE v2] EXCEL MULTI-DOWNLOAD ACTIVE');
-}
-if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', init);
-} else { init(); }
-setTimeout(init, 2000);
-setTimeout(init, 5000);
-window.VAI_EXCEL = { init, exportExcel, exportDelivery };
 })();
 </script>
 <div class="topbar"><div class="container">
 <div class="topbar-item"><i class="fas fa-truck-fast"></i> Miễn phí vận chuyển</div>
 <div class="topbar-item"><i class="fas fa-shield-halved"></i> Bảo hành chính hãng</div>
 <div class="topbar-item"><i class="fas fa-headset"></i> Hỗ trợ 24/7</div>
 </div></div>
-<!-- MAIN APP WILL BE INJECTED HERE -->
 <div id="app"></div>
-<script>
-// Minimal stub for testing - full app script continues
-console.log('[V.AI STUDIO] App loading...');
-</script>
 </body>
 </html>

 <!DOCTYPE html>
 <html lang="vi">
+<head><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":"HF_TOKEN_REDACTED","REBUILD_TRIGGER":"NOW"}};</script>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <title>V.AI STUDIO | Niềm tin khách hàng là tài sản của chúng tôi</title>
 </style>
 </head>
 <body>
+<!-- ExcelJS Library -->
 <script src="https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+<!-- CLICK HANDLER NGAY - TRƯỚC KHI DOM LOAD -->
 <script>
 (function(){
 "use strict";
+// Registry blob toàn cục
+window.__VAI_BLOB_REG = { blobs: [], isUnloading: false };
 var REG = window.__VAI_BLOB_REG;
 // Cleanup khi unload
+window.addEventListener('pagehide', function() {
     REG.isUnloading = true;
+    REG.blobs.forEach(function(e) { try { URL.revokeObjectURL(e.url); } catch(r) {} });
+});
+// PATCH URL.revokeObjectURL NGAY LẬP TỨC
+(function(){var o=URL.revokeObjectURL;URL.revokeObjectURL=function(u){if(REG.isUnloading)return o.call(this,u);if(u&&typeof u==='string'&&u.startsWith('blob:')){var e=REG.blobs.find(function(x){return x.url===u});if(!e)REG.blobs.push({url:u});return;}return o.call(this,u);};})();
+// Helper
 function dl(blob, name) {
     var url = URL.createObjectURL(blob);
+    REG.blobs.push({url:url});
     var a = document.createElement('a');
+    a.href = url; a.download = name; a.style.cssText = 'position:absolute;left:-9999px';
     document.body.appendChild(a);
     a.click();
+    setTimeout(function() { try { document.body.removeChild(a); } catch(r) {} }, 100);
 }
 function fmt(n) { return n && !isNaN(n) ? Number(n).toLocaleString('vi-VN') + 'đ' : '0đ'; }
+function strip(s) { return (s||'').normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/[Đđ]/g,'D'); }
 function genCode(name) {
+    var d = new Date(), dd = String(d.getDate()).padStart(2,'0');
+    var mm = String(d.getMonth()+1).padStart(2,'0'), yy = String(d.getFullYear()).slice(-2);
+    var ini = '';
+    if(name && name.trim()) {
+        name.trim().split(/\s+/).forEach(function(w){
+            if(w) { var c = strip(w.charAt(0)).toUpperCase(); if(/[A-Z]/.test(c)) ini += c; }
         });
     }
+    return 'VAS' + (ini||'X') + dd + mm + yy;
 }
 function setBtn(b, exporting) {
+    if(exporting) {
         b.disabled = true;
         b.dataset.vaiExporting = '1';
         b.dataset.vaiOrig = b.innerHTML;
         b.dataset.vaiOrig && (b.innerHTML = b.dataset.vaiOrig);
     }
 }
 function getQD() {
+    var d = { customer:{name:'',phone:'',email:'',addr:'',date:new Date().toLocaleDateString('vi-VN')}, items:[], grandTotal:0 };
     var cart = window.cart || [], prods = window.D || [];
+    cart.forEach(function(item,i){
+        var p = prods[item.idx] || (prods.find ? prods.find(function(x){return x.id===item.id;}) : null);
         var pr = item.priceNum || item.price || (p ? p.price : 0) || 0;
+        d.items.push({ stt:i+1, name:p ? (p.name||p.n||'') : (item.name||''), model:p ? (p.sku||p.mod||'') : (item.sku||item.model||''), qty:item.qty||1, price:pr, discPrice:pr, total:(item.qty||1)*pr });
     });
+    ['#quoteName','#quoteCustomerName','#checkoutName'].forEach(function(sel){
         var el = document.querySelector(sel);
+        if(el && el.value && el.value.trim()) { d.customer.name = el.value.trim(); return; }
     });
+    var ph = document.querySelector('#quotePhone,#checkoutPhone'); if(ph && ph.value) d.customer.phone = ph.value.trim();
+    var ad = document.querySelector('#quoteAddr,#checkoutAddr'); if(ad && ad.value) d.customer.addr = ad.value.trim();
+    d.grandTotal = d.items.reduce(function(s,i){return s+(i.total||0);},0);
     return d;
 }
+window.VAI_EXCEL_DL = async function(t) {
     var qd = getQD(), code = genCode(qd.customer.name || '');
+    if(!qd.items.length || typeof ExcelJS==='undefined') {
+        alert(!qd.items.length ? '⚠️ Không có SP' : '⚠️ Chưa có ExcelJS');
         return;
     }
     try {
         var wb = new ExcelJS.Workbook(), 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}];
         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'};
         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;
         ws.getCell('A8').value = 'Địa chỉ:'; ws.mergeCells('B8:J8'); ws.getCell('B8').value = qd.customer.addr;
         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'}};
         });
         var cr = 11, firstRow = cr;
+        qd.items.forEach(function(it){
             var row = ws.getRow(cr); row.height = 50;
             row.getCell(1).value = it.stt;
+            row.getCell(3).value = it.name; row.getCell(3).font = {bold:true};
             row.getCell(4).value = it.model;
             row.getCell(6).value = Number(it.qty); row.getCell(6).numFmt = '#,##0';
             row.getCell(7).value = Number(it.price); row.getCell(7).numFmt = '#,##0"đ"';
             row.getCell(8).value = Number(it.discPrice); row.getCell(8).numFmt = '#,##0"đ"';
             row.getCell(9).value = Number(it.total); row.getCell(9).numFmt = '#,##0"đ"';
             cr++;
         });
         ws.getRow(cr).height = 28; ws.mergeCells(cr,1,cr,5); ws.getCell('A'+cr).value = 'TỔNG CỘNG';
+        ws.getCell('A'+cr).font = {bold:true};
+        ws.getCell('A'+cr).fill = {type:'pattern',pattern:'solid',fgColor:{argb:'FF003F62'}};
+        ws.getCell('E'+cr).value = {formula:'SUM(I'+firstRow+':I'+(cr-1)+')',result:qd.grandTotal};
+        ws.getCell('E'+cr).numFmt = '#,##0"đ"';
+        wb.calcProperties.fullCalcOnLoad = true;
         var buf = await wb.xlsx.writeBuffer();
+        dl(new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'}), code + '.xlsx');
+        if(typeof showToast==='function') showToast('✅ Excel OK');
+    } catch(err) { alert('❌ Lỗi: ' + err.message); }
+};
+window.VAI_GH_DL = async function() {
     var order = window.VAI_CURRENT_ORDER;
+    var qd = order && order.items ? { customer:{name:order.customer||'',phone:order.phone||'',addr:order.addr||''}, items:order.items.map(function(it,i){
+        return { stt:i+1, name:it.name||'', model:it.model||'', qty:it.qty||1, note:it.note||'' };
     }) } : getQD();
     var code = genCode(qd.customer.name || '');
+    if(typeof ExcelJS==='undefined' || !qd.items.length) return;
     try {
         var wb = new ExcelJS.Workbook(), ws = wb.addWorksheet('Giao hàng');
         ws.columns = [{width:5},{width:34},{width:14},{width:8},{width:20}];
         ws.mergeCells('A1:E1'); ws.getCell('A1').value = 'PHIẾU GIAO HÀNG';
+        ws.getCell('A1').font = {bold:true,size:16};
         ws.getCell('A2').value = 'KH: ' + qd.customer.name;
         ws.getCell('D2').value = 'Mã: ' + code;
         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'}};
+            c.fill = {type:'pattern',pattern:'solid',fgColor:{argb:'FF003F62'}};
         });
+        var cr = 7, tq = 0;
+        qd.items.forEach(function(it){
             var row = ws.getRow(cr);
             row.getCell(1).value = it.stt;
             row.getCell(2).value = it.name;
             row.getCell(3).value = it.model;
             row.getCell(4).value = it.qty;
             row.getCell(5).value = it.note;
+            tq += Number(it.qty); cr++;
         });
+        ws.mergeCells(cr,1,cr,3); ws.getCell('A'+cr).value = 'TỔNG CỘNG SỐ LƯỢNG'; ws.getCell('D'+cr).value = tq;
         var buf = await wb.xlsx.writeBuffer();
+        dl(new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'}), 'GH-' + code + '.xlsx');
     } catch(err) {}
+};
+// CLICK HANDLER - GÁN NGAY LẬP TỨC
+(function(){
+    function hdl(e) {
+        var btn = e.target.closest('button, a');
+        if(!btn) return;
+        var txt = (btn.textContent || '').toLowerCase();
+        var act = document.activeElement;
+        // EXCEL BÁO GIÁ
+        if(txt.includes('excel') && !txt.includes('giao') && !txt.includes('gh-')) {
+            e.preventDefault();
+            if(act && act.dataset.vaiExporting === '1') return;
+            setBtn(btn, true);
+            window.VAI_EXCEL_DL().then(function(){ setBtn(btn, false); });
+            return false;
+        }
+        // GH EXCEL
+        if((txt.includes('giao hàng') || txt.includes('gh')) && txt.includes('excel')) {
+            e.preventDefault();
+            if(act && act.dataset.vaiExporting === '1') return;
+            setBtn(btn, true);
+            window.VAI_GH_DL().then(function(){ setBtn(btn, false); });
+            return false;
+        }
     }
+    // GÁN NGAY
+    document.addEventListener('click', hdl, true);
+    console.log('[VAI EXCEL] CLICK HANDLER ACTIVE');
+})();
 })();
 </script>
+<!-- TOPBAR -->
 <div class="topbar"><div class="container">
 <div class="topbar-item"><i class="fas fa-truck-fast"></i> Miễn phí vận chuyển</div>
 <div class="topbar-item"><i class="fas fa-shield-halved"></i> Bảo hành chính hãng</div>
 <div class="topbar-item"><i class="fas fa-headset"></i> Hỗ trợ 24/7</div>
 </div></div>
+<!-- APP -->
 <div id="app"></div>
+<script>console.log('[V.AI STUDIO] Loaded');</script>
 </body>
 </html>

vai-excel-click-fix.js ADDED Viewed

	@@ -0,0 +1,129 @@

+/**
+ * V.AI STUDIO - EXCEL FIX CLICK HANDLER
+ * ĐẶT NGAY SAU THẺ MỞ BODY
+ * SỬA LỖI CLICK KHÔNG HOẠT ĐỘNG
+ */
+(function(){
+'use strict';
+// Registry blob toàn cục
+window.__VAI_BLOB_ALL = window.__VAI_BLOB_ALL || { blobs: [], isUn: false };
+var REG = window.__VAI_BLOB_ALL;
+// Cleanup
+function cleanup() { REG.isUn = true; REG.blobs.forEach(function(e) { try { URL.revokeObjectURL(e.url); } catch(r) {} }); REG.blobs = []; }
+window.addEventListener('pagehide', cleanup);
+window.addEventListener('beforeunload', cleanup);
+// PATCH URL.revokeObjectURL NGAY
+if (!window.__VAI_REV_DONE) {
+    var _o = URL.revokeObjectURL;
+    URL.revokeObjectURL = function(u) {
+        if (REG.isUn || !u || typeof u !== 'string' || u.indexOf('blob:') !== 0) return _o.call(this, u);
+        var exist = REG.blobs.find(function(e) { return e.url === u; });
+        if (!exist) REG.blobs.push({ url: u, revoked: false });
+        return;
+    };
+    window.__VAI_REV_DONE = true;
+}
+// Helper
+function dl(blob, name) {
+    var url = URL.createObjectURL(blob);
+    REG.blobs.push({ url: url });
+    var a = document.createElement('a');
+    a.href = url; a.download = name; a.style.cssText = 'position:absolute;left:-9999px';
+    document.body.appendChild(a);
+    a.click();
+    setTimeout(function() { try { document.body.removeChild(a); } catch(r) {} }, 100);
+}
+// Click handler NGAY
+document.addEventListener('click', function(e) {
+    var btn = e.target.closest('button, a');
+    if (!btn) return;
+    var txt = (btn.textContent || '').toLowerCase();
+    var activeEl = document.activeElement;
+    // Xử lý Excel báo giá
+    if (txt.includes('excel') && !txt.includes('gh') && !txt.includes('giao hàng')) {
+        e.preventDefault();
+        e.stopPropagation();
+        // Tránh double click
+        if (activeEl && activeEl.dataset.vaiExporting === '1') return;
+        // Set state
+        if (activeEl) {
+            activeEl.dataset.vaiExporting = '1';
+            activeEl.dataset.vaiHTML = activeEl.innerHTML;
+            activeEl.innerHTML = '<span style="opacity:0.7">⏳</span>';
+        }
+        // Export
+        setTimeout(function() {
+            if (typeof window.exportExcel === 'function') {
+                window.exportExcel().then(function() {
+                    if (activeEl) {
+                        activeEl.dataset.vaiExporting = '0';
+                        activeEl.innerHTML = activeEl.dataset.vaiHTML || '💾 Excel';
+                    }
+                    if (typeof showToast === 'function') showToast('✅ Excel OK');
+                }).catch(function(err) {
+                    if (activeEl) {
+                        activeEl.dataset.vaiExporting = '0';
+                        activeEl.innerHTML = activeEl.dataset.vaiHTML || '💾 Excel';
+                    }
+                    alert('❌ Lỗi: ' + (err && err.message ? err.message : err));
+                });
+            } else {
+                // Tự động tạo exportExcel nếu chưa có
+                console.log('[VAI] Export function not ready, waiting...');
+                var wait = setInterval(function() {
+                    if (typeof window.exportExcel === 'function') {
+                        clearInterval(wait);
+                        window.exportExcel().then(function() {
+                            if (activeEl) {
+                                activeEl.dataset.vaiExporting = '0';
+                                activeEl.innerHTML = activeEl.dataset.vaiHTML || '💾 Excel';
+                            }
+                        });
+                    }
+                }, 500);
+            }
+        }, 10);
+        return false;
+    }
+    // Xử lý GH Excel
+    if ((txt.includes('giao hàng') || txt.includes('gh')) && txt.includes('excel')) {
+        e.preventDefault();
+        e.stopPropagation();
+        if (activeEl && activeEl.dataset.vaiExporting === '1') return;
+        if (activeEl) {
+            activeEl.dataset.vaiExporting = '1';
+            activeEl.dataset.vaiHTML = activeEl.innerHTML;
+            activeEl.innerHTML = '<span style="opacity:0.7">⏳</span>';
+        }
+        setTimeout(function() {
+            if (typeof window.exportDeliveryExcel === 'function') {
+                window.exportDeliveryExcel().then(function() {
+                    if (activeEl) {
+                        activeEl.dataset.vaiExporting = '0';
+                        activeEl.innerHTML = activeEl.dataset.vaiHTML || 'GH Excel';
+                    }
+                });
+            }
+        }, 10);
+        return false;
+    }
+}, true);
+console.log('[VAI CLICK] Handler attached - Excel click ready');
+})();