feat:增加后端接口

2025-06-24 23:34:00 +08:00
parent 69c0bfa4c7
commit 71c107f2e5
17 changed files with 141 additions and 191 deletions
--- a/src/apis/food.ts
+++ b/src/apis/food.ts
@@ -1,5 +1,6 @@
 import { cloudService } from './index'
 import type { IFoodQuery, IFoodRecipe, IFoodRecord, IFoodStats } from '@/types/food'
+import type { IStatsChart } from 'vue3-common/types'

 export const addFoodRecipeApi = (foodRecipe: IFoodRecipe): Promise<boolean> =>
  cloudService({
@@ -21,13 +22,20 @@ export const deleteFoodRecipeApi = (id: number): Promise<boolean> =>
    method: 'DELETE'
  })

-export const queryFoodRecipeByIdApi = (id: number): Promise<any> =>
+export const queryFoodRecipeByIdApi = (id: number): Promise<IFoodRecipe> =>
  cloudService({
    url: `/food-service/food/recipe/${id}`,
    method: 'get'
  })

-export const queryFoodRecipeApi = (currentPage: number, pageSize: number,
+export const queryFoodRecipeApi = (query: IFoodQuery): Promise<IFoodRecipe[]> =>
+  cloudService({
+    url: '/food-service/food/recipe',
+    method: 'get',
+    params: { ...query }
+  })
+
+export const queryFoodRecipeByPageApi = (currentPage: number, pageSize: number,
  query: IFoodQuery): Promise<any> =>
  cloudService({
    url: '/food-service/food/recipe/page',
@@ -79,3 +87,21 @@ export const queryFoodStatsApi = (): Promise<IFoodStats> =>
    url: '/food-service/food/stats',
    method: 'get'
  })
+
+export const queryFoodRecordStatsApi = (): Promise<IStatsChart[]> =>
+  cloudService({
+    url: '/food-service/food/stats/record',
+    method: 'get'
+  })
+
+export const queryFoodCategoryStatsApi = (): Promise<IStatsChart[]> =>
+  cloudService({
+    url: '/food-service/food/stats/category',
+    method: 'get'
+  })
+
+export const queryFoodRankStatsApi = (): Promise<IStatsChart[]> =>
+  cloudService({
+    url: '/food-service/food/stats/rank',
+    method: 'get'
+  })
--- a/src/components/DailyCard.vue
+++ b/src/components/DailyCard.vue
@@ -89,15 +89,6 @@ const props = defineProps({
    justify-self: flex-end;
  }

-  .card-item__extra span:nth-child(1) {
-    font-size: 1rem;
-  }
-
-  .card-item__extra span:nth-child(2) {
-    font-size: 0.9rem;
-    color: #A9A9A9;
-  }
-
  hr {
    height: 1px;
    background-color: #cccccc;
--- a/src/components/Food/FoodCard.vue
+++ b/src/components/Food/FoodCard.vue
@@ -44,10 +44,6 @@
        </div>

        <div v-if="props.foodItem?.recordList.length > 0" class="info-list">
-          <div class="info-item">
-            <i class="fa-solid fa-flag"></i>
-            {{ props.foodItem.recordList[foodCardInfo.currentFoodIndex].person}}
-          </div>
          <div class="info-item">
            <i class="fa-regular fa-calendar-check"></i>
            {{ formatDate(props.foodItem.recordList[foodCardInfo.currentFoodIndex].date) }}
@@ -73,7 +69,6 @@ import { formatDate } from 'vue3-common/utils/dateUtil'
 import { deepCopyObject } from 'vue3-common/utils/dataUtil'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 import { serviceFileRootPath } from '@/utils'
-import { isMobile } from 'vue3-common/utils/layoutUtil'

 const router = useRouter()
 const foodStore = useFoodStore()
@@ -116,7 +111,7 @@ const viewFoodRecipeClick = async () => {
 const deleteFoodRecipeClick = () => {
  foodStore.foodRecipeApiType = 'DELETE'
  commonElMessageBox(`请确认是否删除该菜谱: ${props.foodItem?.name}?`).then(() => {
-    foodStore.handleFoodRecipeApi(props.foodItem?.id as number)
+    foodStore.handleFoodRecipeApi(props.foodItem)
  })
 }

--- a/src/components/Food/FoodDaily.vue
+++ b/src/components/Food/FoodDaily.vue
@@ -20,7 +20,10 @@ const calendarRef = ref()
 const foodStore = useFoodStore()
 const appStore = useAppStore()

-onMounted(() => {
+onMounted(async () => {
+  foodStore.queryDateType = 'month'
+  await foodStore.refreshInfo()
+
  const { month } = foodStore.queryRecord
  calendarRef.value.move(new Date(month))
 })
--- a/src/components/Food/FoodDailyItem.vue
+++ b/src/components/Food/FoodDailyItem.vue
@@ -6,15 +6,13 @@

    <div class="daily-list">
      <daily-card v-for="(item, index) in dailyItemInfo.itemList"
-                  :key="index" @click="selectFoodRecordClick(item)"
-                  :title="item.name" :content="item.category">
+                  :key="index" :title="item.name" :content="item.category">
        <template #icon>
          <el-avatar>{{ item.category.charAt(0) }}</el-avatar>
        </template>

        <template #extra>
-          <span>{{ item.person }}</span>
-          <span>{{ item.date }}</span>
+          <el-button type="primary" :icon="CaretRight" circle @click="selectFoodRecordClick(item)"/>
        </template>
      </daily-card>
    </div>
@@ -22,6 +20,7 @@
 </template>

 <script setup lang="ts">
+import { CaretRight } from '@element-plus/icons-vue'
 import DailySummary from '@/components/DailySummary.vue'
 import DailyCard from '@/components/DailyCard.vue'
 import { defineProps, onMounted, reactive, watch } from 'vue'
@@ -83,11 +82,11 @@ const getFoodDailyByDate = (date: string) => {
 * @param foodRecord 美食记录
 */
 const selectFoodRecordClick = async (foodRecord: IFoodRecord) => {
-  foodStore.foodRecordApiType = 'UPDATE'
+  // foodStore.foodRecordApiType = 'UPDATE'

-  appStore.isShowMobileBack = true
-  foodStore.currentFoodRecord = foodRecord
-  await router.push({ name: 'MobileHomeFoodRecordForm' })
+  // appStore.isShowMobileBack = true
+  // foodStore.currentFoodRecord = foodRecord
+  // await router.push({ name: 'MobileHomeFoodRecordForm' })
 }
 </script>

@@ -95,13 +94,13 @@ const selectFoodRecordClick = async (foodRecord: IFoodRecord) => {
 .food-daily-item {
  display: flex;
  flex-direction: column;
-  gap: 1vh;
-  padding: 1vh 0.5vw;
+  gap: 10px;
+  padding: 5px;

  .daily-list {
    display: flex;
    flex-direction: column;
-    gap: 1vh;
+    gap: 10px;
    overflow: auto;
  }
 }
--- a/src/components/Food/FoodRecipe.vue
+++ b/src/components/Food/FoodRecipe.vue
@@ -3,7 +3,7 @@
    <div class="query-item card-item">
      <span>分类：</span>
      <el-segmented v-model="foodStore.queryRecipe.category"
-                    :options="foodCategoryList"
+                    :options="queryCategoryList"
                    @change="queryFoodSegmented"/>
    </div>

@@ -25,29 +25,41 @@ import FoodCard from '@/components/Food/FoodCard.vue'
 import ArriveBottom from '@/components/ArriveButton.vue'
 import { useFoodStore } from '@/store/food.ts'
 import { onBeforeUnmount, onMounted, ref } from 'vue'
+import type { ICategory } from '@/types'

 const foodRecipeRef = ref()
 const foodStore = useFoodStore()

-const foodCategoryList = [{
-  label: '全部',
-  value: ''
-},
-{
-  label: '家常菜',
-  value: '家常菜'
-}]
+const queryCategoryList = ref([] as ICategory[])

 onMounted(async () => {
-  foodRecipeRef.value.addEventListener('scroll', handleScroll)
+  await foodStore.queryFoodCategory()
+  initCategoryList()
+  // foodStore.foodRecipeList = []
+  await foodStore.refreshInfo()
+  // foodRecipeRef.value.addEventListener('scroll', handleScroll)
 })

 onBeforeUnmount(() => {
-  foodRecipeRef.value.removeEventListener('scroll', handleScroll)
+  // foodRecipeRef.value.removeEventListener('scroll', handleScroll)
 })

+const initCategoryList = () => {
+  queryCategoryList.value = []
+  queryCategoryList.value.push({
+    label: '全部',
+    value: ''
+  })
+  foodStore.foodCategoryList.forEach((item) => {
+    queryCategoryList.value.push({
+      label: item,
+      value: item
+    })
+  })
+}
+
 const queryFoodSegmented = async () => {
-  foodStore.pageInfo.currentPage = 1
+  // foodStore.pageInfo.currentPage = 1
  foodStore.foodRecipeList = []
  await foodStore.queryFoodRecipeList()
 }
@@ -70,6 +82,7 @@ const handleScroll = () => {
  display: flex;
  flex-direction: column;
  gap: 10px;
+  overflow: auto;

  .query-item {
    padding: 5px 10px;
--- a/src/components/Food/FoodTimeline.vue
+++ b/src/components/Food/FoodTimeline.vue
@@ -12,7 +12,7 @@
                        :key="index" :timestamp="formatDate(item.date)" placement="top">
        <div class="timeline-info card-item">
          <span>{{ item.name }}</span>
-          <el-image :src="item.imageUrl"
+          <el-image :src="serviceFileRootPath + item.imageUrl"
                    fit="contain" alt="暂无成果">
            <template #error>
              <div class="image-slot">
@@ -24,30 +24,26 @@
      </el-timeline-item>
    </el-timeline>

-    <el-empty v-else description="暂无日记"/>
+    <el-empty v-else description="暂无记录"/>
  </div>
 </template>

 <script setup lang="ts">
 import { useFoodStore } from '@/store/food.ts'
 import { onMounted, ref } from 'vue'
-import { formatDate, getCurrentYear, getStartEndDate } from 'vue3-common/utils/dateUtil'
+import { formatDate } from 'vue3-common/utils/dateUtil'
 import { serviceFileRootPath } from '@/utils'

 const currentYear = ref(new Date())
 const foodStore = useFoodStore()

 onMounted(async () => {
-  const dateInfo = getStartEndDate(getCurrentYear(), 'year')
-  foodStore.queryDateList[0] = dateInfo[0]
-  foodStore.queryDateList[1] = dateInfo[1]
+  foodStore.queryDateType = 'year'
  await foodStore.refreshInfo()
 })

 const changeDateEvent = async (value: Date) => {
-  const dateInfo = getStartEndDate(value, 'year')
-  foodStore.queryDateList[0] = dateInfo[0]
-  foodStore.queryDateList[1] = dateInfo[1]
+  foodStore.queryRecord.year = String(value.getFullYear())
  await foodStore.refreshInfo()
 }
 </script>
@@ -69,6 +65,10 @@ const changeDateEvent = async (value: Date) => {
      display: flex;
      flex-direction: column;
      gap: 10px;
+
+      .el-image {
+        height: 300px;
+      }
    }
  }
 }
--- a/src/components/Stats/FoodChart.vue
+++ b/src/components/Stats/FoodChart.vue
@@ -9,7 +9,7 @@
    </div>
    <div class="chart-container card-item">
      <div class="content">
-        <span class="title">📊类别统计</span>
+        <span class="title">📊菜谱统计</span>
      </div>
      <div class="chart" ref="foodCategoryChartRef"/>
    </div>
@@ -28,22 +28,18 @@
 import FoodRank from '@/components/Stats/FoodRank.vue'
 import { onMounted, ref, watch } from 'vue'
 import * as echarts from 'echarts'
-import { lineChartOptions, barChartOptions, pieChartOptions } from 'vue3-common/utils/eChartsUtil'
+import { lineChartOptions, pieChartOptions } from 'vue3-common/utils/eChartsUtil'
 import { useFoodStore } from '@/store/food'
 import { useAppStore } from '@/store/app.ts'
-import type { IStatsChart } from 'vue3-common/types'
-import { isMobile } from 'vue3-common/utils/layoutUtil'

 const foodStore = useFoodStore()
 const appStore = useAppStore()

 const foodDailyChartRef = ref<HTMLElement>()
 const foodCategoryChartRef = ref<HTMLElement>()
-const billRankChartRef = ref<HTMLElement>()

 let foodDailyChart: echarts.ECharts
 let foodCategoryChart: echarts.ECharts
-let billRankChart: echarts.ECharts

 watch(() => foodStore.isRefresh, () => {
  updateChart()
@@ -52,60 +48,19 @@ watch(() => foodStore.isRefresh, () => {
 onMounted(() => {
  foodDailyChart = echarts.init(foodDailyChartRef.value as HTMLElement, appStore.isDark ? 'dark' : null)
  foodCategoryChart = echarts.init(foodCategoryChartRef.value as HTMLElement, appStore.isDark ? 'dark' : null)
-  // billRankChart = echarts.init(billRankChartRef.value as HTMLElement, appStore.isDark ? 'dark' : null)
 })

 const updateChart = () => {
-  const MAX_CATEGORY_COUNT = 5
-  const MAX_RANK_COUNT = 10
+  const MAX_COUNT = 5

  // 记录统计图
-  // const dailyXAxis = foodStore.billDateStatsList.map((item) => item.name)
-  // const dailyYAxis = foodStore.billDateStatsList.map((item) => item.value)
-  const dailyXAxis = ['2024-01', '2024-02']
-  const dailyYAxis = ['10', '6']
+  const dailyXAxis = foodStore.foodRecordStats.slice(0, MAX_COUNT).map((item) => item.name)
+  const dailyYAxis = foodStore.foodRecordStats.slice(0, MAX_COUNT).map((item) => item.value)
  foodDailyChart.setOption(lineChartOptions('日期', dailyXAxis, '次数（次）', dailyYAxis))
-  //
-  // // 账本统计图
-  // const bookXAxis = foodStore.billBookStatsList.map((item) => item.name)
-  // const bookYAxis = foodStore.billBookStatsList.map((item) => item.value)
-  // billBookChart.setOption(barChartOptions('账本', bookXAxis, '金额（元）', bookYAxis))
-  // billBookChart.setOption({
-  //   series: [{
-  //     itemStyle: {
-  //       color: foodStore.billType === 'expensive' ? '#CA6C65' : '#6FBB69'
-  //     },
-  //     markPoint: {
-  //       label: {
-  //         color: '#FFFFFF'
-  //       }
-  //     }
-  //   }]
-  // })
-  //
+
  // 类别统计图
-  const foodCategoryList = [
-    { value: 12, name: '家常菜' },
-    { value: 10, name: '鲁菜' },
-    { value: 8, name: '川菜' },
-    { value: 5, name: '淮扬菜' },
-    { value: 2, name: '其他' }
-  ]
-  foodCategoryChart.setOption(pieChartOptions('category', '次', foodCategoryList))
-  //
-  // // 排行榜统计图
-  // const billRankList: IStatsChart[] = []
-  // const resultList = foodStore.billRecordList.filter((item) => item.type === foodStore.billType)
-  // resultList.sort((a, b) => b.amount - a.amount).forEach((item) => {
-  //   billRankList.push({
-  //     name: item.content,
-  //     value: item.amount
-  //   })
-  // })
-  //
-  // if (!isMobile()) {
-  //   billRankChart.setOption(pieChartOptions('rank', '元', billRankList.slice(0, MAX_RANK_COUNT)))
-  // }
+  const foodCategoryData = foodStore.foodCategoryStats.slice(0, MAX_COUNT)
+  foodCategoryChart.setOption(pieChartOptions('category', '个', foodCategoryData))
 }
 </script>

@@ -124,7 +79,7 @@ const updateChart = () => {
      display: flex;
      justify-content: space-between;
      align-items: center;
-      border-bottom: 1px solid #009FA8;
+      border-bottom: 1px solid var(--el-color-primary);

      .title {
        font-size: 1em;
--- a/src/components/Stats/FoodRank.vue
+++ b/src/components/Stats/FoodRank.vue
@@ -2,8 +2,8 @@
  <div v-for="(item, index) in foodRankList.slice(0, MAX_RANK_COUNT)"
       :key="index" class="rank-item">
    <span class="rank-index">{{ index+1 }}.</span>
-    <span class="rank-content">{{ item.value }}</span>
-    <span class="rank-amount">{{ item.count }} 次</span>
+    <span class="rank-content">{{ item.name }}</span>
+    <span class="rank-amount">{{ item.value }} 次</span>
  </div>
 </template>

@@ -15,19 +15,5 @@ const foodStore = useFoodStore()

 const MAX_RANK_COUNT = 10

-const foodRankList = computed(() => {
-  return [{
-    value: '红烧肉',
-    count: 10
-  }, {
-    value: '红烧鱼',
-    count: 8
-  }, {
-    value: '排骨汤',
-    count: 5
-  }, {
-    value: '红烧带鱼',
-    count: 2
-  }]
-})
+const foodRankList = computed(() => foodStore.foodRankStats)
 </script>
--- a/src/store/app.ts
+++ b/src/store/app.ts
@@ -14,7 +14,7 @@ export const useAppStore = defineStore('ipp', {
    isDark: false,
    isWebSocket: false,
    serverIp: '14.103.235.151',
-    version: 'v1.0.0.2025062303'
+    version: 'v1.0.0.2025062401'
  }),
  actions: {
    initApp() {
--- a/src/store/auth.ts
+++ b/src/store/auth.ts
@@ -83,8 +83,6 @@ export const useAuthStore = defineStore('auth', {
      const { email, code: emailCode } = this.emailLoginForm
      switch (type) {
        case 'common':
-          console.log(username)
-          console.log(password)
          this.homeSession = await loginApi(username, password)
          break
        case 'phone':
--- a/src/store/food.ts
+++ b/src/store/food.ts
@@ -4,15 +4,23 @@ import type {
  IFoodStats, IFoodRecord
 } from '@/types/food'
 import {
-  addFoodRecipeApi, addFoodRecordApi, deleteFoodRecipeApi, deleteFoodRecordApi,
-  queryFoodNameListApi, queryFoodRecipeByIdApi, queryFoodRecipeApi, queryFoodRecordApi,
-  queryFoodStatsApi, updateFoodRecipeApi, updateFoodRecordApi, queryFoodCategoryApi
+  addFoodRecipeApi,
+  addFoodRecordApi,
+  deleteFoodRecipeApi,
+  deleteFoodRecordApi,
+  queryFoodNameListApi,
+  queryFoodRecipeByIdApi,
+  queryFoodRecordApi,
+  queryFoodStatsApi,
+  updateFoodRecipeApi,
+  updateFoodRecordApi,
+  queryFoodCategoryApi,
+  queryFoodRecordStatsApi,
+  queryFoodCategoryStatsApi, queryFoodRankStatsApi, queryFoodRecipeApi
 } from '@/apis/food.ts'
-// import { IDateType, ImagePathEnum } from '@/types'
-import type { IDialog, IHandleApi } from 'vue3-common/types'
+import type { IDialog, IHandleApi, IStatsChart } from 'vue3-common/types'
 import { ElMessage } from 'element-plus'
 import { getCurrentMonth, getCurrentYear, getStartEndDate } from 'vue3-common/utils/dateUtil'
-import { isMobile } from 'vue3-common/utils/layoutUtil'

 export const useFoodStore = defineStore('food', {
  state: () => ({
@@ -44,7 +52,7 @@ export const useFoodStore = defineStore('food', {
      year: getCurrentYear(),
      month: getCurrentMonth()
    },
-    queryDateType: 'month',
+    queryDateType: 'month' as 'month' | 'year',
    queryDateList: [] as string[],
    foodRecipeApiType: 'ADD' as IHandleApi,
    foodMaterialApiType: 'ADD' as IHandleApi,
@@ -67,7 +75,7 @@ export const useFoodStore = defineStore('food', {
    rateColorList: ['#E2DEDC', '#F7BA2A', '#009FA8'],
    pageInfo: {
      currentPage: 1,
-      pageSize: 3,
+      pageSize: 2,
      totalSize: 1
    },
    isScrollEnd: false,
@@ -77,96 +85,78 @@ export const useFoodStore = defineStore('food', {
      categoryCount: 0,
      workCount: 0
    } as IFoodStats,
+    foodRecordStats: [] as IStatsChart[],
+    foodCategoryStats: [] as IStatsChart[],
+    foodRankStats: [] as IStatsChart[],
    isRefresh: false
  }),
  actions: {
    async queryFoodRecipeList() {
-      const { currentPage, pageSize } = this.pageInfo
-      const result = await queryFoodRecipeApi(currentPage, pageSize, this.queryRecipe)
-      this.foodRecipeList.push(...result.records)
-      this.pageInfo.totalSize = result.total
+      // const { currentPage, pageSize } = this.pageInfo
+      // const result = await queryFoodRecipeByPageApi(currentPage, pageSize, this.queryRecipe)
+      // this.foodRecipeList.push(...result.records)
+      // this.pageInfo.totalSize = result.total
+      this.foodRecipeList = await queryFoodRecipeApi(this.queryRecipe)
    },
    async queryFoodRecordList() {
      const { year, month } = this.queryRecord
      const date = this.queryDateType === 'year' ? year : month
      this.queryDateList = getStartEndDate(date, this.queryDateType)
-
-      const foodRecord: IFoodRecord = {
-        category: '家常菜',
-        date: '2025-06-23',
-        id: 0,
-        imageUrl: 'https://ts2.tc.mm.bing.net/th/id/OSK.277ab994364a7e09543c78379bab1d05?w=612&h=408&c=7&rs=1&qlt=80&o=6&cdv=1&cb=ircwebp1&pid=16.1',
-        name: '红烧鱼',
-        person: '哥哥'
-      }
-      const foodRecord2: IFoodRecord = {
-        category: '家常菜',
-        date: '2025-06-22',
-        id: 0,
-        imageUrl: 'https://ts2.tc.mm.bing.net/th/id/OSK.277ab994364a7e09543c78379bab1d05?w=612&h=408&c=7&rs=1&qlt=80&o=6&cdv=1&cb=ircwebp1&pid=16.1',
-        name: '红烧鱼',
-        person: '哥哥'
-      }
-      this.foodRecordList = []
-      this.foodRecordList.push(foodRecord)
-      this.foodRecordList.push(foodRecord2)
-      // this.foodRecordList = await queryFoodRecordApi(this.queryDateList[0], this.queryDateList[1])
+      this.foodRecordList = await queryFoodRecordApi(this.queryDateList[0], this.queryDateList[1])
    },
    async queryFoodNameList() {
-      // this.foodNameList = await queryFoodNameListApi()
+      this.foodNameList = await queryFoodNameListApi()
    },
    async queryFoodRecipe(id: number) {
-      // this.currentFoodRecipe = await queryFoodRecipeByIdApi(id)
+      this.currentFoodRecipe = await queryFoodRecipeByIdApi(id)
    },
    async queryFoodStats() {
-      // this.foodStats = await queryFoodStatsApi()
+      this.foodStats = await queryFoodStatsApi()
+      this.foodRecordStats = await queryFoodRecordStatsApi()
+      this.foodCategoryStats = await queryFoodCategoryStatsApi()
+      this.foodRankStats = await queryFoodRankStatsApi()
      this.isRefresh = !this.isRefresh
    },
    async queryFoodCategory() {
-      // this.foodCategoryList = await queryFoodCategoryApi()
+      this.foodCategoryList = await queryFoodCategoryApi()
    },
    async handleFoodRecipeApi(foodRecipe: IFoodRecipe) {
      switch (this.foodRecipeApiType) {
        case 'ADD':
-          // await addFoodRecipeApi(foodRecipe)
+          await addFoodRecipeApi(foodRecipe)
          ElMessage.success('新增菜谱成功')
          break
        case 'UPDATE':
-          // await updateFoodRecipeApi(foodRecipe.id as number, foodRecipe)
+          await updateFoodRecipeApi(foodRecipe.id as number, foodRecipe)
          ElMessage.success('更新菜谱成功')
          break
        case 'DELETE':
-          // await deleteFoodRecipeApi(foodRecipe.id as number)
+          await deleteFoodRecipeApi(foodRecipe.id as number)
          ElMessage.success('删除菜谱成功')
          break
        default:
          break
      }
-      this.foodRecipeDialog.visible = false
      await this.refreshInfo()
    },
    async handleFoodRecordApi(foodRecord: IFoodRecord) {
      switch (this.foodRecordApiType) {
        case 'ADD':
-          // await addFoodRecordApi(foodRecord)
+          await addFoodRecordApi(foodRecord)
          ElMessage.success('新增成果成功')
          break
        case 'UPDATE':
-          // await updateFoodRecordApi(foodRecord.id as number, foodRecord)
+          await updateFoodRecordApi(foodRecord.id as number, foodRecord)
          ElMessage.success('更新成果成功')
          break
        case 'DELETE':
-          // await deleteFoodRecordApi(foodRecord.id as number)
+          await deleteFoodRecordApi(foodRecord.id as number)
          ElMessage.success('删除成果成功')
          break
        default:
          break
      }
-      this.foodRecordDialog.visible = false
-
-      if (!isMobile()) {
-        await this.refreshInfo()
-      }
+      await this.refreshInfo()
    },
    async refreshInfo() {
      await this.queryFoodRecipeList()
@@ -201,7 +191,6 @@ export const useFoodStore = defineStore('food', {
    getEmptyFoodRecord(): IFoodRecord {
      return {
        category: '',
-        person: '',
        date: '',
        id: 0,
        imageUrl: '',
--- a/src/types/food.ts
+++ b/src/types/food.ts
@@ -25,8 +25,8 @@ export interface IFoodRecord {
  id: number;
  name: string;
  category: string;
+  person: number;
  date: string;
-  person: string;
  imageUrl: string;
 }

--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -0,0 +1,4 @@
+export interface ICategory {
+    label: string;
+    value: string;
+}
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,12 +1,12 @@
 /**
 * 文件服务器地址
 */
-export const fileServiceUrl = '/home-service/file'
+export const fileServiceUrl = '/food-service/file'

 /**
 * 服务器文件路径根地址
 */
-export const serviceFileRootPath = '/home-service/'
+export const serviceFileRootPath = '/food-service/'

 /**
 * 获取assets静态资源
--- a/src/views/record/index.vue
+++ b/src/views/record/index.vue
@@ -1,6 +1,6 @@
 <template>
  <div class="common-mobile-view food-record">
-    <div class="food-query card-item">
+    <div class="food-segment card-item">
      <el-input
          v-model="foodInfo.query"
          placeholder="请输入菜谱名称" :prefix-icon="Search" clearable
@@ -10,8 +10,7 @@
      <div class="query-item">
        <span>查看类型：</span>
        <el-segmented v-model="foodInfo.recordSegment"
-                      :options="recordSegmentList"
-                      @change="changeRecordSegmentEvent()"/>
+                      :options="recordSegmentList"/>
      </div>
    </div>

@@ -39,7 +38,7 @@ import FoodDaily from '@/components/Food/FoodDaily.vue'
 import FoodTimeline from '@/components/Food/FoodTimeline.vue'
 import DraggableButton from '@/components/DraggableButton.vue'
 import { Search } from '@element-plus/icons-vue'
-import { onMounted, reactive } from 'vue'
+import { reactive } from 'vue'
 import { useFoodStore } from '@/store/food'
 import type { IFoodSegment } from '@/types/food'
 import { useRouter } from 'vue-router'
@@ -67,14 +66,6 @@ const recordSegmentList = [{
  value: 'timeline'
 }]

-onMounted(() => {
-  foodStore.refreshInfo()
-})
-
-const changeRecordSegmentEvent = () => {
-  foodStore.refreshInfo()
-}
-
 const addClick = () => {
  appStore.isShowMobileBack = true

@@ -101,7 +92,7 @@ const addClick = () => {
  flex-direction: column;
  gap: 5px;

-  .food-query {
+  .food-segment {
    padding: 5px 10px;
    display: flex;
    flex-direction: column;
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -23,7 +23,7 @@ export default defineConfig({
    port: 5175,
    proxy: {
      '/food-service': {
-        target: 'http://127.0.0.1:8090',
+        target: 'http://127.0.0.1:8100',
        changeOrigin: true,
        rewrite: (item) => item.replace(/^\/food-service/, '')
      }