feat: 购油方案 — 会员请求+老师定制+购油清单

后端:
- oil_plans/oil_plan_recipes 表
- 7个API: teachers列表、方案CRUD、配方增删、购油清单计算
- 购油清单自动算月消耗、瓶数、费用，交叉比对库存

前端:
- 会员端(库存页): 请求方案→选老师→描述需求；查看购油清单
- 老师端(用户管理): 接收请求→选配方+频率→激活方案
- plans store 管理状态

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/src/views/UserManagement.vue

@@ -105,6 +105,7 @@
           </select>
           <button v-if="!u.business_verified" class="btn-sm btn-outline" @click="grantBusiness(u)" title="开通商业认证">💼</button>
           <button v-else class="btn-sm btn-outline" @click="revokeBusiness(u)" title="撤销商业认证" style="opacity:0.5">💼✕</button>
+          <button class="btn-sm btn-outline" @click="openPlanEditor(u)" title="定制方案">📋</button>
           <button class="btn-sm btn-delete" @click="removeUser(u)" title="删除用户">🗑️</button>
         </div>
       </div>
@@ -113,6 +114,63 @@
 
     <div class="user-count">共 {{ users.length }} 个用户</div>
 
+    <!-- Pending Plan Requests -->
+    <div v-if="pendingPlanRequests.length" class="review-section">
+      <h4 class="section-title">📋 方案请求</h4>
+      <div class="review-list">
+        <div v-for="p in pendingPlanRequests" :key="p.id" class="review-item">
+          <div class="review-info">
+            <span class="review-name">{{ p.user_name || p.username || '用户' }}</span>
+            <span class="review-reason">{{ p.health_desc }}</span>
+          </div>
+          <div class="review-actions">
+            <button class="btn-sm btn-approve" @click="openPlanEditorForRequest(p)">制定方案</button>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Plan Editor Modal -->
+    <div v-if="planEditing" class="overlay" @mousedown.self="planEditing = null">
+      <div class="overlay-panel" style="max-width:500px">
+        <div class="overlay-header">
+          <h3>{{ planEditing.user_name || '用户' }} 的方案</h3>
+          <button class="btn-close" @click="planEditing = null">✕</button>
+        </div>
+        <div style="padding:16px">
+          <div v-if="planEditing.health_desc" class="plan-health-desc">
+            <strong>健康需求：</strong>{{ planEditing.health_desc }}
+          </div>
+          <label class="form-label">方案标题</label>
+          <input v-model="planTitle" class="form-input" placeholder="例如：家庭日常保健方案" />
+
+          <label class="form-label" style="margin-top:12px">配方列表</label>
+          <div v-for="(pr, i) in planRecipes" :key="i" class="plan-recipe-row">
+            <span class="plan-recipe-name">{{ pr.recipe_name }}</span>
+            <input v-model.number="pr.times_per_month" type="number" min="1" class="plan-freq-input" />
+            <span class="plan-freq-label">次/月</span>
+            <button class="btn-icon-sm" @click="planRecipes.splice(i, 1)">✕</button>
+          </div>
+
+          <!-- Add recipe from public library -->
+          <div class="plan-add-recipe">
+            <input v-model="planRecipeSearch" class="form-input" placeholder="搜索配方添加..." />
+            <div v-if="planRecipeSearch && planSearchResults.length" class="plan-search-results">
+              <div v-for="r in planSearchResults" :key="r._id" class="plan-search-item" @click="addRecipeToPlan(r)">
+                {{ r.name }}
+              </div>
+            </div>
+          </div>
+
+          <div style="display:flex;gap:8px;margin-top:16px">
+            <button class="btn-primary" style="flex:1" @click="savePlan" :disabled="planRecipes.length === 0">
+              {{ planEditing.id ? '保存并激活' : '创建并激活' }}
+            </button>
+          </div>
+        </div>
+      </div>
+    </div>
+
     <!-- Full-size document preview -->
     <div v-if="showDocFull" class="doc-overlay" @click="showDocFull = null">
       <img :src="showDocFull" class="doc-full-img" />
@@ -124,11 +182,15 @@
 import { ref, computed, onMounted } from 'vue'
 import { useAuthStore } from '../stores/auth'
 import { useUiStore } from '../stores/ui'
+import { useRecipesStore } from '../stores/recipes'
+import { usePlansStore } from '../stores/plans'
 import { api } from '../composables/useApi'
 import { showConfirm, showPrompt } from '../composables/useDialog'
 
 const auth = useAuthStore()
 const ui = useUiStore()
+const recipeStore = useRecipesStore()
+const plansStore = usePlansStore()
 
 const users = ref([])
 const searchQuery = ref('')
@@ -343,10 +405,109 @@ async function rejectBusiness(app) {
   }
 }
 
+// Plan management
+const planEditing = ref(null)
+const planTitle = ref('')
+const planRecipes = ref([])
+const planRecipeSearch = ref('')
+
+const pendingPlanRequests = computed(() =>
+  plansStore.plans.filter(p => p.status === 'pending')
+)
+
+const planSearchResults = computed(() => {
+  if (!planRecipeSearch.value.trim()) return []
+  const q = planRecipeSearch.value.trim().toLowerCase()
+  const existing = new Set(planRecipes.value.map(r => r.recipe_name))
+  return recipeStore.recipes
+    .filter(r => r.name.toLowerCase().includes(q) && !existing.has(r.name))
+    .slice(0, 10)
+})
+
+function openPlanEditor(user) {
+  const existing = plansStore.plans.find(p => p.user_id === (user._id || user.id) && p.status !== 'archived')
+  if (existing) {
+    planEditing.value = { ...existing, user_name: user.display_name || user.username }
+    planTitle.value = existing.title || ''
+    planRecipes.value = (existing.recipes || []).map(r => ({ ...r }))
+  } else {
+    planEditing.value = { user_id: user._id || user.id, user_name: user.display_name || user.username, health_desc: '' }
+    planTitle.value = ''
+    planRecipes.value = []
+  }
+  planRecipeSearch.value = ''
+}
+
+function openPlanEditorForRequest(plan) {
+  planEditing.value = { ...plan }
+  planTitle.value = plan.title || ''
+  planRecipes.value = (plan.recipes || []).map(r => ({ ...r }))
+  planRecipeSearch.value = ''
+}
+
+function addRecipeToPlan(recipe) {
+  planRecipes.value.push({
+    recipe_name: recipe.name,
+    ingredients: recipe.ingredients.map(i => ({ oil_name: i.oil, drops: i.drops })),
+    times_per_month: 30,
+  })
+  planRecipeSearch.value = ''
+}
+
+async function savePlan() {
+  try {
+    let planId = planEditing.value.id
+    if (!planId) {
+      // Create new plan
+      const res = await api('/api/oil-plans', {
+        method: 'POST',
+        body: JSON.stringify({
+          health_desc: planEditing.value.health_desc || '',
+          teacher_id: auth.user.id,
+          user_id: planEditing.value.user_id,
+        }),
+      })
+      const data = await res.json()
+      planId = data.id
+    }
+    // Update title
+    await api(`/api/oil-plans/${planId}`, {
+      method: 'PUT',
+      body: JSON.stringify({ title: planTitle.value }),
+    })
+    // Sync recipes: remove old, add new
+    const existing = planEditing.value.recipes || []
+    for (const r of existing) {
+      await api(`/api/oil-plans/${planId}/recipes/${r.id}`, { method: 'DELETE' })
+    }
+    for (const r of planRecipes.value) {
+      await api(`/api/oil-plans/${planId}/recipes`, {
+        method: 'POST',
+        body: JSON.stringify({
+          recipe_name: r.recipe_name,
+          ingredients: r.ingredients,
+          times_per_month: r.times_per_month,
+        }),
+      })
+    }
+    // Activate
+    await api(`/api/oil-plans/${planId}`, {
+      method: 'PUT',
+      body: JSON.stringify({ status: 'active' }),
+    })
+    planEditing.value = null
+    await plansStore.loadPlans()
+    ui.showToast('方案已激活')
+  } catch {
+    ui.showToast('保存失败')
+  }
+}
+
 onMounted(() => {
   loadUsers()
   loadTranslations()
   loadBusinessApps()
+  plansStore.loadPlans()
 })
 </script>
 
@@ -757,4 +918,27 @@ onMounted(() => {
     justify-content: flex-end;
   }
 }
+
+/* Plan editor */
+.overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.4); z-index: 100; display: flex; align-items: center; justify-content: center; }
+.overlay-panel { background: #fff; border-radius: 14px; width: 90%; max-height: 85vh; overflow-y: auto; }
+.overlay-header { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid #eee; }
+.overlay-header h3 { margin: 0; font-size: 16px; }
+.plan-health-desc { background: #f8f7f5; border-radius: 8px; padding: 10px 12px; margin-bottom: 12px; font-size: 13px; color: #6b6375; }
+.form-label { display: block; font-size: 13px; color: #6b6375; margin-bottom: 4px; font-weight: 500; }
+.form-input { width: 100%; border: 1.5px solid #e5e4e7; border-radius: 8px; padding: 8px; font-size: 13px; font-family: inherit; box-sizing: border-box; }
+.plan-recipe-row {
+  display: flex; align-items: center; gap: 8px; padding: 6px 0; border-bottom: 1px solid #f0f0f0;
+}
+.plan-recipe-name { flex: 1; font-size: 13px; font-weight: 500; }
+.plan-freq-input { width: 50px; padding: 4px 6px; border: 1px solid #e5e4e7; border-radius: 6px; font-size: 12px; text-align: center; }
+.plan-freq-label { font-size: 11px; color: #b0aab5; }
+.plan-add-recipe { position: relative; margin-top: 8px; }
+.plan-search-results {
+  position: absolute; top: 100%; left: 0; right: 0; background: #fff;
+  border: 1px solid #e5e4e7; border-radius: 8px; max-height: 200px; overflow-y: auto; z-index: 10;
+  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
+}
+.plan-search-item { padding: 8px 12px; cursor: pointer; font-size: 13px; }
+.plan-search-item:hover { background: #f8faf8; }
 </style>