feat:增加菜谱显示模块

src/views/record/index.vue

@@ -9,26 +9,24 @@
 
       <div class="query-item">
         <span>查看类型：</span>
-        <el-segmented v-model="foodInfo.recordSegment"
+        <el-segmented v-model="foodStore.recordSegment"
                       :options="recordSegmentList"/>
       </div>
     </div>
 
     <hr style="width: 100%;"/>
 
-    <div v-if="foodInfo.recordSegment === 'recipe'" class="food-calendar">
+    <div v-if="foodStore.recordSegment === 'recipe'" class="food-calendar">
       <food-recipe />
     </div>
 
-    <div v-if="foodInfo.recordSegment === 'daily'" class="food-calendar">
+    <div v-if="foodStore.recordSegment === 'daily'" class="food-calendar">
       <food-daily />
     </div>
 
-    <div v-if="foodInfo.recordSegment === 'timeline'" class="food-calendar">
+    <div v-if="foodStore.recordSegment === 'timeline'" class="food-calendar">
       <food-timeline />
     </div>
-
-    <draggable-button v-show="foodInfo.recordSegment !== 'timeline'" @click="addClick"/>
   </div>
 </template>
 
@@ -36,20 +34,13 @@
 import FoodRecipe from '@/components/Food/FoodRecipe.vue'
 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 { reactive } from 'vue'
 import { useFoodStore } from '@/store/food'
-import type { IFoodSegment } from '@/types/food'
-import { useRouter } from 'vue-router'
-import { useAppStore } from '@/store/app'
 
 const foodStore = useFoodStore()
-const router = useRouter()
-const appStore = useAppStore()
 
 const foodInfo = reactive({
-  recordSegment: 'recipe' as IFoodSegment,
   query: ''
 })
 
@@ -65,25 +56,6 @@ const recordSegmentList = [{
   label: '时间轴',
   value: 'timeline'
 }]
-
-const addClick = () => {
-  appStore.isShowMobileBack = true
-
-  switch (foodInfo.recordSegment) {
-    case 'recipe':
-      foodStore.recipeApiType = 'ADD'
-      foodStore.currentRecipe = foodStore.getEmptyRecipe()
-      router.push('/record/recipeForm')
-      break
-    case 'daily':
-      foodStore.recordApiType = 'ADD'
-      foodStore.currentRecord = foodStore.getEmptyRecord()
-      router.push('/record/recordForm')
-      break
-    default:
-      break
-  }
-}
 </script>
 
 <style scoped lang="scss">