From 27c46cb8035f7ea512768e076ee499def3f492c3 Mon Sep 17 00:00:00 2001 From: Hera Zhao Date: Thu, 9 Apr 2026 20:13:09 +0000 Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A4=A7=E9=87=8F=E7=AE=A1=E7=90=86?= =?UTF-8?q?=E9=85=8D=E6=96=B9=E5=92=8C=E6=90=9C=E7=B4=A2=E6=94=B9=E8=BF=9B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 存为我的：修复调用错误API，改用 diaryStore.createDiary - 存为我的：同名检测（我的配方 + 公共配方库） - 我的配方：使用 RecipeCard 统一卡片格式 - 管理配方：按钮缩小、编辑时隐藏智能粘贴、精油搜索框支持拼音跳转 - 管理配方：批量操作改为按钮组（打标签/删除/导出卡片/分享到公共库） - 管理配方：我的配方加勾选框、全选按钮、编辑功能 - 搜索：模糊匹配 + 同义词扩展（37组），精确/相似分层显示 - 搜索：无匹配时通知编辑添加，搜索时隐藏无匹配的收藏/我的配方区 - 搜索：配方按首字母排序 - 共享审核：通知高级编辑+管理员，我的配方显示共享状态 - 通知：搜索未收录→已添加按钮，审核类→去审核按钮跳转 - 贡献统计：非管理员显示已贡献公共配方数 - 登录弹窗：加反馈问题按钮（无需登录） - 精油编辑：右上角加保存按钮，支持回车保存 - 后端：新增 /api/me/contribution 接口 Co-Authored-By: Claude Opus 4.6 (1M context) --- backend/main.py | 28 +- frontend/src/components/LoginModal.vue | 60 ++++ .../src/components/RecipeDetailOverlay.vue | 32 +- frontend/src/components/UserMenu.vue | 42 ++- frontend/src/views/OilReference.vue | 7 +- frontend/src/views/RecipeManager.vue | 297 ++++++++++++---- frontend/src/views/RecipeSearch.vue | 333 ++++++++++++++---- 7 files changed, 645 insertions(+), 154 deletions(-) diff --git a/backend/main.py b/backend/main.py index 746bcc9..09e827b 100644 --- a/backend/main.py +++ b/backend/main.py @@ -766,14 +766,15 @@ def create_recipe(recipe: RecipeIn, user=Depends(get_current_user)): c.execute("INSERT OR IGNORE INTO tags (name) VALUES (?)", (tag,)) c.execute("INSERT OR IGNORE INTO recipe_tags (recipe_id, tag_name) VALUES (?, ?)", (rid, tag)) log_audit(conn, user["id"], "create_recipe", "recipe", rid, recipe.name) - # Notify admin when non-admin creates a recipe - if user["role"] != "admin": + # Notify admin and senior editors when non-admin creates a recipe + if user["role"] not in ("admin", "senior_editor"): who = user.get("display_name") or user["username"] - conn.execute( - "INSERT INTO notifications (target_role, title, body) VALUES (?, ?, ?)", - ("admin", "📝 新配方待审核", - f"{who} 新增了配方「{recipe.name}」，请到管理配方查看并采纳。") - ) + for role in ("admin", "senior_editor"): + conn.execute( + "INSERT INTO notifications (target_role, title, body) VALUES (?, ?, ?)", + (role, "📝 新配方待审核", + f"{who} 共享了配方「{recipe.name}」，请到管理配方查看。\n[recipe_id:{rid}]") + ) conn.commit() conn.close() return {"id": rid} @@ -1397,6 +1398,19 @@ def get_unmatched_searches(days: int = 7, user=Depends(require_role("admin", "se return [dict(r) for r in rows] +# ── Contribution stats ───────────────────────────────── +@app.get("/api/me/contribution") +def my_contribution(user=Depends(get_current_user)): + if not user.get("id"): + return {"shared_count": 0} + conn = get_db() + count = conn.execute( + "SELECT COUNT(*) FROM recipes WHERE owner_id = ?", (user["id"],) + ).fetchone()[0] + conn.close() + return {"shared_count": count} + + # ── Notifications ────────────────────────────────────── @app.get("/api/notifications") def get_notifications(user=Depends(get_current_user)): diff --git a/frontend/src/components/LoginModal.vue b/frontend/src/components/LoginModal.vue index 9481c4d..17e6878 100644 --- a/frontend/src/components/LoginModal.vue +++ b/frontend/src/components/LoginModal.vue @@ -51,6 +51,15 @@ + + + + @@ -60,6 +69,7 @@ import { ref } from 'vue' import { useAuthStore } from '../stores/auth' import { useUiStore } from '../stores/ui' +import { api } from '../composables/useApi' const emit = defineEmits(['close']) @@ -73,6 +83,9 @@ const confirmPassword = ref('') const displayName = ref('') const errorMsg = ref('') const loading = ref(false) +const showFeedback = ref(false) +const feedbackText = ref('') +const feedbackLoading = ref(false) async function submit() { errorMsg.value = '' @@ -115,6 +128,26 @@ async function submit() { loading.value = false } } + +async function submitFeedback() { + if (!feedbackText.value.trim()) return + feedbackLoading.value = true + try { + const res = await api('/api/bug-report', { + method: 'POST', + body: JSON.stringify({ content: feedbackText.value.trim(), priority: 0 }), + }) + if (res.ok) { + feedbackText.value = '' + showFeedback.value = false + ui.showToast('反馈已提交，感谢！') + } + } catch { + ui.showToast('提交失败') + } finally { + feedbackLoading.value = false + } +} diff --git a/frontend/src/components/RecipeDetailOverlay.vue b/frontend/src/components/RecipeDetailOverlay.vue index 68ecc11..9bad572 100644 --- a/frontend/src/components/RecipeDetailOverlay.vue +++ b/frontend/src/components/RecipeDetailOverlay.vue @@ -9,7 +9,7 @@ - @@ -359,7 +359,9 @@ import { matchesPinyinInitials } from '../composables/usePinyinMatch' // TagPicker replaced with inline tag editing const props = defineProps({ - recipeIndex: { type: Number, required: true }, + recipeIndex: { type: Number, default: null }, + recipeData: { type: Object, default: null }, + isDiary: { type: Boolean, default: false }, }) const emit = defineEmits(['close']) @@ -386,9 +388,10 @@ const generatingImage = ref(false) const previewOverride = ref(null) // ---- Source recipe ---- -const recipe = computed(() => - recipesStore.recipes[props.recipeIndex] || { name: '', ingredients: [], tags: [], note: '' } -) +const recipe = computed(() => { + if (props.recipeData) return props.recipeData + return recipesStore.recipes[props.recipeIndex] || { name: '', ingredients: [], tags: [], note: '' } +}) // ---- Display recipe: previewOverride when in preview mode, otherwise saved recipe ---- const displayRecipe = computed(() => { @@ -710,22 +713,31 @@ async function saveToDiary() { return } const name = await showPrompt('保存为我的配方，名称：', recipe.value.name) - // null = user cancelled (clicked 取消) if (name === null) return - // empty string = user cleared the name field if (!name.trim()) { ui.showToast('请输入配方名称') return } + const trimmed = name.trim() + const dupDiary = diaryStore.userDiary.some(d => d.name === trimmed) + const dupPublic = recipesStore.recipes.some(r => r.name === trimmed) + if (dupDiary) { + ui.showToast('我的配方中已有同名配方「' + trimmed + '」') + return + } + if (dupPublic) { + ui.showToast('公共配方库中已有同名配方「' + trimmed + '」') + return + } try { const payload = { name: name.trim(), note: recipe.value.note || '', - ingredients: recipe.value.ingredients.map(i => ({ oil_name: i.oil, drops: i.drops })), + ingredients: recipe.value.ingredients.map(i => ({ oil: i.oil, drops: i.drops })), tags: recipe.value.tags || [], + source_recipe_id: recipe.value._id || null, } - console.log('[saveToDiary] saving recipe:', payload) - await recipesStore.saveRecipe(payload) + await diaryStore.createDiary(payload) ui.showToast('已保存！可在「配方查询 → 我的配方」查看') } catch (e) { console.error('[saveToDiary] failed:', e) diff --git a/frontend/src/components/UserMenu.vue b/frontend/src/components/UserMenu.vue index b44b453..a20abdd 100644 --- a/frontend/src/components/UserMenu.vue +++ b/frontend/src/components/UserMenu.vue @@ -30,7 +30,14 @@ class="notif-item" :class="{ unread: !n.is_read }">
{{ n.title }}
- +
+ + + + + + +
{{ n.body }}
{{ formatTime(n.created_at) }}
@@ -108,6 +115,29 @@ async function submitBug() { } } +function isSearchMissing(n) { + return n.title && n.title.includes('用户需求') +} + +function isReviewable(n) { + if (!n.title) return false + return n.title.includes('待审核') || n.title.includes('商业认证') || n.title.includes('申请') +} + +async function markAdded(n) { + await markOneRead(n) +} + +function goReview(n) { + markOneRead(n) + emit('close') + if (n.title.includes('配方')) { + router.push('/manage') + } else if (n.title.includes('商业认证') || n.title.includes('申请')) { + router.push('/users') + } +} + async function markOneRead(n) { try { await api(`/api/notifications/${n.id}/read`, { method: 'POST', body: '{}' }) @@ -209,6 +239,16 @@ onMounted(loadNotifications) font-family: inherit; white-space: nowrap; flex-shrink: 0; } .notif-mark-one:hover { background: #f0faf5; border-color: #7a9e7e; } +.notif-actions { display: flex; gap: 4px; flex-shrink: 0; } +.notif-action-btn { + background: none; border: 1px solid #ccc; border-radius: 6px; + font-size: 11px; cursor: pointer; padding: 2px 8px; + font-family: inherit; white-space: nowrap; +} +.notif-btn-added { color: #4a9d7e; border-color: #7ec6a4; } +.notif-btn-added:hover { background: #e8f5e9; } +.notif-btn-review { color: #e65100; border-color: #ffb74d; } +.notif-btn-review:hover { background: #fff3e0; } .notif-body { color: #888; font-size: 12px; margin-top: 2px; white-space: pre-line; } .notif-time { color: #bbb; font-size: 11px; margin-top: 2px; } .notif-empty { text-align: center; color: #ccc; padding: 16px; font-size: 13px; } diff --git a/frontend/src/views/OilReference.vue b/frontend/src/views/OilReference.vue index e29a476..bd6a961 100644 --- a/frontend/src/views/OilReference.vue +++ b/frontend/src/views/OilReference.vue @@ -260,11 +260,14 @@ -
+

{{ editingOilName }}

- +
+ + +
diff --git a/frontend/src/views/RecipeManager.vue b/frontend/src/views/RecipeManager.vue index 393f557..38b036d 100644 --- a/frontend/src/views/RecipeManager.vue +++ b/frontend/src/views/RecipeManager.vue @@ -24,8 +24,10 @@ />
- - +
+ + +
@@ -45,30 +47,37 @@
-
- 已选 {{ selectedIds.size }} 项 - - - +
+ 已选 {{ selectedIds.size + selectedDiaryIds.size }} 项 + + + + +
-

📖 我的配方 ({{ myRecipes.length }})

+

+ 📖 我的配方 ({{ myRecipes.length }}) + +

+
{{ d.name }} + {{ auth.user?.display_name || auth.user?.username }} {{ t }} @@ -124,20 +133,22 @@
- -
- - -
+ +
@@ -148,14 +159,29 @@
- +
+ +
+
{{ name }}
+
无匹配
+
+
- +
@@ -205,6 +231,7 @@ import { useUiStore } from '../stores/ui' import { api } from '../composables/useApi' import { showConfirm, showPrompt } from '../composables/useDialog' import { parseSingleBlock } from '../composables/useSmartPaste' +import { matchesPinyinInitials } from '../composables/usePinyinMatch' import RecipeCard from '../components/RecipeCard.vue' import TagPicker from '../components/TagPicker.vue' @@ -218,7 +245,7 @@ const manageSearch = ref('') const selectedTags = ref([]) const showTagFilter = ref(false) const selectedIds = reactive(new Set()) -const batchAction = ref('') +const selectedDiaryIds = reactive(new Set()) const showAddOverlay = ref(false) const editingRecipe = ref(null) const showPending = ref(false) @@ -259,7 +286,7 @@ function filterBySearchAndTags(list) { r.tags && selectedTags.value.every(t => r.tags.includes(t)) ) } - return result + return result.slice().sort((a, b) => a.name.localeCompare(b.name, 'zh')) } const myFilteredRecipes = computed(() => filterBySearchAndTags(myRecipes.value)) @@ -276,47 +303,84 @@ function toggleSelect(id) { else selectedIds.add(id) } -function clearSelection() { - selectedIds.clear() - batchAction.value = '' +function toggleDiarySelect(id) { + if (selectedDiaryIds.has(id)) selectedDiaryIds.delete(id) + else selectedDiaryIds.add(id) } -async function executeBatch() { - const ids = [...selectedIds] - if (!ids.length || !batchAction.value) return +function clearSelection() { + selectedIds.clear() + selectedDiaryIds.clear() +} - if (batchAction.value === 'delete') { - const ok = await showConfirm(`确定删除 ${ids.length} 个配方？`) +function toggleSelectAllDiary() { + if (selectedDiaryIds.size === myFilteredRecipes.value.length) { + selectedDiaryIds.clear() + } else { + myFilteredRecipes.value.forEach(d => selectedDiaryIds.add(d.id)) + } +} + +async function executeBatchAction(action) { + const pubIds = [...selectedIds] + const diaryIds = [...selectedDiaryIds] + const totalCount = pubIds.length + diaryIds.length + if (!totalCount) return + + if (action === 'delete') { + const ok = await showConfirm(`确定删除 ${totalCount} 个配方？`) if (!ok) return - for (const id of ids) { + for (const id of pubIds) { await recipeStore.deleteRecipe(id) } - ui.showToast(`已删除 ${ids.length} 个配方`) - } else if (batchAction.value === 'tag') { + for (const id of diaryIds) { + await diaryStore.deleteDiary(id) + } + ui.showToast(`已删除 ${totalCount} 个配方`) + } else if (action === 'tag') { const tagName = await showPrompt('输入要添加的标签:') if (!tagName) return - for (const id of ids) { + for (const id of pubIds) { const recipe = recipeStore.recipes.find(r => r._id === id) if (recipe && !recipe.tags.includes(tagName)) { recipe.tags.push(tagName) await recipeStore.saveRecipe(recipe) } } - ui.showToast(`已为 ${ids.length} 个配方添加标签`) - } else if (batchAction.value === 'share') { - const text = ids.map(id => { - const r = recipeStore.recipes.find(rec => rec._id === id) - if (!r) return '' - const ings = r.ingredients.map(ing => `${ing.oil} ${ing.drops}滴`).join('，') - return `${r.name}：${ings}` - }).filter(Boolean).join('\n\n') - try { - await navigator.clipboard.writeText(text) - ui.showToast('已复制到剪贴板') - } catch { - ui.showToast('复制失败') + for (const id of diaryIds) { + const d = diaryStore.userDiary.find(r => r.id === id) + if (d) { + const tags = [...(d.tags || [])] + if (!tags.includes(tagName)) { + tags.push(tagName) + await diaryStore.updateDiary(id, { ...d, tags }) + } + } } - } else if (batchAction.value === 'export') { + ui.showToast(`已为 ${totalCount} 个配方添加标签`) + } else if (action === 'share_public') { + const ok = await showConfirm(`将 ${diaryIds.length} 个配方分享到公共配方库？`) + if (!ok) return + let count = 0 + for (const id of diaryIds) { + const d = diaryStore.userDiary.find(r => r.id === id) + if (!d) continue + try { + await api('/api/recipes', { + method: 'POST', + body: JSON.stringify({ + name: d.name, + note: d.note || '', + ingredients: (d.ingredients || []).map(i => ({ oil_name: i.oil, drops: i.drops })), + tags: d.tags || [], + }), + }) + count++ + } catch {} + } + await recipeStore.loadRecipes() + ui.showToast(`已提交 ${count} 个配方，等待审核`) + } else if (action === 'export') { ui.showToast('导出卡片功能开发中') } clearSelection() @@ -325,7 +389,7 @@ async function executeBatch() { function editRecipe(recipe) { editingRecipe.value = recipe formName.value = recipe.name - formIngredients.value = recipe.ingredients.map(i => ({ ...i })) + formIngredients.value = recipe.ingredients.map(i => ({ ...i, _search: i.oil, _open: false })) formNote.value = recipe.note || '' formTags.value = [...(recipe.tags || [])] showAddOverlay.value = true @@ -339,7 +403,7 @@ function closeOverlay() { function resetForm() { formName.value = '' - formIngredients.value = [{ oil: '', drops: 1 }] + formIngredients.value = [{ oil: '', drops: 1, _search: '', _open: false }] formNote.value = '' formTags.value = [] smartPasteText.value = '' @@ -356,6 +420,28 @@ function handleSmartPaste() { } } +function filteredOilNames(search) { + if (!search) return oils.oilNames + const q = search.toLowerCase() + return oils.oilNames.filter(name => + name.toLowerCase().includes(q) || matchesPinyinInitials(name, q) + ) +} + +function selectOil(ing, name) { + ing.oil = name + ing._search = name + ing._open = false +} + +function onOilBlur(ing) { + setTimeout(() => { + ing._open = false + if (!ing.oil) ing._search = '' + else ing._search = ing.oil + }, 150) +} + function toggleFormTag(tag) { const idx = formTags.value.indexOf(tag) if (idx >= 0) formTags.value.splice(idx, 1) @@ -380,6 +466,18 @@ async function saveCurrentRecipe() { tags: formTags.value, } + if (editingRecipe.value && editingRecipe.value._diary_id) { + // Editing a diary (personal) recipe + try { + await diaryStore.updateDiary(editingRecipe.value._diary_id, payload) + ui.showToast('个人配方已更新') + closeOverlay() + } catch (e) { + ui.showToast('保存失败: ' + (e.message || '未知错误')) + } + return + } + if (editingRecipe.value) { payload._id = editingRecipe.value._id payload._version = editingRecipe.value._version @@ -402,9 +500,12 @@ onMounted(async () => { }) function editDiaryRecipe(diary) { - // For now, navigate to MyDiary page to edit - // TODO: inline editing - ui.showToast('请到「我的」页面编辑个人配方') + editingRecipe.value = { _diary_id: diary.id, name: diary.name } + formName.value = diary.name + formIngredients.value = (diary.ingredients || []).map(i => ({ ...i, _search: i.oil, _open: false })) + formNote.value = diary.note || '' + formTags.value = [...(diary.tags || [])] + showAddOverlay.value = true } async function removeDiaryRecipe(diary) { @@ -882,6 +983,44 @@ watch(() => recipeStore.recipes, () => { text-align: center; } +.oil-search-wrap { + flex: 1; + position: relative; +} + +.oil-dropdown { + position: absolute; + top: 100%; + left: 0; + right: 0; + background: #fff; + border: 1.5px solid #d4cfc7; + border-radius: 8px; + max-height: 180px; + overflow-y: auto; + z-index: 10; + box-shadow: 0 4px 12px rgba(0,0,0,0.1); +} + +.oil-option { + padding: 8px 12px; + font-size: 13px; + cursor: pointer; +} + +.oil-option:hover { + background: #e8f5e9; +} + +.oil-empty { + color: #999; + cursor: default; +} + +.oil-empty:hover { + background: transparent; +} + .btn-icon-sm { border: none; background: transparent; @@ -938,6 +1077,32 @@ watch(() => recipeStore.recipes, () => { background: #f8f7f5; } +.toolbar-actions { + display: flex; + gap: 8px; +} + +.btn-sm { + padding: 7px 14px; + font-size: 13px; +} + +.btn-danger-outline { + background: #fff; + color: #c0392b; + border: 1.5px solid #e8b4b0; + border-radius: 10px; + padding: 7px 14px; + font-size: 13px; + cursor: pointer; + font-family: inherit; + white-space: nowrap; +} + +.btn-danger-outline:hover { + background: #fdf0ee; +} + .btn-sm { padding: 6px 14px; font-size: 12px; diff --git a/frontend/src/views/RecipeSearch.vue b/frontend/src/views/RecipeSearch.vue index 3048915..7c80905 100644 --- a/frontend/src/views/RecipeSearch.vue +++ b/frontend/src/views/RecipeSearch.vue @@ -49,57 +49,91 @@
+ -
- ⭐ 收藏配方 ({{ favoritesPreview.length }}) - {{ showFavorites ? '▾' : '▸' }} -
-
- -
暂无收藏配方
-
+
-
🔍 公共配方搜索结果 ({{ fuzzyResults.length }})
-
- -
未找到匹配的公共配方
+ + + + + + + +
+
未找到「{{ searchQuery }}」相关配方
+
+ + +
+ +
已通知编辑，感谢反馈！
@@ -121,9 +155,11 @@
@@ -152,9 +188,11 @@ const searchQuery = ref('') const selectedCategory = ref(null) const categories = ref([]) const selectedRecipeIndex = ref(null) +const selectedDiaryRecipe = ref(null) const showMyRecipes = ref(true) const showFavorites = ref(true) const catIdx = ref(0) +const sharedCount = ref(0) onMounted(async () => { try { @@ -164,9 +202,16 @@ onMounted(async () => { } } catch {} - // Load personal diary recipes + // Load personal diary recipes & contribution stats if (auth.isLoggedIn) { await diaryStore.loadDiary() + try { + const cRes = await api('/api/me/contribution') + if (cRes.ok) { + const data = await cRes.json() + sharedCount.value = data.shared_count || 0 + } + } catch {} } // Return to a recipe card after QR upload redirect @@ -206,21 +251,107 @@ const filteredRecipes = computed(() => { if (selectedCategory.value) { list = list.filter(r => r.tags && r.tags.includes(selectedCategory.value)) } - return list + return list.slice().sort((a, b) => a.name.localeCompare(b.name, 'zh')) }) -// Search results from public recipes -const fuzzyResults = computed(() => { +// Synonym groups for broader fuzzy matching +const synonymGroups = [ + ['胸', '乳腺', '乳房', '丰胸', '胸部'], + ['瘦', '减肥', '减脂', '消脂', '纤体', '塑形', '体重'], + ['痘', '痤疮', '粉刺', '暗疮', '长痘', '祛痘'], + ['斑', '色斑', '淡斑', '雀斑', '黑色素', '美白', '亮肤'], + ['皱', '抗皱', '皱纹', '紧致', '抗衰', '抗老'], + ['睡', '眠', '失眠', '助眠', '安眠', '好眠', '入睡'], + ['焦虑', '紧张', '压力', '情绪', '放松', '舒缓', '安神', '宁神'], + ['头', '头痛', '头疼', '偏头痛', '头晕'], + ['咳', '咳嗽', '止咳', '清咽'], + ['鼻', '鼻炎', '鼻塞', '过敏性鼻炎', '打喷嚏'], + ['感冒', '发烧', '发热', '流感', '风寒', '风热'], + ['胃', '消化', '肠胃', '胃痛', '胃胀', '积食', '便秘'], + ['肝', '护肝', '养肝', '肝脏', '排毒'], + ['肾', '补肾', '养肾', '肾虚'], + ['腰', '腰痛', '腰酸', '腰椎'], + ['肩', '肩颈', '颈椎', '肩周'], + ['关节', '骨骼', '骨质', '风湿', '类风湿'], + ['肌肉', '酸痛', '疼痛', '拉伤'], + ['月经', '痛经', '经期', '姨妈', '生理期', '调经'], + ['子宫', '卵巢', '生殖', '备孕', '怀孕', '孕'], + ['前列腺', '男性', '阳'], + ['湿', '祛湿', '排湿', '湿气', '化湿'], + ['免疫', '免疫力', '抵抗力'], + ['脱发', '掉发', '生发', '头发', '发际线', '秃'], + ['过敏', '敏感', '荨麻疹', '湿疹', '皮炎'], + ['血压', '高血压', '低血压', '血管', '循环'], + ['血糖', '糖尿病', '降糖'], + ['淋巴', '排毒', '水肿', '浮肿'], + ['呼吸', '肺', '支气管', '哮喘', '气管'], + ['眼', '眼睛', '视力', '近视', '干眼'], + ['耳', '耳鸣', '中耳炎', '耳朵'], + ['口', '口腔', '口臭', '牙', '牙龈', '牙疼'], + ['皮肤', '护肤', '保湿', '修复', '焕肤'], + ['疤', '疤痕', '伤疤', '妊娠纹'], + ['心', '心脏', '心悸', '养心'], + ['甲状腺', '甲亢', '甲减'], + ['高', '长高', '增高', '个子'], + ['静脉', '静脉曲张'], + ['痔', '痔疮'], +] + +function expandQuery(q) { + const terms = [q] + for (const group of synonymGroups) { + if (group.some(t => q.includes(t) || t.includes(q))) { + for (const t of group) { + if (!terms.includes(t)) terms.push(t) + } + } + } + return terms +} + +// Search results: exact matches (query in recipe name or tags, NOT oil names to avoid noise like 西班牙牛至) +const exactResults = computed(() => { if (!searchQuery.value.trim()) return [] const q = searchQuery.value.trim().toLowerCase() return recipeStore.recipes.filter(r => { const nameMatch = r.name.toLowerCase().includes(q) - const oilMatch = r.ingredients.some(ing => ing.oil.toLowerCase().includes(q)) const tagMatch = r.tags && r.tags.some(t => t.toLowerCase().includes(q)) - return nameMatch || oilMatch || tagMatch - }) + return nameMatch || tagMatch + }).sort((a, b) => a.name.localeCompare(b.name, 'zh')) }) +// Similar results: synonym expansion, only match against recipe NAME (not ingredients/tags) +// Filter out single-char expanded terms to avoid overly broad matches +const similarResults = computed(() => { + if (!searchQuery.value.trim()) return [] + const q = searchQuery.value.trim() + const exactIds = new Set(exactResults.value.map(r => r._id)) + const terms = expandQuery(q).filter(t => t.length >= 2 || t === q) + + return recipeStore.recipes.filter(r => { + if (exactIds.has(r._id)) return false + const name = r.name + // Match by expanded synonyms (name only, not ingredients) + if (terms.some(t => name.includes(t))) return true + return false + }).sort((a, b) => a.name.localeCompare(b.name, 'zh')).slice(0, 30) +}) + +const reportedMissing = ref(false) + +async function reportMissing() { + try { + await api('/api/symptom-search', { + method: 'POST', + body: JSON.stringify({ query: searchQuery.value.trim(), report_missing: true }), + }) + reportedMissing.value = true + ui.showToast('已通知编辑，感谢反馈！') + } catch { + ui.showToast('通知失败') + } +} + // Personal recipes from diary (separate from public recipes) const myDiaryRecipes = computed(() => { if (!auth.isLoggedIn) return [] @@ -260,27 +391,24 @@ function openDetail(index) { } } -function openDiaryDetail(diary) { - // Create a temporary recipe-like object from diary and open it - const tmpRecipe = { - _id: null, - _diary_id: diary.id, - name: diary.name, - note: diary.note || '', - tags: diary.tags || [], - ingredients: diary.ingredients || [], - _owner_id: auth.user.id, +function getDiaryShareStatus(d) { + const pub = recipeStore.recipes.find(r => r.name === d.name && r._owner_id === auth.user?.id) + if (pub) return 'shared' + return null +} + +function diaryAsRecipe(d) { + return { + _id: 'diary-' + d.id, + name: d.name, + note: d.note || '', + tags: d.tags || [], + ingredients: d.ingredients || [], } - recipeStore.recipes.push(tmpRecipe) - const tmpIdx = recipeStore.recipes.length - 1 - selectedRecipeIndex.value = tmpIdx - // Clean up temp recipe when detail closes - const unwatch = watch(selectedRecipeIndex, (val) => { - if (val === null) { - recipeStore.recipes.splice(tmpIdx, 1) - unwatch() - } - }) +} + +function openDiaryDetail(diary) { + selectedDiaryRecipe.value = diaryAsRecipe(diary) } async function handleToggleFav(recipe) { @@ -317,12 +445,13 @@ async function shareDiaryToPublic(diary) { } function onSearch() { - // fuzzyResults computed handles the filtering reactively + reportedMissing.value = false } function clearSearch() { searchQuery.value = '' selectedCategory.value = null + reportedMissing.value = false } // Carousel swipe @@ -535,6 +664,40 @@ function onCarouselTouchEnd(e) { color: #999; } +.diary-card-wrap { + position: relative; +} + +.share-status { + position: absolute; + top: 8px; + right: 8px; + font-size: 10px; + padding: 2px 8px; + border-radius: 8px; + font-weight: 600; +} + +.share-status.shared { + background: #e8f5e9; + color: #2e7d32; +} + +.share-status.pending { + background: #fff3e0; + color: #e65100; +} + +.contrib-badge { + font-size: 11px; + color: #4a9d7e; + background: #e8f5e9; + padding: 2px 8px; + border-radius: 8px; + font-weight: 500; + margin-left: auto; +} + .section-label { font-size: 14px; font-weight: 600; @@ -562,6 +725,40 @@ function onCarouselTouchEnd(e) { padding: 24px 0; } +.similar-label { + color: #e65100; + background: #fff8e1; + padding: 8px 14px; + border-radius: 10px; +} + +.no-match-box { + text-align: center; + padding: 12px 0; +} + +.btn-report-missing { + background: linear-gradient(135deg, #ffb74d, #e65100); + color: #fff; + border: none; + border-radius: 10px; + padding: 10px 20px; + font-size: 14px; + cursor: pointer; + font-family: inherit; + margin-top: 8px; +} + +.btn-report-missing:hover { + opacity: 0.9; +} + +.reported-hint { + color: #4a9d7e; + font-size: 13px; + font-weight: 500; +} + .diary-card { background: white; border-radius: 14px;