V.AISTUDIO

Running

App Files Files Community

bep40 commited on 21 days ago

Commit

7d6442e

verified ·

1 Parent(s): 30070cb

Fix AI Search: exact SKU/mod match + Chat AI uses same search + specs display

Browse files

Files changed (1) hide show

index.html +101 -58

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>
 <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>
@@ -2730,67 +2730,62 @@ Miễn phí giao hàng trong TPHCM. | Giá đã bao gồm VAT.
 <script>
 function doAISearch(){
   const q=document.getElementById('aiSearch').value.trim();
-  if(!q){document.getElementById('aiResults').style.display='block';document.getElementById('aiResults').innerHTML='💡 Nhập mã SP hoặc mô tả. Nhiều mã: MDI702, MC9086HS';return}
   const res=document.getElementById('aiResults');
-  res.style.display='block';res.innerHTML='<i class="fas fa-spinner fa-spin"></i> Đang tìm...';
-  if(typeof D==='undefined'||!D.length){res.innerHTML='⏳ Đang tải...';return}
-  setTimeout(()=>{
-    // Split by , ; or space-separated codes
-    let codes=q.split(/[,;]+/).map(c=>c.trim()).filter(c=>c.length>=2);
-    if(codes.length<=1)codes=[q.trim()];
-    let allFound=[];
-    codes.forEach(code=>{
-      // Method 1: Exact SKU match (case-insensitive, ignore dots/dashes)
-      const codeClean=code.toLowerCase().replace(/[.\-_ /]/g,'');
-      let exact=D.filter(p=>{
-        const sku=(p.sku||'').toLowerCase().replace(/[.\-_ /]/g,'');
-        const mod=(p.mod||'').toLowerCase().replace(/[.\-_ /]/g,'');
-        return sku===codeClean||mod===codeClean;
-      });
-      if(exact.length){allFound.push(...exact);return}
-      // Method 2: Partial SKU match (code is contained in sku or vice versa)
-      let partial=D.filter(p=>{
-        const sku=(p.sku||'').toLowerCase().replace(/[.\-_ /]/g,'');
-        const mod=(p.mod||'').toLowerCase().replace(/[.\-_ /]/g,'');
-        return (codeClean.length>=3&&(sku.includes(codeClean)||mod.includes(codeClean)||codeClean.includes(sku)||codeClean.includes(mod)));
-      });
-      if(partial.length){allFound.push(...partial.slice(0,3));return}
-      // Method 3: Name/category keyword search
-      const qn=code.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
-      const words=qn.split(/\s+/).filter(w=>w.length>=2);
-      if(!words.length)return;
-      let scored=D.map(p=>{
-        const pn=((p.name||'')+(p.cat||'')+(p.brand||'')).toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
-        let sc=0;words.forEach(w=>{if(pn.includes(w))sc+=10});
-        if(/malloca/i.test(p.brand))sc+=3;
-        if(/grob/i.test(p.brand))sc+=2;
-        // Budget filter from text
-        const bm=code.match(/(\d+)\s*(tr|triệu|m)/i);
-        if(bm){const b=parseInt(bm[1])*1e6;if(p.priceNum>0&&p.priceNum<=b*1.2)sc+=5;else if(p.priceNum>b*1.5)sc-=10}
-        return{p,sc};
-      }).filter(x=>x.sc>10).sort((a,b)=>b.sc-a.sc);
-      allFound.push(...scored.slice(0,5).map(x=>x.p));
     });
-    // Deduplicate
-    let seen=new Set();let unique=[];
-    allFound.forEach(p=>{if(!seen.has(p.sku)){seen.add(p.sku);unique.push(p)}});
-    if(!unique.length){res.innerHTML='❌ Không tìm thấy "'+q+'". Thử: tên SP, mã SP chính xác, hoặc mô tả.';return}
-    let h='<div style="font-weight:700;margin-bottom:8px">🔍 '+unique.length+' SP tìm thấy:</div>';
-    h+='<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px">';
-    unique.slice(0,12).forEach(p=>{
-      h+='<div style="background:#fff;border-radius:8px;padding:10px;box-shadow:0 1px 3px rgba(0,0,0,.08);cursor:pointer;transition:.2s" onclick="if(typeof showDetail===\'function\')showDetail('+D.indexOf(p)+')" onmouseover="this.style.boxShadow=\'0 4px 12px rgba(0,0,0,.15)\'" onmouseout="this.style.boxShadow=\'0 1px 3px rgba(0,0,0,.08)\'">';
-      if(p.image)h+='<img src="'+p.image+'" style="width:100%;height:100px;object-fit:contain;border-radius:4px;margin-bottom:6px" loading="lazy">';
-      h+='<div style="font-size:.72rem;font-weight:700;color:#003f62">'+p.sku+'</div>';
-      h+='<div style="font-size:.7rem;line-height:1.3;margin:3px 0;height:2.6em;overflow:hidden">'+p.name.substring(0,50)+'</div>';
-      h+='<div style="font-size:.85rem;font-weight:800;color:#003f62">'+(p.price||'LH')+'</div>';
-      h+='<div style="font-size:.6rem;color:#64748b">'+p.brand+'</div>';
-      const specs=p.specs||{};const skeys=Object.keys(specs).slice(0,3);
-      if(skeys.length){h+='<div style="margin-top:3px;font-size:.58rem;color:#666;border-top:1px solid #eee;padding-top:3px">';skeys.forEach(k=>{h+='• '+k+': '+specs[k]+'<br>'});h+='</div>'}
-      h+='</div>';
     });
     h+='</div>';
-    res.innerHTML=h;
-  },50);
 }
 function doAIQuote(){
   const q=document.getElementById('aiSearch').value.trim()||'bếp từ + máy hút mùi + chậu rửa khoảng 50 triệu';
@@ -2935,5 +2930,53 @@ function _handleChatAI(msg){
   return false;
 }
 </script>
 </body>
 </html>

 <!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>
 <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>
 <script>
 function doAISearch(){
   const q=document.getElementById('aiSearch').value.trim();
+  if(!q){document.getElementById('aiResults').style.display='block';document.getElementById('aiResults').innerHTML='💡 Nhập mã SP (VD: MDI702) hoặc nhiều mã: MDI702, MC9086HS';return}
   const res=document.getElementById('aiResults');
+  res.style.display='block';res.innerHTML='⏳ Đang tìm...';
+  if(typeof D==='undefined'||!D.length){res.innerHTML='⏳ Đang tải SP...';return}
+  // Split by comma/semicolon for multi-code
+  let queries=q.split(/[,;]+/).map(c=>c.trim()).filter(c=>c.length>=2);
+  if(queries.length===0)queries=[q];
+  let allResults=[];
+  queries.forEach(query=>{
+    const qLow=query.toLowerCase().replace(/[.\-_ \/]/g,'');
+    // Priority 1: EXACT match on any identifier field
+    let exact=D.filter(p=>{
+      const fields=[(p.sku||''),(p.mod||''),(p.slug||'')].map(f=>f.toLowerCase().replace(/[.\-_ \/]/g,''));
+      return fields.some(f=>f===qLow);
     });
+    if(exact.length){allResults.push(...exact);return}
+    // Priority 2: Identifier CONTAINS query or query CONTAINS identifier
+    let partial=D.filter(p=>{
+      const fields=[(p.sku||''),(p.mod||''),(p.name||'').split('|')[0]].map(f=>f.toLowerCase().replace(/[.\-_ \/]/g,''));
+      return fields.some(f=>f&&qLow.length>=3&&(f.includes(qLow)||qLow.includes(f)));
     });
+    if(partial.length){allResults.push(...partial.slice(0,5));return}
+    // Priority 3: Keyword search in name+category
+    const qNorm=query.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
+    const words=qNorm.split(/\s+/).filter(w=>w.length>=2&&!['cua','cai','cho','cac','nhung','voi','duoi','tren','khoang'].includes(w));
+    const bm=query.match(/(\d+)\s*(tr|triệu|m)/i);
+    const budget=bm?parseInt(bm[1])*1e6:0;
+    let scored=D.map(p=>{
+      const pText=((p.name||'')+(p.cat||'')).toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
+      let sc=0;
+      words.forEach(w=>{if(pText.includes(w))sc+=10});
+      if(/malloca/i.test(p.brand))sc+=3;
+      if(/grob/i.test(p.brand))sc+=2;
+      if(budget&&p.priceNum>0){if(p.priceNum<=budget*1.2)sc+=5;else if(p.priceNum>budget*1.5)sc-=10}
+      return{p,sc};
+    }).filter(x=>x.sc>=10).sort((a,b)=>b.sc-a.sc);
+    allResults.push(...scored.slice(0,6).map(x=>x.p));
+  });
+  // Deduplicate by sku
+  let seen=new Set();let unique=[];
+  allResults.forEach(p=>{const id=p.sku||p.name;if(!seen.has(id)){seen.add(id);unique.push(p)}});
+  if(!unique.length){res.innerHTML='❌ Không tìm thấy "'+q+'". Thử nhập chính xác mã SP.';return}
+  // Render results with specs
+  let h='<div style="font-weight:700;margin-bottom:8px;font-size:.9rem">🔍 '+unique.length+' sản phẩm:</div>';
+  h+='<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px">';
+  unique.slice(0,12).forEach(p=>{
+    h+='<div style="background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 6px rgba(0,0,0,.08);cursor:pointer;transition:.2s" onclick="if(typeof showDetail===\'function\')showDetail('+D.indexOf(p)+')" onmouseover="this.style.transform=\'translateY(-2px)\'" onmouseout="this.style.transform=\'\'"><div style="display:flex;align-items:center;gap:4px;margin-bottom:4px"><span style="font-size:.72rem;font-weight:700;color:#003f62">'+(p.sku||p.mod||'')+'</span><span style="font-size:.58rem;color:#888;background:#f0f0f0;padding:1px 4px;border-radius:3px">'+p.brand+'</span></div>';
+    if(p.image)h+='<img src="'+p.image+'" style="width:100%;height:90px;object-fit:contain;border-radius:6px;margin-bottom:6px;background:#f8f8f8" loading="lazy">';
+    h+='<div style="font-size:.7rem;line-height:1.3;height:2.5em;overflow:hidden;color:#333">'+((p.name||'').split('|').pop()||'').trim().substring(0,50)+'</div>';
+    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>';
+  res.innerHTML=h;
 }
 function doAIQuote(){
   const q=document.getElementById('aiSearch').value.trim()||'bếp từ + máy hút mùi + chậu rửa khoảng 50 triệu';
   return false;
 }
 </script>
+<script>
+// Intercept chat AI messages to use AI Search/Quote
+document.addEventListener('DOMContentLoaded',function(){
+  // Find chat send button and input
+  const chatInput=document.querySelector('.chat-input');
+  const chatSend=document.querySelector('.chat-send');
+  if(chatInput&&chatSend){
+    const origClick=chatSend.onclick;
+    chatSend.addEventListener('click',function(e){
+      const msg=chatInput.value.trim();
+      if(msg&&_tryChatAI(msg)){chatInput.value='';e.stopPropagation();e.preventDefault();return false}
+    },true);
+    chatInput.addEventListener('keypress',function(e){
+      if(e.key==='Enter'){
+        const msg=chatInput.value.trim();
+        if(msg&&_tryChatAI(msg)){chatInput.value='';e.stopPropagation();e.preventDefault();return false}
+      }
+    },true);
+  }
+});
+function _tryChatAI(msg){
+  const lo=msg.toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g,'').replace(/đ/g,'d');
+  // Detect: search intent, quote intent, or product code
+  const isCode=/^[A-Z]{2,}[\-]?[A-Z0-9]{2,}/i.test(msg.trim());
+  const hasComma=/[,;]/.test(msg);
+  const isQuote=lo.includes('bao gia')||lo.includes('combo')||lo.includes('du toan');
+  const isSearch=lo.includes('tim')||lo.includes('kiem')||lo.includes('goi y')||isCode||hasComma;
+  if(isQuote||isSearch||isCode){
+    // Put query in AI search box
+    document.getElementById('aiSearch').value=msg;
+    // Trigger appropriate function
+    if(isQuote){doAIQuote()}else{doAISearch()}
+    // Show chat response
+    const chatBody=document.querySelector('.chat-body');
+    if(chatBody){
+      const bubble=document.createElement('div');
+      bubble.className='chat-msg bot';
+      bubble.innerHTML=isQuote?'📋 Em đã lên báo giá bên dưới ↓':'🔍 Em đã tìm SP bên dưới ↓';
+      chatBody.appendChild(bubble);
+      chatBody.scrollTop=chatBody.scrollHeight;
+    }
+    // Scroll to results
+    setTimeout(()=>{document.getElementById('aiResults').scrollIntoView({behavior:'smooth',block:'center'})},300);
+    return true;
+  }
+  return false;
+}
+</script>
 </body>
 </html>