Khôi phục vai-export-fixed.js về commit a75919ca - CÒN LẠI 100%, Đặt cọc
Browse files- vai-export-fixed.js +159 -243
vai-export-fixed.js
CHANGED
|
@@ -1,256 +1,172 @@
|
|
| 1 |
/**
|
| 2 |
-
* V.AI STUDIO — EXPORT v6 (
|
| 3 |
-
*
|
| 4 |
-
*
|
| 5 |
-
*
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 6 |
*/
|
| 7 |
-
(function(){
|
| 8 |
-
'use strict';
|
| 9 |
-
console.log('[VAI EXPORT v6] === LOADING === WITH IMAGE FIX');
|
| 10 |
-
function fmt(n){if(!n||isNaN(n))return'0đ';return Number(n).toLocaleString('vi-VN')+'đ';}
|
| 11 |
|
| 12 |
-
// IMAGE
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
| 19 |
-
|
| 20 |
-
|
| 21 |
-
|
| 22 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 23 |
}
|
| 24 |
|
|
|
|
| 25 |
async function genXl(data,qd,code){
|
| 26 |
-
|
| 27 |
-
|
| 28 |
-
|
| 29 |
-
|
| 30 |
-
|
| 31 |
-
|
| 32 |
-
|
| 33 |
-
|
| 34 |
-
|
| 35 |
-
|
| 36 |
-
|
| 37 |
-
|
| 38 |
-
|
| 39 |
-
|
| 40 |
-
|
| 41 |
-
|
| 42 |
-
|
| 43 |
-
|
| 44 |
-
|
| 45 |
-
|
| 46 |
-
|
| 47 |
-
|
| 48 |
-
|
| 49 |
-
|
| 50 |
-
|
| 51 |
-
|
| 52 |
-
|
| 53 |
-
|
| 54 |
-
|
| 55 |
-
|
| 56 |
-
|
| 57 |
-
|
| 58 |
-
|
| 59 |
-
|
| 60 |
-
|
| 61 |
-
|
| 62 |
-
|
| 63 |
-
|
| 64 |
-
|
| 65 |
-
|
| 66 |
-
|
| 67 |
-
|
| 68 |
-
|
| 69 |
-
|
| 70 |
-
|
| 71 |
-
|
| 72 |
-
// PROCESS ITEMS WITH IMAGES
|
| 73 |
-
for (var i = 0; i < items.length; i++) {
|
| 74 |
-
var it = items[i], row = ws.getRow(cr);
|
| 75 |
-
row.height = 50;
|
| 76 |
-
var bg = i % 2 === 0 ? 'FFF8FAFC' : 'FFFFFFFF';
|
| 77 |
-
var RB = {top:{style:'thin',color:{argb:bg}},bottom:{style:'thin',color:{argb:bg}},left:{style:'thin',color:{argb:bg}},right:{style:'thin',color:{argb:bg}}};
|
| 78 |
-
var qty = Number(it.qty || 1), price = Number(it.price || 0), discPrice = Number(it.discPrice || it.price || 0), lineTotal = discPrice * qty;
|
| 79 |
-
|
| 80 |
-
row.getCell(1).value = it.stt || (i + 1);
|
| 81 |
-
row.getCell(1).alignment = { horizontal: 'center', vertical: 'middle' };
|
| 82 |
-
|
| 83 |
-
// ADD IMAGE TO COLUMN B (index 2) - WAIT FOR ALL IMAGES
|
| 84 |
-
if (it.image && it.image.startsWith('http')) {
|
| 85 |
-
imagePromises.push(
|
| 86 |
-
loadImageAsBuffer(it.image).then(function(buffer) {
|
| 87 |
-
if (buffer) {
|
| 88 |
-
var ext = it.image.includes('.png') ? 'png' : 'jpeg';
|
| 89 |
-
var imgId = wb.addImage({ buffer: buffer, extension: ext });
|
| 90 |
-
ws.addImage(imgId, { tl: { col: 1, row: cr - 1 }, ext: { width: 46, height: 46 } });
|
| 91 |
-
}
|
| 92 |
-
}).catch(function(e) { console.warn('Image add error:', e); })
|
| 93 |
-
);
|
| 94 |
-
}
|
| 95 |
-
|
| 96 |
-
row.getCell(2).value = '';
|
| 97 |
-
row.getCell(2).font = { size: 8 };
|
| 98 |
-
row.getCell(2).alignment = { horizontal: 'center', vertical: 'middle' };
|
| 99 |
-
|
| 100 |
-
row.getCell(3).value = it.name || '';
|
| 101 |
-
row.getCell(3).font = { bold: true, size: 9 };
|
| 102 |
-
row.getCell(3).alignment = { wrapText: true, vertical: 'middle' };
|
| 103 |
-
|
| 104 |
-
row.getCell(4).value = it.model || '';
|
| 105 |
-
row.getCell(4).alignment = { horizontal: 'center', vertical: 'middle' };
|
| 106 |
-
|
| 107 |
-
row.getCell(5).value = it.specs || (it.info || '');
|
| 108 |
-
row.getCell(5).font = { size: 8, color: { argb: 'FF64748B' } };
|
| 109 |
-
row.getCell(5).alignment = { wrapText: true, vertical: 'middle' };
|
| 110 |
-
|
| 111 |
-
row.getCell(6).value = qty;
|
| 112 |
-
row.getCell(6).numFmt = N;
|
| 113 |
-
row.getCell(6).alignment = { horizontal: 'center', vertical: 'middle' };
|
| 114 |
-
|
| 115 |
-
row.getCell(7).value = price;
|
| 116 |
-
row.getCell(7).numFmt = M;
|
| 117 |
-
row.getCell(7).alignment = { horizontal: 'right', vertical: 'middle' };
|
| 118 |
-
|
| 119 |
-
row.getCell(8).value = discPrice;
|
| 120 |
-
row.getCell(8).numFmt = M;
|
| 121 |
-
row.getCell(8).alignment = { horizontal: 'right', vertical: 'middle' };
|
| 122 |
-
if (discPrice < price) row.getCell(8).font = { bold: true, color: { argb: 'FFDC3545' } };
|
| 123 |
-
|
| 124 |
-
row.getCell(9).value = lineTotal;
|
| 125 |
-
row.getCell(9).numFmt = M;
|
| 126 |
-
row.getCell(9).font = { bold: true, size: 9 };
|
| 127 |
-
row.getCell(9).alignment = { horizontal: 'right', vertical: 'middle' };
|
| 128 |
-
|
| 129 |
-
row.getCell(10).value = it.note || '';
|
| 130 |
-
row.getCell(10).font = { size: 8 };
|
| 131 |
-
row.getCell(10).alignment = { wrapText: true, vertical: 'middle' };
|
| 132 |
-
|
| 133 |
-
for (var ci = 1; ci <= 10; ci++) {
|
| 134 |
-
row.getCell(ci).fill = { type: 'pattern', pattern: 'solid', fgColor: { argb: bg } };
|
| 135 |
-
row.getCell(ci).border = RB;
|
| 136 |
-
}
|
| 137 |
-
cr++;
|
| 138 |
}
|
| 139 |
|
| 140 |
-
|
| 141 |
-
|
| 142 |
-
|
| 143 |
-
|
| 144 |
-
|
| 145 |
-
|
| 146 |
-
|
| 147 |
-
|
| 148 |
-
|
| 149 |
-
|
| 150 |
-
|
| 151 |
-
|
| 152 |
-
|
| 153 |
-
|
| 154 |
-
|
| 155 |
-
|
| 156 |
-
|
| 157 |
-
|
| 158 |
-
|
| 159 |
-
|
| 160 |
-
|
| 161 |
-
|
| 162 |
-
|
| 163 |
-
|
| 164 |
-
|
| 165 |
-
|
| 166 |
-
|
| 167 |
-
|
| 168 |
-
|
| 169 |
-
|
| 170 |
-
|
| 171 |
-
|
| 172 |
-
|
| 173 |
-
|
| 174 |
-
|
| 175 |
-
|
| 176 |
-
|
| 177 |
-
|
| 178 |
-
|
| 179 |
-
|
| 180 |
-
|
| 181 |
-
|
| 182 |
-
|
| 183 |
-
}
|
| 184 |
-
|
| 185 |
-
var notes=data.notes||[];
|
| 186 |
-
if(notes.length>0){
|
| 187 |
-
ws.mergeCells(cr,1,cr,10);ws.getCell('A'+cr).value='📝 Ghi chú: '+notes.join('; ');
|
| 188 |
-
ws.getCell('A'+cr).font={italic:true,size:9,color:{argb:'FF166534'}};
|
| 189 |
-
ws.getCell('A'+cr).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF0FDF4'}};
|
| 190 |
-
for(var ci=1;ci<=10;ci++){ws.getCell(cr,ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF0FDF4'}};}cr++;
|
| 191 |
-
}
|
| 192 |
-
|
| 193 |
-
cr++;ws.mergeCells(cr,1,cr,5);ws.getRow(cr).height=18;
|
| 194 |
-
ws.getCell('A'+cr).value='💳 QR CODE: VIB - 918258385 - Trần Quốc Vương';
|
| 195 |
-
ws.getCell('A'+cr).font={bold:true,size:10,color:{argb:'FF003F62'}};
|
| 196 |
-
for(var ci=1;ci<=10;ci++){ws.getCell(cr,ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF8FAFC'}};}cr++;
|
| 197 |
-
|
| 198 |
-
ws.mergeCells(cr,1,cr,10);ws.getCell('A'+cr).value='🏦 VIB | 👤 Trần Quốc Vương | STK: 918258385 | 💰 '+fmt(deposit>0?data.remaining:data.grandTotal)+' | 📝 '+code;
|
| 199 |
-
ws.getCell('A'+cr).font={bold:true,size:10};
|
| 200 |
-
for(var ci=1;ci<=10;ci++){ws.getCell(cr,ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF8FAFC'}};}
|
| 201 |
-
|
| 202 |
-
ws.eachRow(function(row){row.eachCell(function(cell){if(!cell.border)cell.border=WB;});});
|
| 203 |
-
wb.calcProperties.fullCalcOnLoad=true;
|
| 204 |
-
|
| 205 |
-
var buf=await wb.xlsx.writeBuffer();
|
| 206 |
-
var blob=new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
|
| 207 |
-
var url=URL.createObjectURL(blob);var a=document.createElement('a');a.href=url;a.download=code+'.xlsx';
|
| 208 |
-
a.style.display='none';document.body.appendChild(a);a.click();
|
| 209 |
-
setTimeout(function(){document.body.removeChild(a);URL.revokeObjectURL(url);},60000);
|
| 210 |
-
console.log('[VAI EXPORT v6] ✅ '+code+'.xlsx (with images)');
|
| 211 |
}
|
| 212 |
|
| 213 |
-
|
| 214 |
-
|
| 215 |
-
|
| 216 |
-
|
| 217 |
-
|
| 218 |
-
|
| 219 |
-
|
| 220 |
-
|
| 221 |
-
|
| 222 |
-
|
| 223 |
-
|
| 224 |
-
h+='<tr><td colspan="2"><b>KH:</b> '+(cust.name||'')+'</td><td colspan="3"><b>Mã:</b> '+code+'</td></tr>';
|
| 225 |
-
h+='<tr><td colspan="7"><b>SĐT:</b> '+(cust.phone||'')+' | <b>Email:</b> '+(cust.email||'')+' | <b>ĐC:</b> '+(cust.addr||'')+'</td></tr>';
|
| 226 |
-
h+='<tr><th>STT</th><th>Tên SP</th><th>Mã SP</th><th>SL</th><th>Đơn giá</th><th>Giá CK</th><th>Thành tiền</th></tr>';
|
| 227 |
-
var total=0;
|
| 228 |
-
qd.items.forEach(function(it,i){var lt=(it.discPrice||it.price||0)*(it.qty||1);total+=lt;h+='<tr><td style="text-align:center">'+(i+1)+'</td><td>'+(it.name||'')+'</td><td>'+(it.model||'')+'</td><td>'+(it.qty||1)+'</td><td>'+(it.price||0)+'</td><td>'+(it.discPrice||it.price||0)+'</td><td>'+(lt)+'</td></tr>';});
|
| 229 |
-
h+='<tr style="font-weight:bold;background:#003f62;color:#fff"><td colspan="6" style="text-align:right;padding:8px">TỔNG CỘNG</td><td style="text-align:right;color:#f0b840">'+fmt(total)+'</td></tr>';
|
| 230 |
-
h+='</table></body></html>';
|
| 231 |
-
var blob=new Blob([h],{type:'application/vnd.ms-excel'});
|
| 232 |
-
var url=URL.createObjectURL(blob);var a=document.createElement('a');a.href=url;a.download=code+'.xls';
|
| 233 |
-
document.body.appendChild(a);a.click();
|
| 234 |
-
setTimeout(function(){document.body.removeChild(a);URL.revokeObjectURL(url);},60000);
|
| 235 |
-
} catch(e) { console.error('Fallback error:', e); }
|
| 236 |
-
}
|
| 237 |
|
|
|
|
| 238 |
setInterval(function(){
|
| 239 |
-
|
| 240 |
-
|
| 241 |
-
|
| 242 |
-
|
| 243 |
-
|
| 244 |
-
|
| 245 |
-
|
| 246 |
-
|
| 247 |
-
|
| 248 |
-
|
| 249 |
-
|
| 250 |
-
|
| 251 |
-
|
| 252 |
-
|
| 253 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 254 |
},200);
|
| 255 |
-
|
| 256 |
-
console.log('[VAI EXPORT v6] ✅ Loaded WITH IMAGE FIX');})();
|
|
|
|
| 1 |
/**
|
| 2 |
+
* V.AI STUDIO — EXPORT v6.0 DEFINITIVE (100% images guaranteed)
|
| 3 |
+
* ======================================================
|
| 4 |
+
* https://huggingface.co/spaces/bep40/V.AISTUDIO
|
| 5 |
+
*
|
| 6 |
+
* FIX TRIỆT ĐỂ:
|
| 7 |
+
* - Tự fetch ảnh bằng CORS + AllOrigins proxy fallback (vượt bizweb.dktcdn.net, eurogold.vn)
|
| 8 |
+
* - Chuyển ArrayBuffer → base64 → addImage trực tiếp vào Excel workbook
|
| 9 |
+
* - KHÔNG dùng DOM canvas, KHÔNG phụ thuộc .qt-img, KHÔNG CORS taint
|
| 10 |
+
* - KHÔNG race condition — genXl tự xử lý hết
|
| 11 |
+
* ======================================================
|
| 12 |
*/
|
| 13 |
+
(function(){'use strict';console.log('[VAI EXPORT v6] === LOADING ===');
|
|
|
|
|
|
|
|
|
|
| 14 |
|
| 15 |
+
// ===== IMAGE FETCH ENGINE =====
|
| 16 |
+
function fetchImg(url) {
|
| 17 |
+
if(!url||typeof url!=='string'||!url.startsWith('http')) return Promise.resolve(null);
|
| 18 |
+
return fetch(url,{mode:'cors',credentials:'omit'})
|
| 19 |
+
.then(function(r){if(!r.ok)throw new Error('HTTP '+r.status);return r.arrayBuffer();})
|
| 20 |
+
.catch(function(){
|
| 21 |
+
return fetch('https://api.allorigins.win/raw?url='+encodeURIComponent(url))
|
| 22 |
+
.then(function(pr){return pr.ok?pr.arrayBuffer():null;})
|
| 23 |
+
.catch(function(){return null;});
|
| 24 |
+
});
|
| 25 |
+
}
|
| 26 |
+
function bufToB64(buf,url){
|
| 27 |
+
if(!buf||buf.byteLength<50)return null;
|
| 28 |
+
var ext=(url||'').match(/\.png/i)?'png':'jpeg',b='',u=new Uint8Array(buf);
|
| 29 |
+
for(var i=0;i<u.byteLength;i++)b+=String.fromCharCode(u[i]);
|
| 30 |
+
try{return{base64:btoa(b),ext:ext};}catch(e){return null;}
|
| 31 |
+
}
|
| 32 |
+
function getImgUrl(it){
|
| 33 |
+
if(!it)return'';
|
| 34 |
+
if(it.image&&typeof it.image==='string'&&it.image.startsWith('http'))return it.image;
|
| 35 |
+
var D=window.D||[];if(!D.length)return'';
|
| 36 |
+
var code=(it.model||it.sku||it.ma||'').toString().toLowerCase().replace(/[^a-z0-9]/g,'');
|
| 37 |
+
var nm=(it.name||'').toString().toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/[đĐ]/g,'d').replace(/[^a-z0-9]/g,'');
|
| 38 |
+
if(code&&code.length>=2){for(var i=0;i<D.length;i++){var p=D[i],pc=(p.sku||p.model||p.mod||'').toString().toLowerCase().replace(/[^a-z0-9]/g,'');if(pc&&(pc.indexOf(code)>=0||code.indexOf(pc)>=0)){var im=p.image||p.i||'';if(im)return im;}}}
|
| 39 |
+
if(nm&&nm.length>=5){for(var j=0;j<D.length;j++){var p2=D[j],pn=(p2.name||p2.n||'').toString().toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/[đĐ]/g,'d').replace(/[^a-z0-9]/g,'');if(pn&&(pn===nm||pn.indexOf(nm)>=0||nm.indexOf(pn)>=0)){var im2=p2.image||p2.i||'';if(im2)return im2;}}}
|
| 40 |
+
return'';
|
| 41 |
}
|
| 42 |
|
| 43 |
+
// ===== BUILD EXCEL =====
|
| 44 |
async function genXl(data,qd,code){
|
| 45 |
+
var M='#,##0"đ"',N='#,##0',WH={argb:'FFFFFFFF'},WB={top:{style:'thin',color:WH},bottom:{style:'thin',color:WH},left:{style:'thin',color:WH},right:{style:'thin',color:WH}};
|
| 46 |
+
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}];
|
| 47 |
+
|
| 48 |
+
ws.mergeCells('A1:J1');ws.getRow(1).height=28;ws.getCell('A1').value='V.AI STUDIO ❝ Niềm tin khách hàng là tài sản của chúng tôi ❞';ws.getCell('A1').font={italic:true,size:9,color:{argb:'FF64748B'}};ws.getCell('A1').alignment={vertical:'middle'};ws.getCell('A1').border=WB;
|
| 49 |
+
ws.getRow(2).height=5;ws.mergeCells('A3:J3');ws.getRow(3).height=30;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.getCell('A3').border=WB;ws.getRow(4).height=5;
|
| 50 |
+
|
| 51 |
+
var cust=qd.customer||{};
|
| 52 |
+
ws.getCell('A5').value='Khách hàng:';ws.getCell('A5').font={bold:true,size:9};ws.getCell('A5').border=WB;ws.mergeCells('B5:E5');ws.getCell('B5').value=cust.name||'';ws.getCell('B5').font={bold:true,size:10};ws.getCell('B5').border=WB;ws.getCell('H5').value='Mã đơn:';ws.getCell('H5').font={size:9};ws.getCell('H5').border=WB;ws.mergeCells('I5:J5');ws.getCell('I5').value=code;ws.getCell('I5').font={bold:true,size:10,color:{argb:'FF003F62'}};ws.getCell('I5').border=WB;
|
| 53 |
+
ws.getCell('A6').value='SĐT:';ws.getCell('A6').font={size:9};ws.getCell('A6').border=WB;ws.getCell('B6').value=cust.phone||'';ws.getCell('B6').border=WB;ws.getCell('H6').value='Ngày:';ws.getCell('H6').font={size:9};ws.getCell('H6').border=WB;ws.getCell('I6').value=cust.date||'';ws.getCell('I6').border=WB;
|
| 54 |
+
ws.getCell('A7').value='Email:';ws.getCell('A7').font={size:9};ws.getCell('A7').border=WB;ws.getCell('B7').value=cust.email||'';ws.getCell('B7').border=WB;ws.getCell('A8').value='Địa chỉ:';ws.getCell('A8').font={size:9};ws.getCell('A8').border=WB;ws.mergeCells('B8:J8');ws.getCell('B8').value=cust.addr||'';ws.getCell('B8').border=WB;ws.getRow(9).height=5;
|
| 55 |
+
|
| 56 |
+
// HEADER row
|
| 57 |
+
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'}}};
|
| 58 |
+
var hRow=ws.getRow(10);hRow.height=20;
|
| 59 |
+
['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){
|
| 60 |
+
var c=hRow.getCell(i+1);c.value=h;c.font={bold:true,color:{argb:'FFFFFFFF'},size:9};c.fill={type:'pattern',pattern:'solid',fgColor:{argb:'FF003F62'}};c.alignment={horizontal:'center',vertical:'middle',wrapText:true};c.border=HB;
|
| 61 |
+
});
|
| 62 |
+
|
| 63 |
+
// PRELOAD images BEFORE building rows
|
| 64 |
+
var items=qd.items||[];
|
| 65 |
+
var imgUrls=items.map(getImgUrl);
|
| 66 |
+
console.log('[VAI EXPORT v6] Fetching',imgUrls.filter(Boolean).length,'images for',items.length,'items...');
|
| 67 |
+
var imgResults=await Promise.all(imgUrls.map(function(url){
|
| 68 |
+
if(!url)return Promise.resolve(null);
|
| 69 |
+
return fetchImg(url).then(function(buf){return bufToB64(buf,url);});
|
| 70 |
+
}));
|
| 71 |
+
console.log('[VAI EXPORT v6] Loaded',imgResults.filter(Boolean).length,'images');
|
| 72 |
+
|
| 73 |
+
// BUILD rows với ảnh trực tiếp
|
| 74 |
+
var cr=11;
|
| 75 |
+
items.forEach(function(it,i){
|
| 76 |
+
var row=ws.getRow(cr);row.height=50;
|
| 77 |
+
var bg=i%2===0?'FFF8FAFC':'FFFFFFFF';
|
| 78 |
+
var RB={top:{style:'thin',color:{argb:bg}},bottom:{style:'thin',color:{argb:bg}},left:{style:'thin',color:{argb:bg}},right:{style:'thin',color:{argb:bg}}};
|
| 79 |
+
var qty=Number(it.qty||1),price=Number(it.price||0),discPrice=Number(it.discPrice||it.price||0),lineTotal=discPrice*qty;
|
| 80 |
+
|
| 81 |
+
row.getCell(1).value=it.stt||(i+1);row.getCell(1).alignment={horizontal:'center',vertical:'middle'};
|
| 82 |
+
|
| 83 |
+
// ===== INJECT ẢNH TRỰC TIẾP VÀO EXCEL =====
|
| 84 |
+
var ri=imgResults[i];
|
| 85 |
+
if(ri&&ri.base64){
|
| 86 |
+
try{
|
| 87 |
+
var imgId=wb.addImage({base64:ri.base64,extension:ri.ext||'jpeg'});
|
| 88 |
+
ws.addImage(imgId,{tl:{col:1,row:cr-1},ext:{width:46,height:46}});
|
| 89 |
+
}catch(ie){console.warn('[VAI EXPORT v6] img add error:',ie);}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 90 |
}
|
| 91 |
|
| 92 |
+
row.getCell(2).value='';row.getCell(2).font={size:8};row.getCell(2).alignment={horizontal:'center',vertical:'middle'};
|
| 93 |
+
row.getCell(3).value=it.name||'';row.getCell(3).font={bold:true,size:9};row.getCell(3).alignment={wrapText:true,vertical:'middle'};
|
| 94 |
+
row.getCell(4).value=it.model||'';row.getCell(4).alignment={horizontal:'center',vertical:'middle'};
|
| 95 |
+
row.getCell(5).value=it.specs||(it.info||'');row.getCell(5).font={size:8,color:{argb:'FF64748B'}};row.getCell(5).alignment={wrapText:true,vertical:'middle'};
|
| 96 |
+
row.getCell(6).value=qty;row.getCell(6).numFmt=N;row.getCell(6).alignment={horizontal:'center',vertical:'middle'};
|
| 97 |
+
row.getCell(7).value=price;row.getCell(7).numFmt=M;row.getCell(7).alignment={horizontal:'right',vertical:'middle'};
|
| 98 |
+
row.getCell(8).value=discPrice;row.getCell(8).numFmt=M;row.getCell(8).alignment={horizontal:'right',vertical:'middle'};if(discPrice<price)row.getCell(8).font={bold:true,color:{argb:'FFDC3545'}};
|
| 99 |
+
row.getCell(9).value=lineTotal;row.getCell(9).numFmt=M;row.getCell(9).font={bold:true,size:9};row.getCell(9).alignment={horizontal:'right',vertical:'middle'};
|
| 100 |
+
row.getCell(10).value=it.note||'';row.getCell(10).font={size:8};row.getCell(10).alignment={wrapText:true,vertical:'middle'};
|
| 101 |
+
for(var ci=1;ci<=10;ci++){row.getCell(ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:bg}};row.getCell(ci).border=RB;}
|
| 102 |
+
cr++;
|
| 103 |
+
});
|
| 104 |
+
|
| 105 |
+
// WARRANTY
|
| 106 |
+
ws.mergeCells(cr,1,cr,10);ws.getRow(cr).height=18;ws.getCell('A'+cr).value='✅ Bảo hành 2 năm (sản phẩm) — Bảo hành hoen gỉ vĩnh viễn (rổ SUS304)';ws.getCell('A'+cr).font={size:9,color:{argb:'FF059669'},italic:true};ws.getCell('A'+cr).alignment={vertical:'middle'};for(var ci=1;ci<=10;ci++)ws.getCell(cr,ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF0FDF4'}};cr++;
|
| 107 |
+
|
| 108 |
+
// FEES
|
| 109 |
+
var fees=data.fees||[];
|
| 110 |
+
if(fees.length>0){fees.forEach(function(f){ws.mergeCells(cr,1,cr,8);ws.getRow(cr).height=20;ws.getCell('A'+cr).value=' ⊕ '+(f.label||'Phụ phí');ws.getCell('A'+cr).font={size:9,color:{argb:'FF92400E'}};ws.getCell('A'+cr).alignment={vertical:'middle'};ws.getCell('I'+cr).value=Number(f.amount||0);ws.getCell('I'+cr).numFmt=M;ws.getCell('I'+cr).font={bold:true,size:9,color:{argb:'FF92400E'}};ws.getCell('I'+cr).alignment={horizontal:'right',vertical:'middle'};for(var ci=1;ci<=10;ci++)ws.getCell(cr,ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFFFFBEB'}};cr++;});}
|
| 111 |
+
|
| 112 |
+
// TOTAL
|
| 113 |
+
var TBG='FF003F62',TB={top:{style:'thin',color:{argb:TBG}},bottom:{style:'thin',color:{argb:TBG}},left:{style:'thin',color:{argb:TBG}},right:{style:'thin',color:{argb:TBG}}};ws.mergeCells(cr,1,cr,8);var tRow=ws.getRow(cr);tRow.height=28;tRow.getCell(1).value='TỔNG CỘNG';tRow.getCell(1).font={bold:true,size:13,color:{argb:'FFFFFFFF'}};tRow.getCell(1).alignment={horizontal:'left',vertical:'middle',indent:1};for(var ci=1;ci<=10;ci++){tRow.getCell(ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:TBG}};tRow.getCell(ci).border=TB;}
|
| 114 |
+
tRow.getCell(9).value=Number(data.grandTotal||0);tRow.getCell(9).numFmt=M;tRow.getCell(9).font={bold:true,size:15,color:{argb:'FFF0B840'}};tRow.getCell(9).alignment={horizontal:'right',vertical:'middle'};cr++;
|
| 115 |
+
|
| 116 |
+
// DEPOSIT
|
| 117 |
+
var deposit=Number(data.deposit||0);
|
| 118 |
+
if(deposit>0){ws.mergeCells(cr,1,cr,8);ws.getRow(cr).height=22;ws.getCell('A'+cr).value='Đặt cọc';ws.getCell('A'+cr).font={bold:true,size:11,color:{argb:'FF166534'}};ws.getCell('A'+cr).alignment={horizontal:'left',vertical:'middle',indent:1};for(var ci=1;ci<=10;ci++)ws.getCell(cr,ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF0FDF4'}};ws.getCell('I'+cr).value=deposit;ws.getCell('I'+cr).numFmt=M;ws.getCell('I'+cr).font={bold:true,size:11,color:{argb:'FF166534'}};ws.getCell('I'+cr).alignment={horizontal:'right',vertical:'middle'};cr++;
|
| 119 |
+
ws.mergeCells(cr,1,cr,8);ws.getRow(cr).height=24;ws.getCell('A'+cr).value='Còn lại';ws.getCell('A'+cr).font={bold:true,size:12,color:{argb:'FFDC2626'}};ws.getCell('A'+cr).alignment={horizontal:'left',vertical:'middle',indent:1};for(var ci=1;ci<=10;ci++)ws.getCell(cr,ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFFEF2F2'}};ws.getCell('I'+cr).value=Number(data.remaining||0);ws.getCell('I'+cr).numFmt=M;ws.getCell('I'+cr).font={bold:true,size:13,color:{argb:'FFDC2626'}};ws.getCell('I'+cr).alignment={horizontal:'right',vertical:'middle'};cr++;
|
| 120 |
+
}else{ws.mergeCells(cr,1,cr,8);ws.getRow(cr).height=24;ws.getCell('A'+cr).value='Còn lại (100%)';ws.getCell('A'+cr).font={bold:true,size:12,color:{argb:'FFDC2626'}};ws.getCell('A'+cr).alignment={horizontal:'left',vertical:'middle',indent:1};for(var ci=1;ci<=10;ci++)ws.getCell(cr,ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFFEF2F2'}};ws.getCell('I'+cr).value=Number(data.grandTotal||0);ws.getCell('I'+cr).numFmt=M;ws.getCell('I'+cr).font={bold:true,size:13,color:{argb:'FFDC2626'}};ws.getCell('I'+cr).alignment={horizontal:'right',vertical:'middle'};cr++;}
|
| 121 |
+
|
| 122 |
+
// NOTES
|
| 123 |
+
var notes=data.notes||[];if(notes.length>0){ws.mergeCells(cr,1,cr,10);ws.getCell('A'+cr).value='📝 Ghi chú: '+notes.join('; ');ws.getCell('A'+cr).font={italic:true,size:9,color:{argb:'FF166534'}};for(var ci=1;ci<=10;ci++)ws.getCell(cr,ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF0FDF4'}};cr++;}
|
| 124 |
+
|
| 125 |
+
// BANK INFO
|
| 126 |
+
cr++;ws.mergeCells(cr,1,cr,5);ws.getRow(cr).height=18;ws.getCell('A'+cr).value='💳 QR CODE: VIB - 918258385 - Trần Quốc Vương';ws.getCell('A'+cr).font={bold:true,size:10,color:{argb:'FF003F62'}};for(var ci=1;ci<=10;ci++)ws.getCell(cr,ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF8FAFC'}};cr++;
|
| 127 |
+
ws.mergeCells(cr,1,cr,10);ws.getCell('A'+cr).value='🏦 VIB | 👤 Trần Quốc Vương | STK: 918258385 | 💰 '+((deposit>0?data.remaining:data.grandTotal)||0).toLocaleString('vi-VN')+'đ | 📝 '+code;ws.getCell('A'+cr).font={bold:true,size:10};for(var ci=1;ci<=10;ci++)ws.getCell(cr,ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF8FAFC'}};
|
| 128 |
+
|
| 129 |
+
// Final borders
|
| 130 |
+
ws.eachRow(function(row){row.eachCell(function(cell){if(!cell.border)cell.border=WB;});});
|
| 131 |
+
wb.calcProperties.fullCalcOnLoad=true;
|
| 132 |
+
|
| 133 |
+
var buf=await wb.xlsx.writeBuffer();var blob=new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});var url=URL.createObjectURL(blob);var a=document.createElement('a');a.href=url;a.download=code+'.xlsx';a.style.display='none';document.body.appendChild(a);a.click();setTimeout(function(){document.body.removeChild(a);URL.revokeObjectURL(url);},60000);
|
| 134 |
+
console.log('[VAI EXPORT v6] ✅ '+code+'.xlsx');
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 135 |
}
|
| 136 |
|
| 137 |
+
// ===== FALLBACK HTML (khi ExcelJS lỗi) =====
|
| 138 |
+
function fallbackXls(){try{var data;if(window.VAI_QR&&typeof window.VAI_QR.getData==='function')data=window.VAI_QR.getData();else if(typeof getData==='function')data=getData();if(!data||!data.qd||!data.qd.items){alert('⚠️ Không có dữ liệu');return;}
|
| 139 |
+
var qd=data.qd,cust=qd.customer||{},code=(window.VAI_QR&&typeof window.VAI_QR.getEffectiveOrderCode==='function')?window.VAI_QR.getEffectiveOrderCode():'VAS'+Date.now().toString(36).toUpperCase();
|
| 140 |
+
function fmt(n){if(!n||isNaN(n))return'0đ';return Number(n).toLocaleString('vi-VN')+'đ';}
|
| 141 |
+
var h='<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><meta charset="UTF-8"><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>BaoGia</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--><style>td,th{border:1px solid #ccc;padding:4px;font-family:Arial;font-size:11px}th{background:#003f62;color:#fff;font-weight:700}</style></head><body><table cellpadding="3" cellspacing="0" style="border-collapse:collapse;font-family:Arial;font-size:11px;width:100%">';
|
| 142 |
+
h+='<tr><th colspan="7" style="font-size:18px;color:#db9815;text-align:center;padding:10px;background:#003f62;color:#fff">V.AI STUDIO — BẢNG BÁO GIÁ</th></tr>';h+='<tr><td colspan="2"><b>KH:</b> '+(cust.name||'')+'</td><td colspan="3"><b>Mã:</b> '+code+'</td><td colspan="2"><b>Ngày:</b> '+(cust.date||'')+'</td></tr>';h+='<tr><td colspan="7"><b>SĐT:</b> '+(cust.phone||'')+' | <b>Email:</b> '+(cust.email||'')+' | <b>ĐC:</b> '+(cust.addr||'')+'</td></tr>';h+='<tr><th>STT</th><th>Tên SP</th><th>Mã SP</th><th>SL</th><th>Đơn giá</th><th>Giá CK</th><th>Thành tiền</th></tr>';
|
| 143 |
+
var total=0;qd.items.forEach(function(it,i){var lt=(it.discPrice||it.price||0)*(it.qty||1);total+=lt;var bg=i%2===0?'#f8fafc':'#fff';var ckS=(it.discPrice&&it.price&&it.discPrice<it.price)?' style="color:#dc3545;font-weight:700"':'';h+='<tr style="background:'+bg+'"><td style="text-align:center">'+(i+1)+'</td><td style="font-weight:600">'+(it.name||'')+'</td><td style="text-align:center">'+(it.model||'')+'</td><td style="text-align:center">'+(it.qty||1)+'</td><td style="text-align:right">'+fmt(it.price||0)+'</td><td style="text-align:right"'+ckS+'>'+fmt(it.discPrice||it.price||0)+'</td><td style="text-align:right;font-weight:700">'+fmt(lt)+'</td></tr>';});(data.fees||[]).forEach(function(f){h+='<tr style="background:#fffbeb"><td colspan="6" style="color:#92400e">⊕ '+f.label+'</td><td style="text-align:right;font-weight:700;color:#92400e">'+fmt(f.amount)+'</td></tr>';});
|
| 144 |
+
var gt=data.grandTotal||total;h+='<tr style="font-weight:bold;background:#003f62;color:#fff"><td colspan="6" style="text-align:right;padding:8px;font-size:13px">TỔNG CỘNG</td><td style="text-align:right;color:#f0b840;font-size:16px;padding:8px">'+fmt(gt)+'</td></tr>';
|
| 145 |
+
if(data.deposit>0){var rem=gt-data.deposit;h+='<tr style="background:#f0fdf4"><td colspan="6" style="color:#166534">Đã cọc</td><td style="text-align:right;font-weight:700;color:#166534">'+fmt(data.deposit)+'</td></tr>';h+='<tr style="background:#fef2f2"><td colspan="6" style="color:#dc2626;font-weight:700">CÒN LẠI</td><td style="text-align:right;font-weight:900;color:#dc2626">'+fmt(rem>0?rem:0)+'</td></tr>';}
|
| 146 |
+
h+='<tr><td colspan="7" style="font-size:10px;color:#059669;font-style:italic;padding:6px;background:#f0fdf4">✅ Bảo hành 2 năm (sản phẩm) — Bảo hành hoen gỉ vĩnh viễn (rổ SUS304)</td></tr>';h+='<tr><td colspan="7" style="font-size:10px;background:#f8fafc;padding:6px">💳 VIB | Trần Quốc Vương | STK: 918258385 | Số tiền: '+fmt(data.deposit>0?gt-data.deposit:gt)+' | ND: '+code+'</td></tr></table></body></html>';
|
| 147 |
+
var blob=new Blob([h],{type:'application/vnd.ms-excel'});var url=URL.createObjectURL(blob);var a=document.createElement('a');a.href=url;a.download=code+'.xls';a.style.display='none';document.body.appendChild(a);a.click();setTimeout(function(){document.body.removeChild(a);URL.revokeObjectURL(url);},60000);console.log('[VAI EXPORT v6] ✅ Fallback '+code+'.xls');}catch(e){console.error('[VAI EXPORT v6] Fallback error:',e);alert('❌ Lỗi xuất Excel: '+(e.message||e));}}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 148 |
|
| 149 |
+
// ===== SET EXPORT =====
|
| 150 |
setInterval(function(){
|
| 151 |
+
if(typeof ExcelJS!=='undefined'&&window.VAI_QR){
|
| 152 |
+
window.exportExcel=async function(data,qd,code,qrUrl,bw){
|
| 153 |
+
console.log('[VAI EXPORT v6] exportExcel');
|
| 154 |
+
try{
|
| 155 |
+
// Use passed data or try to get it
|
| 156 |
+
if(!data || !data.qd || !data.qd.items || !data.qd.items.length){
|
| 157 |
+
if(window.VAI_QR&&typeof window.VAI_QR.getData==='function')data=window.VAI_QR.getData();
|
| 158 |
+
else if(typeof getData==='function')data=getData();
|
| 159 |
+
if(!data||!data.qd){
|
| 160 |
+
if(typeof getQuoteData==='function'){var qd2=getQuoteData();data={qd:qd2,fees:[],notes:[],deposit:0,discountPercent:0,itemDiscounts:{},grandTotal:qd2.grandTotal||0,remaining:qd2.grandTotal||0,productTotal:qd2.grandTotal||0};}
|
| 161 |
+
}
|
| 162 |
+
}
|
| 163 |
+
if(!data||!data.qd||!data.qd.items||!data.qd.items.length){console.error('[VAI EXPORT v6] No data');return;}
|
| 164 |
+
var qd=data.qd,code=code||(window.VAI_QR&&typeof window.VAI_QR.getEffectiveOrderCode==='function')?window.VAI_QR.getEffectiveOrderCode():(qd.customer&&qd.customer.orderCode)||'VAS'+Date.now().toString(36).toUpperCase();
|
| 165 |
+
try{await genXl(data,qd,code);}catch(e){console.error('[VAI EXPORT v6] genXl error:',e);fallbackXls();}
|
| 166 |
+
}catch(e){console.error('[VAI EXPORT v6] Error:',e);fallbackXls();}
|
| 167 |
+
};
|
| 168 |
+
window._doExportExcel=window.exportExcel;
|
| 169 |
+
window.VAI_QR.exportExcel=window.exportExcel;
|
| 170 |
+
}
|
| 171 |
},200);
|
| 172 |
+
console.log('[VAI EXPORT v6] ✅ Loaded');})();
|
|
|