diff --git a/src/views/product/info/index.vue b/src/views/product/info/index.vue index f42533a..4ece47c 100644 --- a/src/views/product/info/index.vue +++ b/src/views/product/info/index.vue @@ -211,7 +211,7 @@
- + 属性组【{{templateAttributeGroup.groupName}}】
- + @@ -291,7 +291,7 @@ 属性值填写
- + @@ -349,7 +349,7 @@
- +
@@ -413,14 +413,34 @@ export default { form: {}, // 表单校验 rules: { - createBy: [ - { required: true, message: "创建人不能为空", trigger: "blur" } + name: [ + { required: true, message: "商品名称不能为空", trigger: "blur" } ], - createTime: [ - { required: true, message: "创建时间不能为空", trigger: "blur" } + status: [ + { required: true, message: "商品状态不能为空", trigger: "blur" } + ], + brandId: [ + { required: true, message: "商品品牌不能为空", trigger: "blur" } + ], + image: [ + { required: true, message: "商品图片不能为空", trigger: "blur" } + ], + carouselImages: [ + { required: true, message: "商品轮播图不能为空", trigger: "blur" } + ], + type: [ + { required: true, message: "商品品类不能为空", trigger: "blur" } + ], + ruleId: [ + { required: true, message: "商品规格不能为空", trigger: "blur" } ], }, - stepNumber: 1, + rulesTemplateMap: { + 0: ["name", "status", "brandId", "image", "carouselImages"], + 1: ["type"], + 2: ["ruleId"], + }, + stepNumber: 0, brandList: [], categoryOptions: [], categoryOptionValue: [], @@ -456,7 +476,6 @@ export default { "image": null, "stock": null, "price": null - } }; }, @@ -619,7 +638,16 @@ export default { this.stepNumber-- }, next() { - this.stepNumber++ + let isValidate = true; + this.$refs["form"].validateField(this.rulesTemplateMap[this.stepNumber],(valid) => { + console.log(valid) + if (valid) { + isValidate = false; + } + }); + if (isValidate){ + this.stepNumber++ + } }, /** 查询商品信息列表 */ getList() {