增加参考价格

This commit is contained in:
2025-11-25 20:38:51 +08:00
parent dd243ad2e7
commit cb4da5effa
2 changed files with 15 additions and 2 deletions

View File

@@ -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 {

View File

@@ -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">