feat:更新图片存储路径

src/views/food/recipeForm.vue

@@ -0,0 +1,132 @@
+<template>
+  <div class="mobile-food-recipe-form common-mobile-view">
+    <el-form ref="formRef" :model="foodStore.currentFoodRecipe"
+             :rules=rules label-width="80px">
+      <el-steps :active="activeStep" align-center
+                style="margin-bottom: 10px;" >
+        <el-step title="基础信息" />
+        <el-step title="Step 2" />
+        <el-step title="Step 3" />
+      </el-steps>
+
+      <div v-if="activeStep === 0">
+        <el-form-item label="美食名称" prop="name">
+          <el-input v-model="foodStore.currentFoodRecipe.name" autocomplete="off"
+                    placeholder="请输入美食名称" clearable
+                    show-word-limit maxlength="20">
+          </el-input>
+        </el-form-item>
+
+        <el-form-item label="美食菜系" prop="category">
+          <el-select v-model="foodStore.currentFoodRecipe.category">
+            <el-option v-for="(item, index) in foodCategoryList"
+                       :key="index" :label="item" :value="item"/>
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="推荐指数" prop="recommendRate">
+          <el-rate v-model="foodStore.currentFoodRecipe.recommendRate"
+                   :colors="foodStore.rateColorList"/>
+        </el-form-item>
+
+        <el-form-item label="备注">
+          <el-input v-model="foodStore.currentFoodRecipe.remark" autocomplete="off"
+                    placeholder="请输入备注" clearable
+                    show-word-limit maxlength="20">
+          </el-input>
+        </el-form-item>
+      </div>
+
+      <div v-if="activeStep === 1">
+        <food-material-form />
+      </div>
+
+      <div v-if="activeStep === 2">
+        <food-step-form />
+      </div>
+    </el-form>
+
+    <div class="button-container">
+      <el-button type="primary" :disabled="activeStep === 0"
+                 @click="previewClick">上一步</el-button>
+      <el-button type="primary" :disabled="activeStep === 2"
+                 @click="nextClick">下一步</el-button>
+    </div>
+
+    <div class="button-container">
+      <el-button type="primary" @click="confirmClick">确认</el-button>
+      <el-button type="danger" @click="deleteClick">删除</el-button>
+      <el-button type="info" @click="cancelClick">取消</el-button>
+    </div>
+
+    <food-material-dialog />
+    <food-step-dialog />
+  </div>
+</template>
+
+<script lang="ts" setup>
+import FoodMaterialDialog from '@/components/Food/Form/FoodMaterialDialog.vue'
+import FoodStepDialog from '@/components/Food/Form/FoodStepDialog.vue'
+import { useFoodStore } from '@/store/food.ts'
+import { ref, reactive } from 'vue'
+import { FormRules } from 'element-plus'
+import { foodRecordRules } from '@/utils/element/elRules.ts'
+import { commonElMessageBox } from 'vue3-common/utils/elUtil'
+import FoodMaterialForm from '@/components/Food/Form/FoodMaterialForm.vue'
+import FoodStepForm from '@/components/Food/Form/FoodStepForm.vue'
+
+const rules = reactive<FormRules>(foodRecordRules)
+
+const formRef = ref()
+const activeStep = ref(0)
+const foodStore = useFoodStore()
+
+const foodCategoryList = ['家常菜', '淮扬菜', '鲁菜', '川菜', '粤菜', '闽菜', '浙菜', '湘菜', '徽菜', '其他']
+
+const previewClick = () => {
+  activeStep.value--
+}
+
+const nextClick = () => {
+  activeStep.value++
+}
+
+/**
+ * 点击确认按钮
+ */
+const confirmClick = () => {
+  formRef.value.validate().then(() => {
+    foodStore.handleFoodRecipeApi(foodStore.currentFoodRecipe)
+    history.back()
+  })
+}
+
+const cancelClick = () => {
+  history.back()
+}
+
+const deleteClick = () => {
+  commonElMessageBox('是否确认删除该记录?').then(() => {
+    foodStore.foodRecordApiType = 'DELETE'
+    foodStore.handleFoodRecipeApi(foodStore.currentFoodRecipe)
+    history.back()
+  })
+}
+</script>
+
+<style lang="scss">
+.mobile-food-recipe-form {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+
+  .button-container {
+    align-self: center;
+  }
+
+  .material-form, .step-form {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+  }
+}</style>

src/views/home/index.vue

@@ -18,6 +18,10 @@
                    title="账单记录" sub-title="收支一目了然"
                    router="/bill/data" @click="initBillClick"/>
 
+      <module-card icon="iconfont icon-canyin" color="#FF8C32"
+                   title="美食记录" sub-title="收录每日餐食"
+                   router="/food/recipe"/>
+
       <module-card icon="iconfont icon-jingdian" color="#FF9966"
                    title="旅行记录" sub-title="足迹遍及四方"
                    router="/travel/spot"/>

src/views/meta.ts

@@ -27,10 +27,36 @@ export const mobileHomeMeta: IRouteMetaConfig = {
     title: '账单设置',
     icon: ''
   },
+  '/food': {
+    title: '美食记录',
+    icon: '',
+    order: 2,
+    redirect: '/food/recipe'
+  },
+  '/food/recipe': {
+    title: '菜谱',
+    icon: ''
+  },
+  '/food/record': {
+    title: '记录',
+    icon: ''
+  },
+  '/food/detail/:id': {
+    title: '菜谱内容',
+    icon: ''
+  },
+  '/food/recipeForm': {
+    title: '菜谱表单',
+    icon: ''
+  },
+  '/food/recordForm': {
+    title: '记录表单',
+    icon: ''
+  },
   '/travel': {
     title: '旅行记录',
     icon: '',
-    order: 2,
+    order: 3,
     redirect: '/travel/spot'
   },
   '/travel/spot': {
@@ -56,7 +82,7 @@ export const mobileHomeMeta: IRouteMetaConfig = {
   '/health': {
     title: '运动健康',
     icon: '',
-    order: 3,
+    order: 4,
     redirect: '/health/calendar'
   },
   '/health/calendar': {
@@ -70,7 +96,7 @@ export const mobileHomeMeta: IRouteMetaConfig = {
   '/anniversary': {
     title: '纪念日',
     icon: 'home-anniversary',
-    order: 4,
+    order: 5,
     redirect: '/anniversary/list'
   },
   '/anniversary/list': {
@@ -88,7 +114,7 @@ export const mobileHomeMeta: IRouteMetaConfig = {
   '/period': {
     title: '月经记录',
     icon: 'home-period',
-    order: 5,
+    order: 6,
     redirect: '/period/calendar'
   },
   '/period/calendar': {
@@ -106,7 +132,7 @@ export const mobileHomeMeta: IRouteMetaConfig = {
   '/product': {
     title: '物品记录',
     icon: 'home-product',
-    order: 6,
+    order: 7,
     redirect: '/product/list'
   },
   '/product/list': {
@@ -120,7 +146,7 @@ export const mobileHomeMeta: IRouteMetaConfig = {
   '/journal': {
     title: '日记',
     icon: 'home-product',
-    order: 7,
+    order: 8,
     redirect: '/journal/record'
   },
   '/journal/record': {
@@ -138,7 +164,7 @@ export const mobileHomeMeta: IRouteMetaConfig = {
   '/kpi': {
     title: '绩效',
     icon: 'home-kpi',
-    order: 8,
+    order: 9,
     redirect: '/kpi/record'
   },
   '/kpi/record': {
@@ -152,7 +178,7 @@ export const mobileHomeMeta: IRouteMetaConfig = {
   '/asset': {
     title: '资产',
     icon: 'home-asset',
-    order: 9,
+    order: 10,
     redirect: '/asset/list'
   },
   '/asset/list': {
@@ -166,7 +192,7 @@ export const mobileHomeMeta: IRouteMetaConfig = {
   '/ledger': {
     title: '账本',
     icon: 'home-ledger',
-    order: 10,
+    order: 11,
     redirect: '/ledger/list'
   },
   '/ledger/list': {
@@ -184,7 +210,7 @@ export const mobileHomeMeta: IRouteMetaConfig = {
   '/password': {
     title: '密码',
     icon: 'home-password',
-    order: 11,
+    order: 12,
     redirect: '/password/list'
   },
   '/password/list': {
@@ -194,7 +220,7 @@ export const mobileHomeMeta: IRouteMetaConfig = {
   '/profile': {
     title: '个人信息',
     icon: '',
-    order: 12,
+    order: 13,
     hidden: true,
     redirect: '/profile/index'
   },