From 70302279c86a48accdd3c59055ea57c45ef65dbd Mon Sep 17 00:00:00 2001 From: csy <435732439@qq.com> Date: Wed, 6 Mar 2024 21:21:01 +0800 Subject: [PATCH] =?UTF-8?q?=E5=95=86=E5=93=81=E8=A7=84=E6=A0=BC=E5=B1=9E?= =?UTF-8?q?=E6=80=A7=E5=8A=9F=E8=83=BD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/product/rule/index.vue | 131 +++++++++++++++++++++++++++++-- 1 file changed, 126 insertions(+), 5 deletions(-) diff --git a/src/views/product/rule/index.vue b/src/views/product/rule/index.vue index 0d61973..1179762 100644 --- a/src/views/product/rule/index.vue +++ b/src/views/product/rule/index.vue @@ -65,6 +65,17 @@ + + + + + + + @@ -104,6 +115,46 @@ + + + + {{ruleAttr.name}} + + + + + {{ruleProperty}} + + + 添加 + + + + + + 添加规格 + + + + + + + + + 添加 + +
确 定 @@ -155,13 +206,86 @@ export default { createTime: [ { required: true, message: "创建时间不能为空", trigger: "blur" } ], - } + }, + ruleAddForm:{ + name: null, + valueList: null, + }, + ruleAddFormStatus: false, + addRulePropertyValue: null }; }, created() { this.getList(); }, methods: { + + removeRule(index){ + this.form.ruleAttrList.splice(index,1); + }, + removeRuleProperty(valueList,index){ + valueList.splice(index,1); + }, + addRuleProperty(ruleAttr,continuousInput){ + if(this.addRulePropertyValue===null || this.addRulePropertyValue===0){ + if(!continuousInput){ + ruleAttr.ruleAttrAddStatus=!ruleAttr.ruleAttrAddStatus + } + return; + } + if(ruleAttr.valueList.indexOf(this.addRulePropertyValue)>-1){ + this.$message( + { + message:`规格[${ruleAttr.name}]属性值[${this.addRulePropertyValue}]已经存在`, + type:'warning' + } + ); + return; + } + ruleAttr.valueList.push(this.addRulePropertyValue) + this.addRulePropertyValue=null; + if(!continuousInput){ + ruleAttr.ruleAttrAddStatus=!ruleAttr.ruleAttrAddStatus + } + }, + ruleAddFormFun(){ + if(this.ruleAddForm.name===null||this.ruleAddForm.name.length===0){ + this.$message({ + message:'规格名称不可为空', + type:'warning' + }); + return; + } + if(this.ruleAddForm.valueList===null || this.ruleAddForm.valueList.length===0){ + this.$message({ + message:'规格属性不可为空', + type:'warning' + }); + return; + } + let ruleAttr=this.form.ruleAttrList.find(ruleAttr => ruleAttr.name===this.ruleAddForm.name); + if(ruleAttr===undefined){ + this.form.ruleAttrList.push({ + "name":this.ruleAddForm.name, + "valueList":[this.ruleAddForm.valueList], + "ruleAttrAddStatus":false + }) + }else{ + if(ruleAttr.valueList.indexOf(this.ruleAddForm.valueList)>-1){ + this.$message({ + message:`规格[${this.ruleAddForm.name}]属性值[${this.ruleAddForm.valueList}]已经存在`, + type:'warning' + }); + return; + } + ruleAttr.valueList.push(this.ruleAddForm.valueList) + } + this.ruleAddForm={ + name:null, + valueList:null, + } + this.ruleAddFormStatus=false; + }, /** 查询商品规格列表 */ getList() { this.loading = true; @@ -183,10 +307,7 @@ export default { name: null, status: null, remark: null, - createBy: null, - createTime: null, - updateBy: null, - updateTime: null + ruleAttrList:[] }; this.resetForm("form"); },