feat:增加菜谱显示模块

src/views/record/recordForm.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="food-record-form common-mobile-view">
-    <el-form ref="formRef" :model="foodStore.currentFoodRecord"
+    <el-form ref="formRef" :model="foodStore.currentRecord"
              :rules="rules" label-width="80">
       <el-form-item label="菜谱名称" prop="name">
         <el-select
-            v-model="foodStore.currentFoodRecord.name"
+            v-model="foodStore.currentRecord.name"
             @focus="foodStore.queryFoodNameList()"
             allow-create filterable
-            :disabled="foodStore.foodRecordApiType === 'UPDATE'"
+            :disabled="foodStore.recordApiType === 'UPDATE'"
             placeholder="请输入或选择菜谱名称">
           <el-option
               v-for="(item, index) in foodStore.foodNameList"
@@ -18,28 +18,17 @@
 
       <el-form-item label="完成时间" prop="date">
         <el-date-picker
-            v-model="foodStore.currentFoodRecord.date"
+            v-model="foodStore.currentRecord.date"
             type="date" :editable="false" placeholder="请选择完成时间"
             value-format="YYYY-MM-DD"/>
       </el-form-item>
 
-      <el-form-item label="完成人" prop="person">
-        <el-select
-            v-model="foodStore.currentFoodRecord.person"
-            placeholder="请选择完成人">
-          <el-option
-              v-for="(item, index) in ['哥哥', '宝宝']"
-              :key="index" :label="item" :value="item"
-          />
-        </el-select>
-      </el-form-item>
-
       <el-form-item label="图片">
-        <upload-image v-model="foodStore.currentFoodRecord.imageUrl"
+        <upload-image v-model="foodStore.currentRecord.imageUrl"
                       :service-url="fileServiceUrl"
                       :image-limit="1"
                       :service-file-root-path="serviceFileRootPath"
-                      :image-path="foodStore.foodImagePath"/>
+                      :image-path="foodStore.imagePath"/>
       </el-form-item>
     </el-form>
 
@@ -55,7 +44,7 @@
 import { UploadImage } from 'vue3-common'
 import { useFoodStore } from '@/store/food.ts'
 import { ref, reactive } from 'vue'
-import { FormRules } from 'element-plus'
+import type { FormRules } from 'element-plus'
 import { foodRecordRules } from '@/utils/element/elRules'
 import { fileServiceUrl, serviceFileRootPath } from '@/utils'
 import { commonElMessageBox } from 'vue3-common/utils/elUtil'
@@ -70,7 +59,7 @@ const foodStore = useFoodStore()
  */
 const confirmClick = () => {
   formRef.value.validate().then(() => {
-    foodStore.handleFoodRecordApi(foodStore.currentFoodRecord)
+    foodStore.handleRecordApi(foodStore.currentRecord)
     history.back()
   })
 }
@@ -81,8 +70,8 @@ const cancelClick = () => {
 
 const deleteClick = () => {
   commonElMessageBox('是否确认删除该记录?').then(() => {
-    foodStore.foodRecordApiType = 'DELETE'
-    foodStore.handleFoodRecordApi(foodStore.currentFoodRecord)
+    foodStore.recordApiType = 'DELETE'
+    foodStore.handleRecordApi(foodStore.currentRecord)
     history.back()
   })
 }