UI: 添加精油直接加空行,去掉确认取消按钮
All checks were successful
Deploy Production / test (push) Successful in 5s
Deploy Production / deploy (push) Successful in 6s
Test / unit-test (push) Successful in 4s
PR Preview / teardown-preview (pull_request) Has been skipped
Test / build-check (push) Successful in 4s
Test / e2e-test (push) Successful in 55s
PR Preview / test (pull_request) Successful in 4s
PR Preview / deploy-preview (pull_request) Successful in 9s

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit was merged in pull request #19.
This commit is contained in:
2026-04-10 09:30:16 +00:00
parent c63091b504
commit ad95ba7d1f

View File

@@ -245,30 +245,7 @@
</table> </table>
<!-- Add ingredient row --> <!-- Add ingredient row -->
<div v-if="showAddIngRow" class="add-ingredient-row"> <button class="add-row-btn" @click="formIngredients.push({ oil: '', drops: 1, _search: '', _open: false })">+ 添加精油</button>
<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>
</div> </div>
<!-- Volume & Dilution --> <!-- Volume & Dilution -->