1

miniprogram/pages/admin-recipes/index.js

@@ -0,0 +1,152 @@
+const { request } = require('../../utils/request')
+
+const emptyForm = {
+  name: '',
+  category: '轻食',
+  description: '',
+  calories: '',
+  protein: '',
+  fat: '',
+  carbs: '',
+  fiber: '',
+  tagsText: ''
+}
+
+Page({
+  data: {
+    keyword: '',
+    recipes: [],
+    loading: false,
+    editId: null,
+    form: { ...emptyForm },
+    importText: '[{"name":"低脂鸡肉饭","category":"减脂轻食","calories":360,"protein":30,"fat":10,"carbs":34,"fiber":5,"tags":["减脂"]}]'
+  },
+
+  onShow() {
+    this.fetchRecipes()
+  },
+
+  onInput(e) {
+    const field = e.currentTarget.dataset.field
+    this.setData({ [field]: e.detail.value })
+  },
+
+  onFormInput(e) {
+    const field = e.currentTarget.dataset.field
+    this.setData({ [`form.${field}`]: e.detail.value })
+  },
+
+  async fetchRecipes() {
+    this.setData({ loading: true })
+    try {
+      const data = await request({ url: `/recipes?keyword=${encodeURIComponent(this.data.keyword)}&page=1&page_size=100` })
+      const recipes = (data.items || []).map((item) => ({
+        ...item,
+        tags_text: (item.tags || []).join('、')
+      }))
+      this.setData({ recipes })
+    } catch (err) {
+      // handled
+    } finally {
+      this.setData({ loading: false })
+    }
+  },
+
+  startCreate() {
+    this.setData({ editId: null, form: { ...emptyForm } })
+  },
+
+  startEdit(e) {
+    const id = Number(e.currentTarget.dataset.id)
+    const row = this.data.recipes.find((item) => item.id === id)
+    if (!row) return
+    this.setData({
+      editId: row.id,
+      form: {
+        name: row.name || '',
+        category: row.category || '轻食',
+        description: row.description || '',
+        calories: String(row.calories || ''),
+        protein: String(row.protein || ''),
+        fat: String(row.fat || ''),
+        carbs: String(row.carbs || ''),
+        fiber: String(row.fiber || ''),
+        tagsText: (row.tags || []).join(',')
+      }
+    })
+  },
+
+  buildRecipePayload() {
+    const f = this.data.form
+    return {
+      name: f.name,
+      category: f.category,
+      description: f.description,
+      calories: Number(f.calories),
+      protein: Number(f.protein),
+      fat: Number(f.fat),
+      carbs: Number(f.carbs),
+      fiber: Number(f.fiber),
+      tags: (f.tagsText || '').split(',').map(i => i.trim()).filter(Boolean)
+    }
+  },
+
+  async saveRecipe() {
+    const payload = this.buildRecipePayload()
+    if (!payload.name) {
+      wx.showToast({ title: '请填写食谱名称', icon: 'none' })
+      return
+    }
+    try {
+      if (this.data.editId) {
+        await request({ url: `/recipes/${this.data.editId}`, method: 'PUT', data: payload })
+        wx.showToast({ title: '食谱已更新', icon: 'success' })
+      } else {
+        await request({ url: '/recipes', method: 'POST', data: payload })
+        wx.showToast({ title: '食谱已创建', icon: 'success' })
+      }
+      this.fetchRecipes()
+    } catch (err) {
+      // handled
+    }
+  },
+
+  async deleteRecipe(e) {
+    const id = e.currentTarget.dataset.id
+    wx.showModal({
+      title: '删除食谱',
+      content: `确定删除食谱 ID ${id} 吗？`,
+      success: async (res) => {
+        if (!res.confirm) return
+        try {
+          await request({ url: `/recipes/${id}`, method: 'DELETE' })
+          wx.showToast({ title: '删除成功', icon: 'success' })
+          this.fetchRecipes()
+        } catch (err) {
+          // handled
+        }
+      }
+    })
+  },
+
+  async importDefaultSeed() {
+    try {
+      await request({ url: '/recipes/import', method: 'POST', data: {} })
+      wx.showToast({ title: '默认食谱导入成功', icon: 'success' })
+      this.fetchRecipes()
+    } catch (err) {
+      // handled
+    }
+  },
+
+  async importByJSON() {
+    try {
+      const items = JSON.parse(this.data.importText)
+      await request({ url: '/recipes/import', method: 'POST', data: { items } })
+      wx.showToast({ title: '批量导入成功', icon: 'success' })
+      this.fetchRecipes()
+    } catch (err) {
+      wx.showToast({ title: '导入 JSON 格式错误', icon: 'none' })
+    }
+  }
+})