From 9635cfe8ef8c8232a401ec2d951398af2745a85a Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Fri, 10 Apr 2026 22:03:29 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=80=89=E6=8B=A9=E5=AE=B9=E9=87=8F?=
 =?UTF-8?q?=E6=97=B6=E8=87=AA=E5=8A=A8=E6=98=BE=E7=A4=BA=E6=A4=B0=E5=AD=90?=
 =?UTF-8?q?=E6=B2=B9=E8=A1=8C=20+=20=E6=94=B6=E5=9B=9E=E6=A0=87=E7=AD=BE?=
 =?UTF-8?q?=E6=B8=85=E9=99=A4=E7=AD=9B=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 选容量后椰子油行自动出现（单次默认10滴，其他默认填满）
- 收回标签栏时清除所有标签筛选

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

diff --git a/frontend/src/views/RecipeManager.vue b/frontend/src/views/RecipeManager.vue
index bc784bc..d28c917 100644
--- a/frontend/src/views/RecipeManager.vue
+++ b/frontend/src/views/RecipeManager.vue
@@ -42,7 +42,7 @@
       <button class="action-chip" :class="{ active: isAllSelected }" @click="toggleSelectAll">
         全选<span v-if="totalSelected > 0" class="chip-count">{{ totalSelected }}</span>
       </button>
-      <button class="action-chip" :class="{ active: showTagFilter }" @click="showTagFilter = !showTagFilter">标签</button>
+      <button class="action-chip" :class="{ active: showTagFilter }" @click="toggleTagFilter">标签</button>
       <button v-if="totalSelected > 0" class="action-chip" :class="{ active: showBatchMenu }" @click="showBatchMenu = !showBatchMenu">批量</button>
       <button v-if="totalSelected > 0" class="action-chip cancel" @click="clearSelection">取消</button>
       <button v-if="auth.isAdmin" class="export-btn" @click="exportExcel" title="导出Excel">📥</button>
@@ -443,7 +443,13 @@ const formCustomVolume = ref(null)
 const formCustomUnit = ref('drops')
 const formDilution = ref(6)
 
-const formCocoRow = ref({ oil: '椰子油', drops: 10, _search: '椰子油', _open: false })
+const formCocoRow = ref(null)
+
+watch(() => formVolume.value, (vol) => {
+  if (vol && !formCocoRow.value) {
+    formCocoRow.value = { oil: '椰子油', drops: vol === 'single' ? 10 : 0, _search: '椰子油', _open: false }
+  }
+})
 
 // EO ingredients (everything except coconut)
 const formEoIngredients = computed(() =>
@@ -562,6 +568,15 @@ async function deleteGlobalTag(tag) {
   }
 }
 
+function toggleTagFilter() {
+  if (showTagFilter.value) {
+    showTagFilter.value = false
+    selectedTags.value = []
+  } else {
+    showTagFilter.value = true
+  }
+}
+
 function toggleTag(tag) {
   const idx = selectedTags.value.indexOf(tag)
   if (idx >= 0) selectedTags.value.splice(idx, 1)