Upload qr-payment.js

qr-payment.js

@@ -1,15 +1,18 @@
 /**
  * V.AI STUDIO — Excel Export v1102
  * FIX: Hình ảnh sản phẩm Excel 100% xuất hiện (100px x 100px)
- * - Row height: 120 (chứa ảnh 100px + padding)
- * - Image size: 100x100px
- * - CORS fallback via allorigins.win
  */
 (function(){
 'use strict';
 var BANK_ID='vib',BANK_ACCOUNT='918258385',BANK_NAME='TRAN QUOC VUONG',BANK_NAME_VN='Trần Quốc Vương';
 
-// Helper: fetch image with CORS fallback
+function fmt(n){
+    if(n==null||n==='')return'0đ';
+    var num=typeof n==='string'?parseFloat(n.replace(/[^\d.-]/g,'')):Number(n);
+    if(isNaN(num))return'0đ';
+    return num.toLocaleString('vi-VN')+'đ';
+}
+
 async function fetchImageAsArrayBuffer(url){
     if(!url||!url.startsWith('http')) return null;
     try{
@@ -23,65 +26,75 @@ async function fetchImageAsArrayBuffer(url){
     return null;
 }
 
-// Format money
-function fmt(n){
-    if(n==null||n==='')return'0đ';
-    var num=typeof n==='string'?parseFloat(n.replace(/[^\d.-]/g,'')):Number(n);
-    if(isNaN(num))return'0đ';
-    return num.toLocaleString('vi-VN')+'đ';
+function generateOrderCode(name){
+    var now = new Date(), dd = String(now.getDate()).padStart(2,'0'), 
+        mm = String(now.getMonth()+1).padStart(2,'0'), yy = String(now.getFullYear()).slice(-2), ini='';
+    if(name && name.trim()){
+        name.trim().split(/\s+/).forEach(function(w){
+            if(w){ var ch = w.charAt(0).toUpperCase(); if(/[A-Z]/.test(ch)) ini += ch; }
+        });
+    }
+    return 'VAS' + (ini || 'X') + dd + mm + yy;
 }
 
-// Initialize when DOM ready
-document.addEventListener('DOMContentLoaded', initExcelExport);
-window.addEventListener('load', initExcelExport);
-
-function initExcelExport(){
-    if(window._vaiExcelInitDone) return;
-    window._vaiExcelInitDone = true;
-    
-    // Override exportExcel to include images
-    if(!window.VAI_QR){
-        window.VAI_QR = {};
-    }
-    
-    var origExportExcel = window.VAI_QR.exportExcel;
-    if(!origExportExcel && typeof window.exportExcel !== 'function'){
-        window.VAI_QR.exportExcel = async function(d,qd,code,qrUrl,blackWhite){
-            await doExportExcelWithImages(d,qd,code,qrUrl);
-        };
+function getEffectiveOrderCode(){
+    var n = document.getElementById('quoteName')?.value || '';
+    if(n && n.trim()) return generateOrderCode(n);
+    var h = window.location.hash;
+    if(h && h.length > 1){
+        var c = h.substring(1);
+        if(/^VAS[A-Z0-9]{3,}$/.test(c)) return c;
     }
+    return generateOrderCode('');
 }
 
-async function doExportExcelWithImages(d,qd,code,qrUrl){
-    var cart = qd?.items || window.cart || [];
-    if(!cart.length){
+function getQRUrl(amount, code){
+    return 'https://img.vietqr.io/image/' + BANK_ID + '-' + BANK_ACCOUNT + '-compact2.png?amount=' + 
+        Math.round(amount||0) + '&addInfo=' + encodeURIComponent(code||'VAISTUDIO') + 
+        '&accountName=' + encodeURIComponent(BANK_NAME);
+}
+
+// Export Excel with 100x100px images
+async function exportExcel(d, qd, code, qrUrl, blackWhite){
+    qd = qd || d?.qd;
+    code = code || getEffectiveOrderCode();
+    qrUrl = qrUrl || getQRUrl(d?.grandTotal || qd?.grandTotal || 0, code);
+    
+    var items = (qd?.items || window.cart || []).map(function(it, i){
+        var p = window.D && D[it.idx] ? D[it.idx] : null;
+        return {
+            stt: i+1,
+            name: it.name || (p?p.name||p.n:'') || '',
+            model: it.model || (p?p.sku||p.model:'') || '',
+            image: p?.image || it.image || it.img || '',
+            specs: it.specs || (p && p.specs ? formatSpecs(p.specs) : '') || '',
+            qty: Number(it.qty||1),
+            price: Number(it.price||0),
+            discPrice: Number(it.discPrice||it.price||0),
+            total: Number(it.total||(it.discPrice||it.price)*(it.qty||1)||0),
+            note: it.note || ''
+        };
+    });
+    
+    if(!items.length){
         alert('❌ Giỏ trống!');
         return;
     }
     
-    if(typeof ExcelJS === 'undefined'){
-        var s = document.createElement('script');
-        s.src = 'https://cdn.jsdelivr.net/npm/exceljs@4.4.0/dist/exceljs.min.js';
-        document.head.appendChild(s);
-        await new Promise(function(r){s.onload=r});
-    }
-    
     try{
         var wb = new ExcelJS.Workbook();
         var ws = wb.addWorksheet('Báo giá');
         
-        // Columns: STT, Hình(15), Tên SP(30), Mã SP(15), Thông tin(22), SL(8), Đơn giá(15), Giá CK(15), Thành tiền(18), Ghi chú(16)
+        // Columns with Hình = 15 width
         ws.columns = [
-            {width:6}, {width:15}, {width:30}, {width:15}, 
-            {width:22}, {width:8}, {width:15}, {width:15}, 
-            {width:18}, {width:16}
+            {width:6},{width:15},{width:30},{width:15},
+            {width:22},{width:8},{width:15},{width:15},{width:18},{width:16}
         ];
         
         // 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', vertical:'middle'};
         ws.getRow(3).height = 30;
         
         var headerRow = ws.getRow(10);
@@ -94,22 +107,20 @@ async function doExportExcelWithImages(d,qd,code,qrUrl){
         });
         headerRow.height = 20;
         
-        // Items with images
+        // Items with 100x100px images
         var r = 11;
-        await Promise.all(cart.map(async function(it, i){
-            var p = window.D && D[it.idx] ? D[it.idx] : null;
+        await Promise.all(items.map(async function(it, i){
             var row = ws.getRow(r);
-            row.height = 120; // 100px image + padding
+            row.height = 120; // For 100px image + padding
             
             var bgColor = i % 2 === 0 ? 'FFF8FAFC' : 'FFFFFFFF';
             
-            row.getCell(1).value = i+1;
+            row.getCell(1).value = it.stt;
             row.getCell(1).alignment = {horizontal:'center', vertical:'middle'};
             
-            // IMAGE 100x100px with CORS fallback
-            var imgUrl = p?.image || it.image || '';
-            if(imgUrl && imgUrl.startsWith('http')){
-                var imgBuf = await fetchImageAsArrayBuffer(imgUrl);
+            // IMAGE 100x100px
+            if(it.image && it.image.startsWith('http')){
+                var imgBuf = await fetchImageAsArrayBuffer(it.image);
                 if(imgBuf){
                     try{
                         wb.addImage(wb.addImage({buffer:imgBuf, extension:'png'}), 
@@ -118,18 +129,14 @@ async function doExportExcelWithImages(d,qd,code,qrUrl){
                 }
             }
             
-            row.getCell(3).value = it.name || (p?p.name||p.n:'') || '';
-            row.getCell(3).font = {bold:true, size:9};
-            row.getCell(4).value = it.model || (p?p.sku||p.model:'') || '';
-            row.getCell(5).value = it.specs || (p&&p.specs?vaiFormatSpecs(p.specs):'') || '';
-            row.getCell(6).value = Number(it.qty||1);
-            row.getCell(7).value = Number(it.price||0);
-            row.getCell(7).numFmt = '#,##0"đ"';
-            row.getCell(8).value = Number(it.discPrice||it.price||0);
-            row.getCell(8).numFmt = '#,##0"đ"';
-            row.getCell(9).value = Number(it.total||0);
-            row.getCell(9).numFmt = '#,##0"đ"';
-            row.getCell(10).value = it.note || '';
+            row.getCell(3).value = it.name; row.getCell(3).font = {bold:true, size:9};
+            row.getCell(4).value = it.model;
+            row.getCell(5).value = it.specs;
+            row.getCell(6).value = it.qty;
+            row.getCell(7).value = it.price; row.getCell(7).numFmt = '#,##0"đ"';
+            row.getCell(8).value = it.discPrice; row.getCell(8).numFmt = '#,##0"đ"';
+            row.getCell(9).value = it.total; row.getCell(9).numFmt = '#,##0"đ"';
+            row.getCell(10).value = it.note;
             
             for(var ci=1; ci<=10; ci++){
                 row.getCell(ci).fill = {type:'pattern', pattern:'solid', fgColor:{argb:bgColor}};
@@ -139,18 +146,12 @@ async function doExportExcelWithImages(d,qd,code,qrUrl){
         
         // Total row
         var lastRow = r-1;
-        var totalRow = ws.getRow(r);
-        totalRow.height = 28;
-        ws.mergeCells(r,1,r,5);
-        totalRow.getCell(1).value = 'TỔNG CỘNG';
-        totalRow.getCell(1).font = {bold:true, size:13, color:{argb:'FFFFFFFF'}};
-        totalRow.getCell(1).fill = {type:'pattern', pattern:'solid', fgColor:{argb:'FF003F62'}};
-        totalRow.getCell(6).value = {formula:'SUM(F11:F'+lastRow+')'};
-        totalRow.getCell(6).font = {bold:true, size:12, color:{argb:'FFFFFFFF'}};
-        totalRow.getCell(6).fill = {type:'pattern', pattern:'solid', fgColor:{argb:'FF003F62'}};
-        totalRow.getCell(9).value = {formula:'SUM(I11:I'+lastRow+')'};
-        totalRow.getCell(9).font = {bold:true, size:14, color:{argb:'FFF0B840'}};
-        totalRow.getCell(9).fill = {type:'pattern', pattern:'solid', fgColor:{argb:'FF003F62'}};
+        ws.getCell('A'+r).value = 'TỔNG CỘNG';
+        ws.getCell('A'+r).font = {bold:true, size:13, color:{argb:'FFFFFFFF'}};
+        ws.getCell('A'+r).fill = {type:'pattern', pattern:'solid', fgColor:{argb:'FF003F62'}};
+        ws.getCell('G'+r).value = {formula:'SUM(G11:G'+lastRow+')', result: items.reduce((s,it)=>s+it.total,0)};
+        ws.getCell('G'+r).numFmt = '#,##0"đ"';
+        ws.getCell('G'+r).font = {bold:true, size:14, color:{argb:'FFF0B840'}};
         
         wb.calcProperties.fullCalcOnLoad = true;
         var buf = await wb.xlsx.writeBuffer();
@@ -161,43 +162,37 @@ async function doExportExcelWithImages(d,qd,code,qrUrl){
         var url = URL.createObjectURL(blob);
         var a = document.createElement('a');
         a.href = url;
-        a.download = 'VAI_BaoGia_' + code + '.xlsx';
+        a.download = code + '.xlsx';
         document.body.appendChild(a);
         a.click();
-        setTimeout(function(){document.body.removeChild(a); URL.revokeObjectURL(url);}, 30000);
+        setTimeout(function(){ document.body.removeChild(a); URL.revokeObjectURL(url); }, 30000);
         
-        console.log('[VAI v1102] ✅ Excel export completed with 100x100px images');
+        console.log('[VAI v1102] ✅ Excel with 100x100px images');
         
     }catch(e){
         console.error('[VAI v1102] Lỗi export Excel:', e);
-        alert('❌ Lỗi: ' + (e.message||e));
+        alert('❌ Lỗi: ' + (e.message || e));
     }
 }
 
-function vaiFormatSpecs(specs){
+function formatSpecs(specs){
     if(!specs) return '';
     if(typeof specs === 'string') return specs.slice(0,100);
     if(typeof specs === 'object'){
         var parts = [];
         Object.entries(specs).forEach(function(e){
-            if(e[1] != null && e[1] !== '') parts.push(e[0] + ': ' + e[1]);
+            if(e[1] != null) parts.push(e[0] + ': ' + e[1]);
         });
-        return parts.join('; ').slice(0, 100);
+        return parts.join('; ').slice(0,100);
     }
     return '';
 }
 
-// Hook into existing flow
-(function patch(){
-    var tries = 0;
-    var intr = setInterval(function(){
-        if(window.VAI_QR && window.VAI_QR.exportExcel){
-            // Already patched
-        } else if(typeof window.exportExcel === 'function'){
-            // Original exists, wrap it
-        }
-        if(++tries > 240) clearInterval(intr);
-    }, 500);
-})();
+// Export to VAI_QR
+if(!window.VAI_QR) window.VAI_QR = {};
+window.VAI_QR.exportExcel = exportExcel;
+window.VAI_QR.getEffectiveOrderCode = getEffectiveOrderCode;
+window.VAI_QR.getQRUrl = getQRUrl;
+window.VAI_QR.fmt = fmt;
 
-console.log('[VAI v1102] Excel export script loaded - 100px images supported');
+console.log('[VAI v1102] Excel export ready - 100px images ✅');