From 1053cf9140e2fe725919c529160de10b11b597cf Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Tue, 14 Apr 2026 20:27:56 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BB=B7=E7=9B=AE=E6=90=9C=E7=B4=A2?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E8=8B=B1=E6=96=87=E5=90=8D=EF=BC=88card.en?=
 =?UTF-8?q?=20/=20meta.enName=20/=20=E9=9D=99=E6=80=81=E8=A1=A8=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/views/OilReference.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/OilReference.vue b/frontend/src/views/OilReference.vue
index 2ab510c..06c85a9 100644
--- a/frontend/src/views/OilReference.vue
+++ b/frontend/src/views/OilReference.vue
@@ -91,7 +91,7 @@
     <!-- Search + View Toggle + Add + PDF -->
     <div style="display:flex;gap:6px;align-items:center;margin-bottom:12px;flex-wrap:nowrap">
       <div class="search-box" style="flex:1;min-width:140px;margin-bottom:0">
-        <input class="search-input" v-model="searchQuery" placeholder="搜索精油名称…" style="width:100%" />
+        <input class="search-input" v-model="searchQuery" placeholder="搜索中文或英文名…" style="width:100%" />
       </div>
       <div style="display:flex;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;flex-shrink:0">
         <button @click="viewMode = 'bottle'" :style="viewMode === 'bottle' ? 'background:var(--sage);color:white' : 'background:white;color:var(--text-mid)'" style="border:none;border-radius:0;font-size:12px;padding:6px 12px;cursor:pointer">每瓶价</button>
@@ -672,8 +672,14 @@ const filteredOilNames = computed(() => {
   if (!searchQuery.value.trim()) return oils.oilNames
   const q = searchQuery.value.trim().toLowerCase()
   return oils.oilNames.filter(n => {
-    const en = getEnglishName(n).toLowerCase()
-    return n.toLowerCase().includes(q) || en.includes(q)
+    if (n.toLowerCase().includes(q)) return true
+    const card = getOilCard(n)
+    if (card?.en && card.en.toLowerCase().includes(q)) return true
+    const meta = oils.oilsMeta[n]
+    if (meta?.enName && meta.enName.toLowerCase().includes(q)) return true
+    const fallback = oilEn(n)
+    if (fallback && fallback.toLowerCase().includes(q)) return true
+    return false
   })
 })