feat: 增加今日食谱模块

src/components/Home/RecipePopup.vue

@@ -0,0 +1,33 @@
+<template>
+  <wd-popup
+    v-model="appStore.showRecipePopup"
+    position="bottom"
+    :lock-scroll="true"
+    :safe-area-inset-bottom="true"
+    :close-on-click-modal="true"
+    custom-style="border-radius: 32rpx 32rpx 0 0; padding: 40rpx 32rpx"
+    @close="handeClosePopup"
+  >
+    <view class="flex flex-col max-h-[70vh] overflow-y-auto">
+      <view class="mb-5 text-center text-[30rpx] font-semibold text-[#333] shrink-0">
+        {{ appStore.currentRecipe.name }}
+      </view>
+
+      <wd-text type="primary" :text="appStore.currentRecipe.content"/>
+    </view>
+  </wd-popup>
+</template>
+
+<script setup lang="ts">
+import { useAppStore } from '@/store/app'
+import { useRecordStore } from '@/store/record'
+
+const appStore = useAppStore()
+const recordStore = useRecordStore()
+
+function handeClosePopup() {
+  setTimeout(() => {
+    recordStore.showFab = true
+  }, 300)
+}
+</script>

src/pages/index/index.vue

@@ -100,6 +100,26 @@
         </view>
       </wd-card>
 
+      <wd-card title="🔥 今日食谱">
+        <wd-empty v-if="recipeList.length === 0" icon="no-content"
+                  :tip="errorMessage || '获取资讯失败，请检查网络连接或联系管理员'" />
+
+        <view
+            v-for="(item, index) in recipeList"
+            :key="index"
+            class="content-text flex flex-col py-[20rpx] border-b border-[#f5f5f5] last:border-b-0"
+            @click="viewRecipeClick(item)"
+        >
+          <view class="flex items-center gap-[12rpx]">
+            <text class="text-[30rpx] font-semibold text-[#333] truncate">
+              {{ item.name }}
+            </text>
+            <wd-tag v-for="(tag, index) in item.tags" :key="index" type="primary" round>{{ tag }}</wd-tag>
+            <wd-icon name="caret-right" size="24px"></wd-icon>
+          </view>
+        </view>
+      </wd-card>
+
       <record-popup />
 
       <weight-popup />
@@ -109,6 +129,7 @@
       <blood-sugar-popup />
       <temperature-popup />
       <tip-popup />
+      <recipe-popup />
 
       <liu-drag-button v-if="recordStore.showFab" :background="getThemePrimaryColor[appStore.themeColor]"
                        @clickBtn="handelFabClick">
@@ -136,9 +157,10 @@ import { getOverview, getPlan, getProfile } from "@/utils/profile";
 import appLogo from '@/static/logo.png'
 import type { IOverview, IPlan } from "@/type/profile";
 import { addSignInPoint } from "@/utils/points";
-import type { ITip } from "@/type";
+import type { IRecipe, ITip } from "@/type";
 import TipPopup from "@/components/Home/TipPopup.vue";
 import { getTheme, getThemePrimaryColor, getThemeStyle } from "@/utils/themes";
+import RecipePopup from "@/components/Home/RecipePopup.vue";
 
 defineOptions({
   name: 'Home',
@@ -151,6 +173,7 @@ const appStore = useAppStore()
 
 const todayRecords = ref<IHealthRecord[]>([])
 const tipList = ref<ITip[]>([])
+const recipeList = ref<IRecipe[]>([])
 const errorMessage = ref<string>("")
 const hasSignedToday = ref(checkSignedToday())
 
@@ -187,6 +210,7 @@ onShow(() => {
   todayRecords.value = getDayRecords(getDateStr(Date.now()))
   hasSignedToday.value = checkSignedToday()
   getTipList()
+  getRecipeList()
 })
 
 watch(() => recordStore.isRecord, () => {
@@ -208,12 +232,33 @@ function getTipList() {
   });
 }
 
+function getRecipeList() {
+  wx.request({
+    url: 'https://cxx0822.s.3q.hair/health-api/agent/recipe/latest',
+    method: 'GET',
+    header: { 'Content-Type': 'application/json' },
+    success: (res) => {
+      recipeList.value = res.data as IRecipe[]
+    },
+    fail: (err) => {
+      console.error('请求失败:', err);
+      errorMessage.value = err.errMsg
+    }
+  });
+}
+
 const viewTipClick = (item: ITip) => {
   appStore.currentTip = item
   appStore.showTipPopup = true
   recordStore.showFab = false
 }
 
+const viewRecipeClick = (item: IRecipe) => {
+  appStore.currentRecipe = item
+  appStore.showRecipePopup = true
+  recordStore.showFab = false
+}
+
 // 今日概览
 const overviewItems = computed(() => {
   const list = todayRecords.value

src/pages/stats/index.vue

@@ -136,7 +136,8 @@ const currentPeriod = ref('空腹')
 const periodColumns = [
   { label: '空腹', value: '空腹' },
   { label: '餐前', value: '餐前' },
-  { label: '餐后2h', value: '餐后2h' }
+  { label: '餐后2h', value: '餐后2h' },
+  { label: '睡前', value: '睡前' }
 ]
 
 const weightChartData = ref({

src/store/app.ts

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia'
-import type { ITip } from "@/type";
+import type {IRecipe, ITip} from "@/type";
 
 export const useAppStore = defineStore('app', {
   state: () => ({
@@ -9,13 +9,19 @@ export const useAppStore = defineStore('app', {
     recordCount: 0,
     achievement: '',
     showTipPopup: false,
+    showRecipePopup: false,
     themeColor: 'purple',
     currentTip: {
       title: '',
       summary: '',
       category: '',
       content: '',
-    } as ITip
+    } as ITip,
+    currentRecipe: {
+      name: '',
+      tags: [],
+      content: '',
+    } as IRecipe,
   }),
   actions: {
 

src/type/index.ts

@@ -9,3 +9,9 @@ export interface ITip {
   category: string;
   content: string;
 }
+
+export interface IRecipe {
+  name: string;
+  tags: string[];
+  content: string;
+}