| | |
| | | <el-dialog v-model="dialogVisible" :title="operationType === 'add' ? '新增BOM' : '编辑BOM'" width="600px" |
| | | @close="closeDialog"> |
| | | <el-form ref="formRef" :model="form" :rules="rules" label-width="120px"> |
| | | <el-form-item label="BOM名称" prop="bomName"> |
| | | <el-input v-model="form.bomName" placeholder="请输入BOM名称" clearable /> |
| | | </el-form-item> |
| | | <el-form-item label="产品名称" prop="productModelId"> |
| | | <el-button type="primary" @click="showProductSelectDialog = true"> |
| | | {{ form.productName || '选择产品' }} |
| | |
| | | dataType: 'slot', |
| | | slot: "detail", |
| | | minWidth: 140 |
| | | }, |
| | | { |
| | | label: "BOM名称", |
| | | prop: "bomName", |
| | | minWidth: 160 |
| | | }, |
| | | { |
| | | label: "产品名称", |
| | |
| | | const data = reactive({ |
| | | form: { |
| | | id: undefined, |
| | | bomName: "", |
| | | productName: "", |
| | | productModelName: "", |
| | | productModelId: "", |
| | |
| | | version: "" |
| | | }, |
| | | rules: { |
| | | bomName: [{ required: true, message: "请输入BOM名称", trigger: "blur" }], |
| | | productModelId: [{ required: true, message: "请选择产品", trigger: "change" }], |
| | | version: [{ required: true, message: "请输入版本号", trigger: "blur" }] |
| | | } |
| | |
| | | operationType.value = 'add'; |
| | | Object.assign(form.value, { |
| | | id: undefined, |
| | | bomName: "", |
| | | productName: "", |
| | | productModelName: "", |
| | | productModelId: "", |
| | |
| | | operationType.value = 'edit'; |
| | | Object.assign(form.value, { |
| | | id: row.id, |
| | | bomName: row.bomName || "", |
| | | productName: row.productName || "", |
| | | productModelName: row.productModelName || "", |
| | | productModelId: row.productModelId || "", |