From 0f7ae6ecc7632ee2dd0460b75ea71cdc839f83be Mon Sep 17 00:00:00 2001
From: Hera Zhao <hera@euphon.net>
Date: Sun, 12 Apr 2026 10:20:45 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20=E7=AE=A1=E7=90=86=E9=85=8D=E6=96=B9tab?=
 =?UTF-8?q?=E6=89=80=E6=9C=89=E4=BA=BA=E5=8F=AF=E8=A7=81=EF=BC=8C=E6=9C=AA?=
 =?UTF-8?q?=E7=99=BB=E5=BD=95=E6=97=B6=E6=98=BE=E7=A4=BA=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E5=BC=95=E5=AF=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

撤回之前的editor-only限制，改为tab可见但页面内容需登录。

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/App.vue                 |  2 +-
 frontend/src/views/RecipeManager.vue | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 26084ff..c90807f 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -78,7 +78,7 @@ const navTabsRef = ref(null)
 // hide: 完全隐藏（只有满足条件才显示）
 const allTabs = [
   { key: 'search',    icon: '🔍', label: '配方查询' },
-  { key: 'manage',    icon: '📋', label: '管理配方',  hide: 'editor' },
+  { key: 'manage',    icon: '📋', label: '管理配方',  require: 'login' },
   { key: 'inventory', icon: '📦', label: '个人库存',  require: 'login' },
   { key: 'oils',      icon: '💧', label: '精油价目' },
   { key: 'projects',  icon: '💼', label: '商业核算',  require: 'login' },
diff --git a/frontend/src/views/RecipeManager.vue b/frontend/src/views/RecipeManager.vue
index 5643515..1057e8e 100644
--- a/frontend/src/views/RecipeManager.vue
+++ b/frontend/src/views/RecipeManager.vue
@@ -1,5 +1,11 @@
 <template>
   <div class="recipe-manager">
+    <!-- Login prompt for non-logged-in users -->
+    <div v-if="!auth.isLoggedIn" class="login-prompt">
+      <p>登录后可管理配方、创建个人配方集</p>
+      <button class="btn-primary" @click="ui.openLogin()">登录 / 注册</button>
+    </div>
+    <template v-else>
     <!-- Review Bar (admin + senior_editor with assigned reviews) -->
     <div v-if="(auth.isAdmin || auth.canManage) && pendingCount > 0" class="review-bar" @click="showPending = !showPending" >
       📝 待审核配方: {{ pendingCount }} 条
@@ -388,6 +394,7 @@
       @save="onTagPickerSave"
       @close="showTagPicker = false"
     />
+    </template>
   </div>
 </template>
 
@@ -1672,6 +1679,11 @@ watch(() => recipeStore.recipes, () => {
   padding: 0 12px 24px;
 }
 
+.login-prompt {
+  text-align: center; padding: 60px 20px; color: #6b6375;
+}
+.login-prompt p { margin-bottom: 16px; font-size: 15px; }
+
 .review-bar {
   background: linear-gradient(135deg, #fff3e0, #ffe0b2);
   padding: 12px 16px;