frontend/src/views/RecipeManager.vue

@@ -245,30 +245,7 @@
           </table>
 
           <!-- Add ingredient row -->
-          <div v-if="showAddIngRow" class="add-ingredient-row">
-            <div class="oil-search-wrap" style="flex:1">
-              <input
-                v-model="newIngSearch"
-                class="editor-input"
-                placeholder="搜索精油名称..."
-                @focus="newIngDropdownOpen = true"
-                @input="newIngDropdownOpen = true"
-                @blur="setTimeout(() => newIngDropdownOpen = false, 150)"
-              />
-              <div v-if="newIngDropdownOpen && filteredOilNames(newIngSearch).length" class="oil-dropdown">
-                <div
-                  v-for="name in filteredOilNames(newIngSearch)"
-                  :key="name"
-                  class="oil-option"
-                  @mousedown.prevent="newIngOil = name; newIngSearch = name; newIngDropdownOpen = false"
-                >{{ name }}</div>
-              </div>
-            </div>
-            <input v-model.number="newIngDrops" type="number" placeholder="滴数" min="0.5" step="0.5" class="editor-drops" />
-            <button class="action-btn action-btn-primary action-btn-sm" @click="confirmAddIng">确认</button>
-            <button class="action-btn action-btn-sm" @click="showAddIngRow = false">取消</button>
-          </div>
-          <button v-else class="add-row-btn" @click="showAddIngRow = true">+ 添加精油</button>
+          <button class="add-row-btn" @click="formIngredients.push({ oil: '', drops: 1, _search: '', _open: false })">+ 添加精油</button>
         </div>
 
         <!-- Volume & Dilution -->