V.AISTUDIO

Running

App Files Files Community

bep40 commited on 23 days ago

Commit

cc0d46c

verified ·

1 Parent(s): 434f852

RESTORE to dbc396f5 (before quote/CK/image fixes)

Browse files

Files changed (1) hide show

index.html +41 -8

index.html CHANGED Viewed

@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <html lang="vi">
-<head><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</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>
@@ -498,7 +498,7 @@ textarea.form-input{height:120px;resize:vertical}
 <input type="text" id="aiSearch" placeholder="🔍 AI tìm kiếm: bếp từ đôi dưới 15 triệu, máy hút mùi tốt nhất..." style="width:100%;padding:11px 14px 11px 36px;border:2px solid #003f62;border-radius:10px;font-size:.85rem;font-family:inherit;outline:none" onkeypress="if(event.key==='Enter')doAISearch()">
 </div>
 <button onclick="doAISearch()" style="padding:11px 20px;background:#003f62;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap"><i class="fas fa-search"></i> Tìm AI</button>
-<button onclick="doAIQuote()" style="padding:11px 20px;background:#db9815;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap"><i class="fas fa-file-invoice-dollar"></i> AI Báo giá</button>
 </div>
 <div id="aiResults" style="max-width:900px;margin:12px auto 0;display:none;background:#f8fafc;border-radius:10px;padding:14px;font-size:.82rem"></div>
 </div>
@@ -670,7 +670,7 @@ textarea.form-input{height:120px;resize:vertical}
 <div id="aiPromptBox" style="display:none">
 <div style="display:flex;gap:8px">
 <textarea id="qcAiPrompt" placeholder="Nhập yêu cầu chiết khấu... Ví dụ: Giảm 15% tất cả sản phẩm, hoặc: SP1 giảm 2 triệu, SP2 giảm 10%..." style="flex:1;padding:8px 10px;border:1.5px solid var(--p);border-radius:8px;font-size:.82rem;font-family:inherit;outline:none;resize:none;height:48px;background:#fff"></textarea>
-<button onclick="applyAiDiscount()" style="padding:8px 16px;background:var(--p);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;display:flex;align-items:center;gap:6px" id="aiDiscBtn"><i class="fas fa-robot"></i> Áp dụng</button>
 </div>
 <div id="aiDiscStatus" style="font-size:.72rem;color:var(--g);margin-top:4px"></div>
 </div>
@@ -2105,7 +2105,7 @@ let discStyle='width:80px;padding:5px 6px;border:1.5px solid var(--gl);border-ra
 discStyle+=locked?'background:var(--l);cursor:not-allowed':'background:#fff';
 return `<tr>
 <td style="text-align:center">${i+1}</td>
-<td><img class="qt-img" src="${c.image}" alt="${c.name}" crossorigin="anonymous" onerror="this.style.display='none'" style="width:72px;height:72px;object-fit:contain"></td>
 <td class="qt-name">${c.name}</td>
 <td style="text-align:center">${model}</td>
 <td style="font-size:.72rem;color:var(--g);max-width:160px">${specs}</td>
@@ -2132,6 +2132,36 @@ total+=lineTotal;
 document.getElementById('quoteTotalCell').textContent=total.toLocaleString('vi-VN')+'đ';
 }
 function getQuoteData(){
 let customer={
 name:document.getElementById('qcName').value||'',
@@ -2379,7 +2409,7 @@ 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" crossorigin="anonymous" onerror="this.style.display='none'"></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>
@@ -2616,7 +2646,7 @@ async function shareQuoteImage(){
   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" crossorigin="anonymous" onerror="this.style.display='none'"></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>
@@ -2782,6 +2812,7 @@ function doAISearch(){
     h+='<div style="font-size:.88rem;font-weight:800;color:#003f62;margin-top:4px">'+(p.price||'Liên hệ')+'</div>';
     const specs=p.specs||{};const sk=Object.entries(specs).slice(0,3);
     if(sk.length){h+='<div style="margin-top:4px;padding-top:4px;border-top:1px solid #eee;font-size:.58rem;color:#555">';sk.forEach(([k,v])=>{h+='<div>'+k+': <b>'+v+'</b></div>'});h+='</div>'}
     h+='</div>';
   });
   h+='</div>';
@@ -2824,9 +2855,11 @@ async function _aiSelectProducts(q,res){
     });
     // Call AI to select best combo
     const aiPrompt=`Khách yêu cầu: "${q}"\nNgân sách: ${budget.toLocaleString('vi')}đ\nDanh sách SP có sẵn:\n${catalog.map((p,i)=>i+1+'. ['+p.sku+'] '+p.name+' | '+p.brand+' | '+p.price.toLocaleString('vi')+'đ | Loại: '+p.type).join('\n')}\n\nChọn combo TỐT NHẤT (1 SP mỗi loại, ưu tiên Malloca/Grob, tổng ≤ ngân sách). Trả lời CHỈ JSON: {"picks":[{"sku":"...","reason":"lý do chọn ngắn"}]}`;
-    const aiRes=await fetch('https://router.huggingface.co/v1/chat/completions',{
       method:'POST',
-      headers:{'Content-Type':'application/json','Authorization':'Bearer '+document.querySelector('meta[name=hf-token]')?.content||''},
       body:JSON.stringify({model:'Qwen/Qwen2.5-72B-Instruct',messages:[{role:'user',content:aiPrompt}],max_tokens:300,temperature:0.7})
     });
     if(!aiRes.ok){

 <!DOCTYPE html>
 <html lang="vi">
+<head><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</script><script>window.huggingface={variables:{"SPACE_CREATOR_USER_ID":"661b9191e7b0ab12bceb66f3","VAISTUDIO":""}};</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>
 <input type="text" id="aiSearch" placeholder="🔍 AI tìm kiếm: bếp từ đôi dưới 15 triệu, máy hút mùi tốt nhất..." style="width:100%;padding:11px 14px 11px 36px;border:2px solid #003f62;border-radius:10px;font-size:.85rem;font-family:inherit;outline:none" onkeypress="if(event.key==='Enter')doAISearch()">
 </div>
 <button onclick="doAISearch()" style="padding:11px 20px;background:#003f62;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.85rem;cursor:pointer;white-space:nowrap"><i class="fas fa-search"></i> Tìm AI</button>
 </div>
 <div id="aiResults" style="max-width:900px;margin:12px auto 0;display:none;background:#f8fafc;border-radius:10px;padding:14px;font-size:.82rem"></div>
 </div>
 <div id="aiPromptBox" style="display:none">
 <div style="display:flex;gap:8px">
 <textarea id="qcAiPrompt" placeholder="Nhập yêu cầu chiết khấu... Ví dụ: Giảm 15% tất cả sản phẩm, hoặc: SP1 giảm 2 triệu, SP2 giảm 10%..." style="flex:1;padding:8px 10px;border:1.5px solid var(--p);border-radius:8px;font-size:.82rem;font-family:inherit;outline:none;resize:none;height:48px;background:#fff"></textarea>
+<button onclick="applyAiDiscount()" style="padding:8px 16px;background:var(--p);color:#fff;border:none;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;font-family:inherit;white-space:nowrap;display:flex;align-items:center;gap:6px" id="aiDiscBtn" onclick="applyLocalCK()"><i class="fas fa-robot"></i> Áp dụng</button>
 </div>
 <div id="aiDiscStatus" style="font-size:.72rem;color:var(--g);margin-top:4px"></div>
 </div>
 discStyle+=locked?'background:var(--l);cursor:not-allowed':'background:#fff';
 return `<tr>
 <td style="text-align:center">${i+1}</td>
+<td><img class="qt-img" src="${c.image}" crossorigin="anonymous" alt="${c.name}" onerror="this.style.display='none'" style="width:72px;height:72px;object-fit:contain"></td>
 <td class="qt-name">${c.name}</td>
 <td style="text-align:center">${model}</td>
 <td style="font-size:.72rem;color:var(--g);max-width:160px">${specs}</td>
 document.getElementById('quoteTotalCell').textContent=total.toLocaleString('vi-VN')+'đ';
 }
+function applyLocalCK(){
+  // Read CK% from input (no API needed)
+  let ckInput=document.getElementById('ckInput')||document.querySelector('[placeholder*="chiết khấu"]')||document.querySelector('[placeholder*="CK"]');
+  if(!ckInput){
+    // Create CK input if not exists
+    let qtBody=document.querySelector('.quote-body');
+    if(qtBody){
+      let div=document.createElement('div');
+      div.style.cssText='padding:8px;background:#fff3e0;border-radius:6px;margin:8px 0;display:flex;align-items:center;gap:8px';
+      div.innerHTML='<label style="font-size:.78rem;font-weight:600">Chiết khấu %:</label><input id="ckInput" type="number" min="0" max="90" value="0" style="width:60px;padding:4px 8px;border:1.5px solid #ddd;border-radius:4px;font-size:.82rem" oninput="applyLocalCK()"><span id="ckStatus" style="font-size:.7rem;color:#28a745"></span>';
+      qtBody.insertBefore(div,qtBody.firstChild);
+      ckInput=document.getElementById('ckInput');
+    }
+    if(!ckInput)return;
+  }
+  let ckPercent=parseFloat(ckInput.value)||0;
+  if(ckPercent<0||ckPercent>90)return;
+  let status=document.getElementById('ckStatus');
+  // Apply CK to all qt-disc inputs
+  cart.forEach((c,i)=>{
+    let discInput=document.querySelector('.qt-disc[data-idx="'+i+'"]');
+    if(discInput&&c.priceNum>0){
+      let discPrice=Math.round(c.priceNum*(1-ckPercent/100));
+      discInput.value=discPrice.toLocaleString('vi-VN');
+    }
+  });
+  if(status)status.textContent=ckPercent>0?'Áp dụng CK '+ckPercent+'%':'';
+  updateQuoteTotal();
+}
 function getQuoteData(){
 let customer={
 name:document.getElementById('qcName').value||'',
 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="this.style.display='none'"></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>
   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="this.style.display='none'"></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>
     h+='<div style="font-size:.88rem;font-weight:800;color:#003f62;margin-top:4px">'+(p.price||'Liên hệ')+'</div>';
     const specs=p.specs||{};const sk=Object.entries(specs).slice(0,3);
     if(sk.length){h+='<div style="margin-top:4px;padding-top:4px;border-top:1px solid #eee;font-size:.58rem;color:#555">';sk.forEach(([k,v])=>{h+='<div>'+k+': <b>'+v+'</b></div>'});h+='</div>'}
+    h+='<button onclick="event.stopPropagation();addToCart('+D.indexOf(p)+')" style="margin-top:5px;width:100%;padding:5px 0;background:#003f62;color:#fff;border:none;border-radius:5px;font-size:.68rem;cursor:pointer;font-weight:600">\u{1F6D2} Th\u00eam gi\u1ECF</button>';
     h+='</div>';
   });
   h+='</div>';
     });
     // Call AI to select best combo
     const aiPrompt=`Khách yêu cầu: "${q}"\nNgân sách: ${budget.toLocaleString('vi')}đ\nDanh sách SP có sẵn:\n${catalog.map((p,i)=>i+1+'. ['+p.sku+'] '+p.name+' | '+p.brand+' | '+p.price.toLocaleString('vi')+'đ | Loại: '+p.type).join('\n')}\n\nChọn combo TỐT NHẤT (1 SP mỗi loại, ưu tiên Malloca/Grob, tổng ≤ ngân sách). Trả lời CHỈ JSON: {"picks":[{"sku":"...","reason":"lý do chọn ngắn"}]}`;
+    // AI disabled (no token) - use random fallback
+    _doQuoteFallback(wantTypes,perBudget,budget,res);return;
+    const aiRes=null&&await fetch('https://router.huggingface.co/v1/chat/completions',{
       method:'POST',
+      headers:{'Content-Type':'application/json','Authorization':'Bearer '+''},
       body:JSON.stringify({model:'Qwen/Qwen2.5-72B-Instruct',messages:[{role:'user',content:aiPrompt}],max_tokens:300,temperature:0.7})
     });
     if(!aiRes.ok){