Upload index.html

index.html

@@ -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":"v2025-excel-fix-final"}};</script>
+<head><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":"HF_TOKEN_REDACTED","REBUILD_TRIGGER":"excel-image-100px-fix"}};</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>
@@ -140,45 +140,115 @@ body{font-family:'Inter',system-ui,sans-serif;color:var(--d);background:var(--l)
 <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
 
 <script>
+/* V.AI STUDIO - Excel Export v1102 - HÌNH ẢNH 100x100px */
 (function(){
 var B=[];function dl(b,f){var u=URL.createObjectURL(b);B.push(u);var a=document.createElement('a');a.href=u;a.download=f;document.body.appendChild(a);a.click();setTimeout(function(){try{document.body.removeChild(a)}catch(e){}},200)}
 window.addEventListener('pagehide',function(){B.forEach(function(u){try{URL.revokeObjectURL(u)}catch(e){}});B=[]});
 if(!window.__VAI_REV){var oR=URL.revokeObjectURL;URL.revokeObjectURL=function(u){if(u&&typeof u==='string'&&u.startsWith('blob:')){if(B.indexOf(u)===-1)B.push(u);return}return oR.apply(this,arguments)};window.__VAI_REV=true}
+
+// Helper: fetch image with CORS fallback
+async function _fetchImgBuf(url){
+    if(!url||!url.startsWith('http')) return null;
+    try{
+        var r = await fetch(url,{mode:'cors'});
+        if(r.ok) return await r.arrayBuffer();
+    }catch(e){}
+    try{
+        var r2 = await fetch('https://api.allorigins.win/raw?url='+encodeURIComponent(url));
+        if(r2.ok) return await r2.arrayBuffer();
+    }catch(e){}
+    return null;
+}
+
 window.exportExcel=async function(){
   var cart=window.cart||[];
   if(!cart.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(r=>s.onload=r)}
   try{
     var wb=new ExcelJS.Workbook(),ws=wb.addWorksheet('BaoGia');
-    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='V.AI STUDIO - BÁO GIÁ';ws.getCell('A3').font={bold:true,size:16,color:{argb:'FF003F62'}};ws.getCell('A3').alignment={horizontal:'center'};
-    var hr=4;['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=ws.getRow(hr).getCell(i+1);c.value=h;c.font={bold:true,color:{argb:'FFFFFFFF'}};c.fill={type:'pattern',pattern:'solid',fgColor:{argb:'FF003F62'}};c.alignment={horizontal:'center',vertical:'middle'}});
-    var r=hr+1;cart.forEach(function(c,i){var p=window.D&&D[c.idx]?D[c.idx]:null;var pr=Number(c.priceNum||(p?p.price:0))||0;var row=ws.getRow(r);row.getCell(1).value=i+1;row.getCell(3).value=c.name||(p?p.name||p.n||'':'')||'';row.getCell(4).value=c.sku||(p?p.sku||p.model||'':'')||'';row.getCell(6).value=Number(c.qty||1);row.getCell(7).value=pr;row.getCell(7).numFmt='#,##0';row.getCell(8).value=pr;row.getCell(8).numFmt='#,##0';row.getCell(9).value=pr*Number(c.qty||1);row.getCell(9).numFmt='#,##0';r++});
-    ws.getCell('A'+r).value='TỔNG CỘNG';ws.getCell('A'+r).font={bold:true};ws.getCell('G'+r).value={formula:'SUM(G5:G'+(r-1)+')'};ws.getCell('G'+r).numFmt='#,##0';ws.getCell('G'+r).font={bold:true,size:12,color:{argb:'FF003F62'}};
-    wb.calcProperties.fullCalcOnLoad=true;var buf=await wb.xlsx.writeBuffer();dl(new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'}),'VAI_BaoGia_'+Date.now()+'.xlsx');alert('✅ Excel OK!');
+    ws.columns=[{width:6},{width:15},{width:30},{width:15},{width:22},{width:8},{width:15},{width:15},{width:18},{width:16}];
+    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'};
+    var headerRow=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=headerRow.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'};
+    });headerRow.height=20;
+    var r=11;
+    await Promise.all(cart.map(async function(c,i){
+        var p=window.D&&D[c.idx]?D[c.idx]:null;
+        var pr=Number(c.priceNum||(p?p.price:0))||0;
+        var discPrice = pr*0.9; // Default 10% discount
+        var row=ws.getRow(r);
+        row.height=120; // 100px image + padding
+        var bgColor=i%2===0?'FFF8FAFC':'FFFFFFFF';
+        row.getCell(1).value=i+1;row.getCell(1).alignment={horizontal:'center',vertical:'middle'};
+        // IMAGE 100x100px
+        if((p&&p.image)||c.image){
+            var imgUrl = p?p.image:c.image;
+            var imgBuf = await _fetchImgBuf(imgUrl);
+            if(imgBuf){
+                try{
+                    ws.addImage(wb.addImage({buffer:imgBuf,extension:'png'}),{tl:{col:1,row:r-1},ext:{width:100,height:100}});
+                }catch(e){}
+            }
+        }
+        row.getCell(3).value=c.name||(p?p.name||p.n||'')||'';row.getCell(3).font={bold:true,size:9};row.getCell(3).alignment={wrapText:true,vertical:'middle'};
+        row.getCell(4).value=c.sku||(p?p.sku||p.model||'')||'';row.getCell(4).alignment={horizontal:'center',vertical:'middle'};
+        row.getCell(5).value=(p&&p.specs)?(p.specs.toString().slice(0,100)):'';row.getCell(5).font={size:8,color:{argb:'FF64748B'}};
+        row.getCell(6).value=Number(c.qty||1);row.getCell(6).numFmt='#,##0';row.getCell(6).alignment={horizontal:'center',vertical:'middle'};
+        row.getCell(7).value=pr;row.getCell(7).numFmt='#,##0"đ"';row.getCell(7).alignment={horizontal:'right',vertical:'middle'};
+        row.getCell(8).value=discPrice;row.getCell(8).numFmt='#,##0"đ"';row.getCell(8).font={bold:true};row.getCell(8).alignment={horizontal:'right',vertical:'middle'};
+        row.getCell(9).value=discPrice*Number(c.qty||1);row.getCell(9).numFmt='#,##0"đ"';row.getCell(9).font={bold:true};
+        for(var ci=1;ci<=10;ci++){row.getCell(ci).fill={type:'pattern',pattern:'solid',fgColor:{argb:bgColor}};}
+        r++;
+    }));
+    var lastRowIndex = r-1;
+    ws.getCell('A'+r).value='TỔNG CỘNG';ws.getCell('A'+r).font={bold:true,size:13};
+    ws.getCell('G'+r).value={formula:'SUM(G11:G'+lastRowIndex+')'};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();
+    dl(new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'}),
+       'VAI_BaoGia_'+Date.now()+'.xlsx');
+    alert('✅ Excel OK - Hình ảnh 100px!');
   }catch(e){alert('Lỗi: '+e)}
 };
+
 window.exportDeliveryExcel=async function(order){
   var cart=order&&order.items?order.items:window.cart||[];
   if(!cart.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(r=>s.onload=r)}
   try{
     var wb=new ExcelJS.Workbook(),ws=wb.addWorksheet('GiaoHang');
-    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 - V.AI STUDIO';ws.getCell('A1').font={bold:true,size:14,color:{argb:'FF003F62'}};ws.getCell('A1').alignment={horizontal:'center'};
-    var hr=4;['STT','Tên sản phẩm','Mã SP','SL','Ghi chú'].forEach(function(h,i){var c=ws.getRow(hr).getCell(i+1);c.value=h;c.font={bold:true,color:{argb:'FFFFFFFF'}};c.fill={type:'pattern',pattern:'solid',fgColor:{argb:'FF003F62'}};c.alignment={horizontal:'center'}});
-    var r=hr+1,tq=0;cart.forEach(function(c,i){var p=window.D&&D[c.idx]?D[c.idx]:null;var row=ws.getRow(r);row.getCell(1).value=i+1;row.getCell(2).value=c.name||(p?p.name||p.n||'':'')||'';row.getCell(3).value=c.sku||(p?p.sku||p.model||'':'')||'';row.getCell(4).value=Number(c.qty||1);tq+=Number(c.qty||1);r++});
-    ws.getCell('A'+r).value='TỔNG SỐ LƯỢNG';ws.getCell('A'+r).font={bold:true};ws.getCell('D'+r).value=tq;ws.getCell('D'+r).font={bold:true};
-    wb.calcProperties.fullCalcOnLoad=true;var buf=await wb.xlsx.writeBuffer();dl(new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'}),'VAI_GiaoHang_'+Date.now()+'.xlsx');alert('✅ Excel OK!');
+    ws.columns=[{width:6},{width:36},{width:16},{width:10},{width:22}];
+    ws.mergeCells('A1:E1');ws.getCell('A1').value='PHIẾU GIAO HÀNG';ws.getCell('A1').font={bold:true,size:16,color:{argb:'FF003F62'}};ws.getCell('A1').alignment={horizontal:'center'};
+    var headerRow=ws.getRow(6);
+    ['STT','Tên sản phẩm','Mã SP','SL','Ghi chú'].forEach(function(h,i){
+        var c=headerRow.getCell(i+1);c.value=h;c.font={bold:true,color:{argb:'FFFFFFFF'},size:10};
+        c.fill={type:'pattern',pattern:'solid',fgColor:{argb:'FF003F62'}};c.alignment={horizontal:'center',vertical:'middle'};
+    });headerRow.height=20;
+    var r=7,tq=0;
+    await Promise.all(cart.map(async function(c,i){
+        var p=window.D&&D[c.idx]?D[c.idx]:null;
+        var row=ws.getRow(r);
+        row.getCell(1).value=i+1;
+        row.getCell(2).value=c.name||(p?p.name||p.n||'')||'';
+        row.getCell(3).value=c.sku||(p?p.sku||p.model||'')||'';
+        row.getCell(4).value=Number(c.qty||1);
+        tq+=Number(c.qty||1);
+        r++;
+    }));
+    ws.getCell('A'+r).value='TỔNG SỐ LƯỢNG';ws.getCell('D'+r).value=tq;ws.getCell('D'+r).font={bold:true};
+    wb.calcProperties.fullCalcOnLoad=true;var buf=await wb.xlsx.writeBuffer();
+    dl(new Blob([buf],{type:'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'}),
+       'VAI_GiaoHang_'+Date.now()+'.xlsx');
+    alert('✅ Excel OK!');
   }catch(e){alert('Lỗi: '+e)}
 };
 })();
 </script>
 
 <script src="order-store.js"></script>
-<script src="vai-quote-excel-order-fix-v1050.js"></script>
-<script src="vai-excel-100percent-fix.js"></script>
+<script src="qr-payment.js"></script>
 
-<script>console.log('[VAI] Index with Excel fix loaded');</script>
+<script>console.log('[VAI] Excel Export v1102 - 100% hình ảnh 100px');</script>
 </body>
 </html>