Use qr-payment-v1783485884.js (new click handler)

index.html

@@ -2064,246 +2064,9 @@ function _vaiExcelParseExtras(){
   return out;
 }
 
-async function exportExcel(){
-exportExcel.__vaiOriginal = true;
-if(typeof ExcelJS==='undefined'){
-  showToast('⚠️ Thư viện Excel chưa tải xong. Vui lòng chờ 2-3 giây rồi thử lại.');
-  return;
-}
-let qd=getQuoteData();
-let extras=_vaiExcelParseExtras();
-let wb=new ExcelJS.Workbook();
-wb.creator='V.AI STUDIO';
-let ws=wb.addWorksheet('Báo Giá');
-let MONEY_FMT='#,##0"đ"', NUM_FMT='#,##0';
-ws.columns=[
-{key:'stt',width:6},{key:'name',width:32},{key:'model',width:16},{key:'specs',width:28},
-{key:'image',width:18},{key:'qty',width:8},{key:'price',width:16},{key:'disc',width:16},
-{key:'total',width:18},{key:'note',width:18}
-];
-// Header
-ws.mergeCells('A1:J1');
-let h1=ws.getCell('A1');
-h1.value='V.AI STUDIO - Niềm tin khách hàng là tài sản của chúng tôi';
-h1.font={name:'Arial',bold:true,size:14,color:{argb:'FF003F62'}};
-h1.alignment={horizontal:'center',vertical:'middle'};
-h1.fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF0F7FF'}};
-ws.getRow(1).height=30;
-ws.mergeCells('A2:J2');
-let h2=ws.getCell('A2');
-h2.value='BẢNG BÁO GIÁ';
-h2.font={name:'Arial',bold:true,size:16,color:{argb:'FFDB9815'}};
-h2.alignment={horizontal:'center',vertical:'middle'};
-ws.getRow(2).height=28;
-
-// Customer info
-let r=4;
-let ci=[['Khách hàng:',qd.customer.name],['SĐT:',qd.customer.phone],['Email:',qd.customer.email],
-['Địa chỉ:',qd.customer.addr],['Mã đơn hàng:',qd.customer.orderCode],['Ngày:',qd.customer.date]];
-ci.forEach(pair=>{ws.getCell('A'+r).value=pair[0];ws.getCell('A'+r).font={bold:true,size:10};ws.getCell('B'+r).value=pair[1]||'';ws.getCell('B'+r).font={size:10};r++;});
-r++;
-
-// Table header
-let headers=['STT','Tên sản phẩm','Mã SP','Thông tin SP','Hình ảnh','SL','Đơn giá','Đơn giá CK','Thành tiền','Ghi chú'];
-let headerRow=ws.getRow(r);
-headers.forEach((h,i)=>{headerRow.getCell(i+1).value=h});
-headerRow.height=26;
-headerRow.eachCell(cell=>{cell.font={bold:true,color:{argb:'FFFFFFFF'},name:'Arial',size:9};cell.fill={type:'pattern',pattern:'solid',fgColor:{argb:'FF003F62'}};cell.border={top:{style:'thin'},left:{style:'thin'},bottom:{style:'thin'},right:{style:'thin'}};cell.alignment={horizontal:'center',vertical:'middle',wrapText:true};});
-r++;
-let dataStartR=r;
-	
-	// Determine discount: explicit CK35% wins; otherwise infer ratio from Giá CK/Đơn giá.
-	let ckPct=Number(extras.discountPercent||0);
-	if(!(ckPct>0&&ckPct<=100)&&qd.items.length>0&&qd.items[0].price>0){
-	  let ratio=(Number(qd.items[0].discPrice||qd.items[0].price)||0)/(Number(qd.items[0].price)||1);
-	  let allSameRatio=qd.items.every(it=>!it.price||Math.abs((Number(it.discPrice||it.price)/Number(it.price))-ratio)<0.005);
-	  if(allSameRatio&&ratio<1&&ratio>0)ckPct=Math.round((1-ratio)*100);
-	}
-	
-	// Store CK% in cell K1 for formula reference
-	let ckLabel='';
-	if(ckPct>0&&ckPct<=100){ckLabel='CK '+ckPct+'%';}
-	
-	qd.items.forEach((item,idx)=>{
-	let row=ws.getRow(r);row.height=64;
-	row.getCell(1).value=Number(item.stt||idx+1);row.getCell(1).numFmt=NUM_FMT;row.getCell(1).alignment={horizontal:'center',vertical:'middle'};row.getCell(1).font={size:10};
-	row.getCell(2).value=item.name||'';row.getCell(2).alignment={vertical:'middle',wrapText:true};row.getCell(2).font={size:10,bold:true,color:{argb:'FF1A1A1A'}};
-	row.getCell(3).value=item.model||'';row.getCell(3).alignment={horizontal:'center',vertical:'middle'};row.getCell(3).font={size:9,color:{argb:'FF003F62'}};
-	row.getCell(4).value=item.specs||'';row.getCell(4).alignment={vertical:'middle',wrapText:true};row.getCell(4).font={size:8,color:{argb:'FF888888'}};
-	row.getCell(5).value='';row.getCell(5).alignment={horizontal:'center',vertical:'middle'};
-	try{let imgEl=document.querySelectorAll('.qt-img')[idx];if(imgEl&&imgEl.complete&&imgEl.naturalWidth>0){let cvs=document.createElement('canvas');cvs.width=Math.min(imgEl.naturalWidth,120);cvs.height=Math.min(imgEl.naturalHeight,120);let ctx=cvs.getContext('2d');ctx.drawImage(imgEl,0,0,cvs.width,cvs.height);let b64=cvs.toDataURL('image/jpeg',0.7).split(',')[1];let imgId=wb.addImage({base64:b64,extension:'jpeg'});ws.addImage(imgId,{tl:{col:4,row:r-1},ext:{width:70,height:70}});}}catch(ie){}
-	row.getCell(6).value=Number(item.qty||1);row.getCell(6).numFmt=NUM_FMT;row.getCell(6).alignment={horizontal:'center',vertical:'middle'};row.getCell(6).font={size:10,bold:true};
-	row.getCell(7).value=Number(item.price)||0;row.getCell(7).numFmt=MONEY_FMT;row.getCell(7).alignment={horizontal:'right',vertical:'middle'};row.getCell(7).font={size:10};
-	let cH=row.getCell(8);
-	// Formula uses cell K1 (e.g. 0.65 for 35% off) so user can edit CK% and all rows recalculate
-	if(ckPct>0&&ckPct<100){cH.value={formula:`ROUND(G${r}*$K$1,0)`,result:Math.round((Number(item.price)||0)*(1-ckPct/100))};}
-	else{cH.value=Number(item.discPrice)||Number(item.price)||0;}
-	cH.numFmt=MONEY_FMT;cH.alignment={horizontal:'right',vertical:'middle'};if((Number(item.discPrice)||0)<(Number(item.price)||0)){cH.font={size:10,color:{argb:'FFDC3545'},bold:true}}else{cH.font={size:10}}
-	let cI=row.getCell(9);cI.value={formula:`F${r}*H${r}`,result:(Number(item.qty||1))*(Number(item.discPrice)||Number(item.price)||0)};cI.numFmt=MONEY_FMT;cI.alignment={horizontal:'right',vertical:'middle'};cI.font={size:10,bold:true,color:{argb:'FF003F62'}};
-	row.getCell(10).value=item.note||'';row.getCell(10).alignment={vertical:'middle',wrapText:true};row.getCell(10).font={size:9};
-	for(let c=1;c<=10;c++){row.getCell(c).border={top:{style:'thin',color:{argb:'FFD0D5DD'}},left:{style:'thin',color:{argb:'FFD0D5DD'}},bottom:{style:'thin',color:{argb:'FFD0D5DD'}},right:{style:'thin',color:{argb:'FFD0D5DD'}}};}
-	if((idx+1)%2===0){for(let c=1;c<=10;c++){row.getCell(c).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF8FAFC'}}}}
-	r++;
-	});
-	let dataEndR=r-1;
-	ws.getColumn(6).numFmt=NUM_FMT;ws.getColumn(7).numFmt=MONEY_FMT;ws.getColumn(8).numFmt=MONEY_FMT;ws.getColumn(9).numFmt=MONEY_FMT;
-	// Write CK% factor into K1 (e.g. 0.65 = 35% off) with label
-	if(ckPct>0&&ckPct<100){
-	  ws.getCell('K1').value=Number((1-ckPct/100).toFixed(4));
-	  ws.getCell('K1').numFmt='0.00%';
-	  ws.getCell('K1').font={size:8,color:{argb:'FF888888'}};
-	  ws.getColumn(11).width=10;
-	  ws.getCell('K2').value='CK '+ckPct+'%';
-	  ws.getCell('K2').font={bold:true,size:9,color:{argb:'FFDC3545'}};
-	}
-	// BẢO HÀNH row (always)
-	r++;
-	ws.mergeCells(r,1,r,8);
-	ws.getCell('A'+r).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'+r).font={size:9,color:{argb:'FF059669'},italic:true};
-	ws.getCell('A'+r).alignment={vertical:'middle'};
-	ws.getCell('I'+r).value='';
-	for(let c=1;c<=10;c++){ws.getRow(r).getCell(c).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF0FDF4'}};}
-	// PHỤ PHÍ rows — included in TỔNG CỘNG
-	let totalFormulaParts=[`SUM(I${dataStartR}:I${dataEndR})`];
-	(extras.fees||[]).forEach(f=>{
-	  ws.mergeCells(r,1,r,8);
-	  ws.getCell('A'+r).value='⊕ '+(f.label||'Phụ phí');ws.getCell('A'+r).font={size:10,color:{argb:'FF92400E'}};ws.getCell('A'+r).alignment={horizontal:'right',vertical:'middle'};
-	  ws.getCell('I'+r).value=Number(f.amount||0);ws.getCell('I'+r).numFmt=MONEY_FMT;ws.getCell('I'+r).font={bold:true,size:10,color:{argb:'FF92400E'}};ws.getCell('I'+r).alignment={horizontal:'right',vertical:'middle'};
-	  for(let c=1;c<=10;c++){ws.getRow(r).getCell(c).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFFFFBEB'}};ws.getRow(r).getCell(c).border={top:{style:'thin',color:{argb:'FFD0D5DD'}},bottom:{style:'thin',color:{argb:'FFD0D5DD'}}};}
-	  totalFormulaParts.push(`I${r}`);r++;
-	});
-
-// TỔNG CỘNG = SUM sản phẩm + phụ phí nếu có
-let totalR=r;
-ws.mergeCells(totalR,1,totalR,8);
-ws.getCell('A'+totalR).value='TỔNG CỘNG:';ws.getCell('A'+totalR).font={bold:true,size:12,color:{argb:'FFFFFFFF'}};ws.getCell('A'+totalR).alignment={horizontal:'right',vertical:'middle'};
-// Tổng cộng số lượng nằm CÙNG DÒNG tổng cộng, tại cột SL (F)
-ws.getCell('F'+totalR).value={formula:`SUM(F${dataStartR}:F${dataEndR})`,result:qd.items.reduce((s,it)=>s+Number(it.qty||1),0)};
-ws.getCell('F'+totalR).numFmt=NUM_FMT;ws.getCell('F'+totalR).font={bold:true,size:12,color:{argb:'FFFFFFFF'}};ws.getCell('F'+totalR).alignment={horizontal:'center',vertical:'middle'};
-ws.getCell('I'+totalR).value={formula:totalFormulaParts.join('+'),result:(qd.items.reduce((s,it)=>s+(Number(it.qty||1))*(Number(it.discPrice)||Number(it.price)||0),0)+(extras.fees||[]).reduce((s,f)=>s+Number(f.amount||0),0))};
-ws.getCell('I'+totalR).numFmt=MONEY_FMT;ws.getCell('I'+totalR).font={bold:true,size:13,color:{argb:'FFFFFFFF'}};ws.getCell('I'+totalR).alignment={horizontal:'right',vertical:'middle'};
-for(let c=1;c<=10;c++){ws.getRow(totalR).getCell(c).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FF003F62'}};ws.getRow(totalR).getCell(c).border={top:{style:'medium',color:{argb:'FF003F62'}},bottom:{style:'thin',color:{argb:'FF003F62'}}};}
-ws.getRow(totalR).height=30;r++;
-
-// CỌC if có
-let depositR=null;
-if(Number(extras.deposit||0)>0){
-  depositR=r;ws.mergeCells(r,1,r,8);
-  ws.getCell('A'+r).value='Đã cọc:';ws.getCell('A'+r).font={bold:true,size:11,color:{argb:'FF166534'}};ws.getCell('A'+r).alignment={horizontal:'right',vertical:'middle'};
-  ws.getCell('I'+r).value=Number(extras.deposit||0);ws.getCell('I'+r).numFmt=MONEY_FMT;ws.getCell('I'+r).font={bold:true,size:11,color:{argb:'FF166534'}};ws.getCell('I'+r).alignment={horizontal:'right',vertical:'middle'};
-  for(let c=1;c<=10;c++){ws.getRow(r).getCell(c).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFF0FDF4'}};ws.getRow(r).getCell(c).border={top:{style:'thin',color:{argb:'FFD0D5DD'}},bottom:{style:'thin',color:{argb:'FFD0D5DD'}}};}
-  r++;
-  ws.mergeCells(r,1,r,8);
-  ws.getCell('A'+r).value='Còn lại:';ws.getCell('A'+r).font={bold:true,size:11,color:{argb:'FFDC2626'}};ws.getCell('A'+r).alignment={horizontal:'right',vertical:'middle'};
-  ws.getCell('I'+r).value={formula:`MAX(I${totalR}-I${depositR},0)`,result:Math.max((qd.items.reduce((s,it)=>s+(Number(it.qty||1))*(Number(it.discPrice)||Number(it.price)||0),0)+(extras.fees||[]).reduce((s,f)=>s+Number(f.amount||0),0))-Number(extras.deposit||0),0)};
-  ws.getCell('I'+r).numFmt=MONEY_FMT;ws.getCell('I'+r).font={bold:true,size:12,color:{argb:'FFDC2626'}};ws.getCell('I'+r).alignment={horizontal:'right',vertical:'middle'};
-  for(let c=1;c<=10;c++){ws.getRow(r).getCell(c).fill={type:'pattern',pattern:'solid',fgColor:{argb:'FFFEF2F2'}};ws.getRow(r).getCell(c).border={top:{style:'thin',color:{argb:'FFD0D5DD'}},bottom:{style:'thin',color:{argb:'FFD0D5DD'}}};}
-  r++;
-}
-
-// Optional notes
-if(extras.notes&&extras.notes.length){ws.mergeCells(r,1,r,10);ws.getCell('A'+r).value='📝 Ghi chú: '+extras.notes.join('; ');ws.getCell('A'+r).font={italic:true,size:9,color:{argb:'FF166534'}};ws.getCell('A'+r).alignment={wrapText:true};r++;}
-r++;
-ws.mergeCells(r,1,r,10);ws.getCell('A'+r).value='📌 Miễn phí giao hàng trong TPHCM. Giá đã bao gồm VAT (Hỗ trợ trị giá đơn hàng VAT xuất theo đúng số tiền khác mã).';ws.getCell('A'+r).font={italic:true,size:9,color:{argb:'FF888888'}};ws.getCell('A'+r).alignment={wrapText:true};r++;
-ws.mergeCells(r,1,r,10);ws.getCell('A'+r).value='💬 Zalo: Zalo Bot | ';ws.getCell('A'+r).font={italic:true,size:9,color:{argb:'FF888888'}};ws.getCell('A'+r).alignment={wrapText:true};
-
-wb.calcProperties.fullCalcOnLoad=true;
-try{
-  let buf=await wb.xlsx.writeBuffer();
-  let blob=new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'});
-  let url=URL.createObjectURL(blob);
-  let a=document.createElement('a');a.href=url;a.download=(qd.customer.orderCode||'BG')+'.xlsx';a.click();setTimeout(function(){URL.revokeObjectURL(url);},60000);
-  showToast('Đã xuất file Excel số + công thức!');
-}catch(e){
-  console.error('ExcelJS error:',e);
-  showToast('⚠️ Xuất Excel thất bại, chuyển sang CSV...');
-  setTimeout(function(){exportQuoteCSV(qd);},300);
-}
-}
 
 
 // ===== PDF EXPORT (html2canvas for Vietnamese) =====
-async function exportPDF(){
-exportPDF.__vaiOriginal = true;
-let qd=getQuoteData();
-// Build a hidden HTML table for rendering
-let div=document.createElement('div');
-div.id='pdfRender';
-div.style.cssText='position:fixed;top:-9999px;left:0;width:1100px;background:#fff;padding:40px;font-family:Inter,Arial,sans-serif';
-let itemsHtml=qd.items.map(it=>`<tr style="border-bottom:1px solid #e2e8f0">
-<td style="padding:10px 6px;text-align:center;font-size:13px">${it.stt}</td>
-<td style="padding:10px 6px"><img src="${it.image}" style="width:80px;height:80px;object-fit:contain;border-radius:6px;border:1px solid #e2e8f0;background:#f8fafc" onerror="_imgFallback(this)"></td>
-<td style="padding:10px 6px;font-size:12px;font-weight:600">${it.name}</td>
-<td style="padding:10px 6px;text-align:center;font-size:12px">${it.model}</td>
-<td style="padding:10px 6px;font-size:11px;color:#64748b;max-width:180px">${it.specs}</td>
-<td style="padding:10px 6px;text-align:center;font-size:13px">${it.qty}</td>
-<td style="padding:10px 6px;text-align:right;font-size:12px">${fmtVND(it.price)}</td>
-<td style="padding:10px 6px;text-align:right;font-size:12px;${it.discPrice<it.price?'color:#dc3545;font-weight:700':''}">${fmtVND(it.discPrice)}</td>
-<td style="padding:10px 6px;text-align:right;font-size:13px;font-weight:700">${fmtVND(it.total)}</td>
-<td style="padding:10px 6px;font-size:11px">${it.note}</td>
-</tr>`).join('');
-
-div.innerHTML=`
-<div style="text-align:center;margin-bottom:20px">
-<img src="https://huggingface.co/spaces/bep40/V.AISTUDIO/resolve/main/logo/logo_main.png" alt="V.AI STUDIO" style="height:40px;object-fit:contain">
-<div style="font-size:11px;color:#64748b;letter-spacing:2px;font-style:italic">❝ Niềm tin khách hàng là tài sản của chúng tôi ❞</div>
-<div style="font-size:20px;font-weight:800;color:#db9815;margin-top:10px">BẢNG BÁO GIÁ</div>
-</div>
-<div style="display:flex;justify-content:space-between;margin-bottom:20px;font-size:12px;color:#0f172a">
-<div><strong>Khách hàng:</strong> ${qd.customer.name}<br><strong>SĐT:</strong> ${qd.customer.phone}<br><strong>Email:</strong> ${qd.customer.email}<br><strong>Địa chỉ:</strong> ${qd.customer.addr}</div>
-<div style="text-align:right"><strong>Mã đơn hàng:</strong> ${qd.customer.orderCode}<br><strong>Ngày:</strong> ${qd.customer.date}<br><strong>Zalo:</strong> <a href="https://bot.zaloplatforms.com/bots/4013442364902370344" target="_blank">Zalo Bot</a></div>
-</div>
-<table style="width:100%;border-collapse:collapse">
-<thead><tr style="background:#003f62;color:#fff">
-<th style="padding:10px 6px;font-size:11px">STT</th><th style="padding:10px 6px;font-size:11px">Hình ảnh</th><th style="padding:10px 6px;font-size:11px;text-align:left">Tên sản phẩm</th><th style="padding:10px 6px;font-size:11px">Mã SP</th><th style="padding:10px 6px;font-size:11px">Thông tin SP</th><th style="padding:10px 6px;font-size:11px">SL</th><th style="padding:10px 6px;font-size:11px">Đơn giá</th><th style="padding:10px 6px;font-size:11px">Đơn giá CK</th><th style="padding:10px 6px;font-size:11px">Thành tiền</th><th style="padding:10px 6px;font-size:11px">Ghi chú</th>
-</tr></thead>
-<tbody>${itemsHtml}</tbody>
-<tfoot><tr style="border-top:3px solid #003f62">
-<td colspan="8" style="padding:12px 6px;text-align:right;font-size:14px;font-weight:800;color:#003f62">TỔNG CỘNG:</td>
-<td style="padding:12px 6px;text-align:right;font-size:15px;font-weight:900;color:#003f62">${fmtVND(qd.grandTotal)}</td><td></td>
-</tr></tfoot>
-</table>
-<div style="margin-top:20px;font-size:11px;color:#64748b;font-style:italic">
-Miễn phí giao hàng trong TPHCM. | Giá đã bao gồm VAT (Hỗ trợ trị giá đơn hàng VAT xuất theo đúng số tiền khác mã).
-</div>`;
-
-document.body.appendChild(div);
-// Wait for images and fonts
-await new Promise(r=>setTimeout(r,500));
-
-try{
-let canvas=await html2canvas(div,{scale:2,useCORS:true,allowTaint:true,logging:false,backgroundColor:'#fff'});
-let imgData=canvas.toDataURL('image/jpeg',0.95);
-if(typeof window.jspdf==='undefined'||!window.jspdf.jsPDF){
-  showToast('⚠️ Thư viện PDF chưa tải. Vui lòng chờ 2-3 giây rồi thử lại.');
-  div.remove();return;
-}
-let {jsPDF}=window.jspdf;
-let pdf=new jsPDF({orientation:'landscape',unit:'mm',format:'a4'});
-let pdfW=pdf.internal.pageSize.getWidth();
-let pdfH=pdf.internal.pageSize.getHeight();
-let imgW=canvas.width;let imgH=canvas.height;
-let ratio=pdfW/imgW;// html2canvas scale:2
-let totalH=imgH*ratio;
-let pageH=pdfH-10;let y=5;let srcY=0;
-let sliceH=pageH/ratio;
-// Multi-page support
-while(srcY<imgH){
-if(srcY>0)pdf.addPage();
-let clipCanvas=document.createElement('canvas');
-clipCanvas.width=imgW;clipCanvas.height=Math.min(sliceH,imgH-srcY);
-clipCanvas.getContext('2d').drawImage(canvas,0,srcY,imgW,clipCanvas.height,0,0,imgW,clipCanvas.height);
-let sliceData=clipCanvas.toDataURL('image/jpeg',0.95);
-let sliceRatio=pdfW/imgW;
-pdf.addImage(sliceData,'JPEG',0,y,pdfW,clipCanvas.height*sliceRatio);
-srcY+=sliceH;
-}
-pdf.save((qd.customer.orderCode||'BG')+'.pdf');
-showToast('Đã xuất file PDF!');
-}catch(e){console.error('PDF error:',e);showToast('Lỗi xuất PDF. Vui lòng thử lại.')}
-div.remove();
-}
 
 function printQuotation(){
 exportPDF();// Reuse PDF then user can print from PDF viewer
@@ -2560,7 +2323,7 @@ Miễn phí giao hàng trong TPHCM. | Giá đã bao gồm VAT.
 <script src="url-added-live-loader.js?v=1019"></script>
 	<script src="order-store.js?v=19"></script>
 	<script src="quote-ui.js?v=8"></script>
-	<script src="qr-payment.js?v=26"></script>
+	<script src="qr-payment-v1783485884.js?v=1"></script>
 	<script src="ai-search.js?v=1"></script>
 	<script src="ai-search-fix.js?v=4"></script>
 	<script src="ui-fixes.js?v=4"></script>