feat:增加后端接口

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;
   }
 }