增加参考价格

src/components/feed/RawMaterialForm.vue

@@ -1,8 +1,11 @@
 <template>
-  <el-form :model="formData" :rules="rules" ref="formRef" label-width="100px">
+  <el-form :model="formData" :rules="rules" ref="formRef" label-width="150px">
     <el-form-item label="原料名称" prop="name">
       <el-input v-model="formData.name" placeholder="请输入原料名称"></el-input>
     </el-form-item>
+    <el-form-item label="参考价格(kg/元)" prop="reference_price">
+      <el-input-number v-model="formData.reference_price" :min="0" :precision="2" :step="0.01" controls-position="right" style="width: 100%;"></el-input-number>
+    </el-form-item>
     <el-form-item label="描述" prop="description">
       <el-input
         v-model="formData.description"
@@ -34,6 +37,7 @@ export default {
       default: () => ({
         name: '',
         description: '',
+        reference_price: 0, // 新增参考价格默认值
       }),
     },
   },
@@ -43,6 +47,7 @@ export default {
     const formData = reactive({
       name: '',
       description: '',
+      reference_price: 0, // 新增参考价格
     });
 
     // 监听 initialData 变化，用于编辑模式下初始化表单
@@ -52,6 +57,7 @@ export default {
         if (newVal) {
           formData.name = newVal.name || '';
           formData.description = newVal.description || '';
+          formData.reference_price = newVal.reference_price || 0; // 初始化参考价格
         }
       },
       { immediate: true, deep: true }
@@ -62,6 +68,11 @@ export default {
         { required: true, message: '请输入原料名称', trigger: 'blur' },
         { min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' },
       ],
+      reference_price: [
+        { required: true, message: '请输入参考价格', trigger: 'change' },
+        { type: 'number', message: '参考价格必须是数字', trigger: 'change' },
+        { min: 0, type: 'number', message: '参考价格不能小于0', trigger: 'change' },
+      ],
     };
 
     const submitForm = () => {
@@ -85,6 +96,7 @@ export default {
       // 手动重置 formData，因为 resetFields 不会重置未绑定 prop 的字段
       formData.name = '';
       formData.description = '';
+      formData.reference_price = 0; // 重置参考价格
     };
 
     return {

src/components/feed/RawMaterialTable.vue

@@ -38,7 +38,8 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column prop="name" label="原料名称"></el-table-column>
+      <el-table-column prop="name" label="原料名称" width="150"></el-table-column>
+      <el-table-column prop="reference_price" label="参考价格(kg/元)" width="180"></el-table-column>
       <el-table-column prop="description" label="描述"></el-table-column>
       <el-table-column label="操作">
         <template #default="scope">