feat:增加菜谱记录功能

src/components/Food/FoodMaterialForm.vue

@@ -4,7 +4,7 @@
       <el-button type="primary" @click="addClick">新增</el-button>
     </div>
     <el-table :data="foodStore.currentRecipe.materialList"
-              border stripe class="material-table">
+              border stripe @row-click="handleRowClick" class="material-table">
       <el-table-column type="index" align="center" width="40" />
       <el-table-column prop="type" label="类型" align="center" min-width="10%"/>
       <el-table-column prop="name" label="名称" align="center" min-width="20%"/>
@@ -17,7 +17,6 @@
 import { useFoodStore } from '@/store/food'
 import type { IMaterial } from '@/types/food'
 import { deepCopyObject } from 'vue3-common/utils/dataUtil'
-import { commonElMessageBox } from 'vue3-common/utils/elUtil'
 
 const foodStore = useFoodStore()
 
@@ -30,22 +29,15 @@ const addClick = () => {
   }
 }
 
-const editClick = (index: number, material: IMaterial) => {
-  foodStore.editMaterialIndex = index
+const handleRowClick = (row: IMaterial) => {
+  foodStore.editMaterialIndex = foodStore.currentRecipe.materialList.indexOf(row)
   foodStore.materialApiType = 'UPDATE'
   foodStore.materialDialog = {
     title: '编辑食材',
     visible: true,
-    data: deepCopyObject(material)
+    data: deepCopyObject(row)
   }
 }
-
-const deleteClick = (index: number, material: IMaterial) => {
-  foodStore.materialApiType = 'DELETE'
-  commonElMessageBox(`确认删除该食材: ${material.name}?`).then(() => {
-    foodStore.currentRecipe.materialList.splice(index, 1)
-  })
-}
 </script>
 
 <style lang="scss">