feat: header重排、共享配方、待审核、权限优化
Some checks failed
Test / unit-test (push) Successful in 5s
Test / build-check (push) Successful in 4s
PR Preview / teardown-preview (pull_request) Has been skipped
Test / e2e-test (push) Failing after 54s
PR Preview / test (pull_request) Successful in 5s
PR Preview / deploy-preview (pull_request) Successful in 15s

Header:
- 登录按钮固定右侧,flex布局自适应所有屏幕
- 登录后不显示版本号,用户名在右侧
- 商业认证用户显示🏢标识
- 手机端响应式适配

配方共享:
- 个人配方卡片加📤共享按钮
- 提交到公共库,非管理员需审核

管理配方:
- 待审核栏从recipes动态计算(不依赖不存在的API)
- 采纳用/adopt端点,拒绝=确认删除
- senior_editor可编辑精油和公共配方

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-09 08:24:28 +00:00
parent 3d95db6cae
commit 3a65cb7209
4 changed files with 133 additions and 51 deletions

View File

@@ -64,6 +64,7 @@
<div class="card-oils">{{ (d.ingredients || []).map(i => i.oil).join('、') }}</div>
<div class="card-bottom">
<span class="card-price">{{ oils.fmtPrice(oils.calcCost(d.ingredients || [])) }}</span>
<button class="share-btn" @click.stop="shareDiaryToPublic(d)" title="共享到公共配方库">📤</button>
</div>
</div>
<div v-if="myDiaryRecipes.length === 0" class="empty-hint">暂无个人配方</div>
@@ -282,6 +283,31 @@ async function handleToggleFav(recipe) {
await recipeStore.toggleFavorite(recipe._id)
}
async function shareDiaryToPublic(diary) {
const { showConfirm } = await import('../composables/useDialog')
const ok = await showConfirm(`将「${diary.name}」共享到公共配方库?\n共享后所有用户都能看到。`)
if (!ok) return
try {
await api('/api/recipes', {
method: 'POST',
body: JSON.stringify({
name: diary.name,
note: diary.note || '',
ingredients: (diary.ingredients || []).map(i => ({ oil_name: i.oil, drops: i.drops })),
tags: diary.tags || [],
}),
})
if (auth.isAdmin) {
ui.showToast('已共享到公共配方库')
} else {
ui.showToast('已提交,等待管理员审核')
}
await recipeStore.loadRecipes()
} catch {
ui.showToast('共享失败')
}
}
function onSearch() {
// fuzzyResults computed handles the filtering reactively
}
@@ -553,6 +579,18 @@ function clearSearch() {
color: var(--sage-dark, #5a7d5e);
}
.share-btn {
background: none;
border: none;
cursor: pointer;
font-size: 16px;
padding: 2px 4px;
border-radius: 6px;
opacity: 0.5;
transition: opacity 0.2s;
}
.share-btn:hover { opacity: 1; }
@media (max-width: 600px) {
.recipe-grid {
grid-template-columns: 1fr;