From 0dfef3ab16e6e9795daee47b2ad52cd4778137e1 Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Fri, 10 Apr 2026 21:13:20 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=B7=B2=E5=AE=A1=E6=A0=B8=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E5=AF=B9viewer=E5=AE=8C=E5=85=A8=E4=B8=8D=E5=8F=AF?=
 =?UTF-8?q?=E8=A7=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- EDITOR_ONLY_TAGS常量从recipes store导出，统一引用
- RecipeCard: viewer不显示已审核标签
- RecipeSearch: viewer搜索不匹配已审核标签
- RecipeManager: 标签筛选栏、配方行标签对viewer隐藏
- 所有标签按字母排序（已有）

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/RecipeCard.vue |  4 +---
 frontend/src/stores/recipes.js         |  2 ++
 frontend/src/views/RecipeManager.vue   | 13 +++++++++----
 frontend/src/views/RecipeSearch.vue    |  5 +++--
 4 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/RecipeCard.vue b/frontend/src/components/RecipeCard.vue
index b2184b0..3e8b1de 100644
--- a/frontend/src/components/RecipeCard.vue
+++ b/frontend/src/components/RecipeCard.vue
@@ -20,11 +20,9 @@
 <script setup>
 import { computed } from 'vue'
 import { useOilsStore } from '../stores/oils'
-import { useRecipesStore } from '../stores/recipes'
+import { useRecipesStore, EDITOR_ONLY_TAGS } from '../stores/recipes'
 import { useAuthStore } from '../stores/auth'
 
-const EDITOR_ONLY_TAGS = ['已审核']
-
 const props = defineProps({
   recipe: { type: Object, required: true },
   index: { type: Number, required: true },
diff --git a/frontend/src/stores/recipes.js b/frontend/src/stores/recipes.js
index c8f8291..8e6f736 100644
--- a/frontend/src/stores/recipes.js
+++ b/frontend/src/stores/recipes.js
@@ -2,6 +2,8 @@ import { defineStore } from 'pinia'
 import { ref } from 'vue'
 import { api } from '../composables/useApi'
 
+export const EDITOR_ONLY_TAGS = ['已审核']
+
 export const useRecipesStore = defineStore('recipes', () => {
   const recipes = ref([])
   const allTags = ref([])
diff --git a/frontend/src/views/RecipeManager.vue b/frontend/src/views/RecipeManager.vue
index 3a87d66..531c098 100644
--- a/frontend/src/views/RecipeManager.vue
+++ b/frontend/src/views/RecipeManager.vue
@@ -49,7 +49,7 @@
     </div>
     <div v-if="showTagFilter" class="tag-list-bar">
       <span
-        v-for="tag in recipeStore.allTags"
+        v-for="tag in visibleAllTags"
         :key="tag"
         class="tag-chip"
         :class="{ active: selectedTags.includes(tag) }"
@@ -126,7 +126,7 @@
           <div class="row-info" @click="editDiaryRecipe(d)">
             <span class="row-name">{{ d.name }}</span>
             <span class="row-tags">
-              <span v-for="t in (d.tags || [])" :key="t" class="mini-tag">{{ t }}</span>
+              <span v-for="t in (d.tags || []).filter(t => auth.canEdit || !EDITOR_ONLY_TAGS.includes(t))" :key="t" class="mini-tag">{{ t }}</span>
             </span>
             <span class="row-cost">{{ oils.fmtPrice(oils.calcCost(d.ingredients || [])) }}</span>
             <span v-if="getDiaryShareStatus(d) === 'shared'" class="share-tag shared">已共享</span>
@@ -165,7 +165,7 @@
           <div class="row-info" @click="editRecipe(r)">
             <span class="row-name">{{ r.name }}</span>
             <span class="row-tags">
-              <span v-for="t in r.tags" :key="t" class="mini-tag">{{ t }}</span>
+              <span v-for="t in (r.tags || []).filter(t => auth.canEdit || !EDITOR_ONLY_TAGS.includes(t))" :key="t" class="mini-tag">{{ t }}</span>
             </span>
             <span class="row-cost">{{ oils.fmtPrice(oils.calcCost(r.ingredients)) }}</span>
           </div>
@@ -397,7 +397,7 @@
 import { ref, computed, reactive, onMounted, watch } from 'vue'
 import { useAuthStore } from '../stores/auth'
 import { useOilsStore } from '../stores/oils'
-import { useRecipesStore } from '../stores/recipes'
+import { useRecipesStore, EDITOR_ONLY_TAGS } from '../stores/recipes'
 import { useDiaryStore } from '../stores/diary'
 import { useUiStore } from '../stores/ui'
 import { api } from '../composables/useApi'
@@ -1128,6 +1128,11 @@ async function loadContribution() {
 const previewRecipeIndex = ref(null)
 const previewRecipeData = ref(null)
 const showBatchMenu = ref(false)
+const visibleAllTags = computed(() => {
+  const tags = recipeStore.allTags
+  if (auth.canEdit) return tags
+  return tags.filter(t => !EDITOR_ONLY_TAGS.includes(t))
+})
 const showBatchTagPicker = ref(false)
 const batchTagsSelected = ref([])
 const batchNewTag = ref('')
diff --git a/frontend/src/views/RecipeSearch.vue b/frontend/src/views/RecipeSearch.vue
index 1788cfb..6f142f2 100644
--- a/frontend/src/views/RecipeSearch.vue
+++ b/frontend/src/views/RecipeSearch.vue
@@ -169,7 +169,7 @@ import { ref, computed, onMounted, nextTick, watch } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 import { useAuthStore } from '../stores/auth'
 import { useOilsStore } from '../stores/oils'
-import { useRecipesStore } from '../stores/recipes'
+import { useRecipesStore, EDITOR_ONLY_TAGS } from '../stores/recipes'
 import { useDiaryStore } from '../stores/diary'
 import { useUiStore } from '../stores/ui'
 import { api } from '../composables/useApi'
@@ -315,7 +315,8 @@ const exactResults = computed(() => {
   const q = searchQuery.value.trim().toLowerCase()
   return recipeStore.recipes.filter(r => {
     const nameMatch = r.name.toLowerCase().includes(q)
-    const tagMatch = r.tags && r.tags.some(t => t.toLowerCase().includes(q))
+    const visibleTags = auth.canEdit ? (r.tags || []) : (r.tags || []).filter(t => !EDITOR_ONLY_TAGS.includes(t))
+    const tagMatch = visibleTags.some(t => t.toLowerCase().includes(q))
     return nameMatch || tagMatch
   }).sort((a, b) => a.name.localeCompare(b.name, 'zh'))
 })