HTML中：<el-table-column prop="operation" label="操作" width="170"> <template slot-scope="scope"> <el-button size="small" type="success" @click="editRow(scope.$index,scope.row)">编辑</el-button> </template></el-table-column>弹框：
<el-dialog title="编辑尺寸" :visible.sync="dialogEditMeasure" class="dialogBox"> <el-form :model="Measureform"> <el-form-item label="测量编码：" :label-width="formLabelWidth"> <el-input disabled v-model="Measureform.designNum" ></el-input> </el-form-item> <el-form-item label="测量名称：" :label-width="formLabelWidth"> <el-input v-model="Measureform.designObjectName"></el-input> </el-form-item> <el-form-item label="测量允许下偏差：" :label-width="formLabelWidth"> <el-input-number v-model="Measureform.designAllowOffsetDown" :min="-100" :max="100" label="测量允许下偏差"></el-input-number> </el-form-item> <el-form-item label="测量允许上偏差：" :label-width="formLabelWidth"> <el-input-number v-model="Measureform.designAllowOffsetUp" :min="-100" :max="100" label="测量允许上偏差"></el-input-number> </el-form-item> <el-form-item label="设计尺寸：" :label-width="formLabelWidth"> <el-input-number v-model="Measureform.designSize" :min="-100" :max="100" label="设计尺寸"></el-input-number> </el-form-item> <el-form-item label="尺寸单位：" :label-width="formLabelWidth"> <el-input v-model="Measureform.designUnit" ></el-input> </el-form-item> <el-form-item label="尺寸读取数据源：" :label-width="formLabelWidth"> <el-input-number v-model="Measureform.designDataSource" :min="-100" :max="100" label="尺寸读取数据源"></el-input-number> </el-form-item> <el-form-item label="备注：" :label-width="formLabelWidth"> <el-input v-model="Measureform.designRemark" ></el-input> </el-form-item> </el-form> <div slot="footer" class="dialog-footer"> <el-button @click="dialogEditMeasure = false">取 消</el-button> <el-button type="primary" @click="queDing">确 定</el-button> </div></el-dialog>
data中：
myIds:'',
Measureform: {},
methods中：
editRow(index,row){ this.dialogEditMeasure = true; this.Measureform=Object.assign({},row); this.valueName=this.measureTable[index].partDesignSizeId },
queDing(){ this.dialogEditMeasure = false; for(let i=0;i<this.measureTable.length;i++){ if(this.measureTable[i].partDesignSizeId==this.valueName) { this.myIds=this.measureTable[i].partDesignSizeId; this.$ajax({ method: 'post', url: '/manage/measure/update/design/size/by/id', data:{ //以request payload形式传递参数 "partDesignSizeId": this.myIds, "designAllowOffsetDown":this.Measureform.designAllowOffsetDown, "designAllowOffsetUp":this.Measureform.designAllowOffsetUp, "designDataSource":this.Measureform.designDataSource, "designObjectName":this.Measureform.designObjectName, "designRemark":this.Measureform.designRemark, "designSize":this.Measureform.designSize, "designUnit":this.Measureform.designUnit, }, }).then((response) =>{ let aa = response.data.data; console.log(this.measureTable[0].designAllowOffsetDown) for(let j=0;j<this.measureTable.length;j++){ if(this.measureTable[j].partDesignSizeId==this.valueName) { this.measureTable[j].designNum=this.Measureform.designNum; this.measureTable[j].designObjectName=this.Measureform.designObjectName; this.measureTable[j].designAllowOffsetDown=this.Measureform.designAllowOffsetDown; this.measureTable[j].designAllowOffsetUp=this.Measureform.designAllowOffsetUp; this.measureTable[j].designSize=this.Measureform.designSize; this.measureTable[j].designUnit=this.Measureform.designUnit; this.measureTable[j].designDataSource=this.Measureform.designDataSource; this.measureTable[j].designRemark=this.Measureform.designRemark; //如果为零则不显示0 if(this.Measureform.designAllowOffsetDown===0){this.measureTable[i].designAllowOffsetDown=''} if(this.Measureform.designAllowOffsetUp===0){this.measureTable[i].designAllowOffsetUp=''} if(this.Measureform.designSize===0){this.measureTable[i].designSize=''} if(this.Measureform.designDataSource===0){this.measureTable[i].designDataSource=''} }} if (resData.success) { this.$message({ type: 'success', message: '编辑成功！' }); } else { alert(resData.message+'异常'); } }) } }}
this.$ajax({ method: 'post', url: '/manage/measure/insert/design/size',
params:{ //以Form Data的形式传参 startPageIndex: '1', pageSize: '10', },}).then((response)=> {}).catch((error)=> { console.log(error);})
转载于:https://www.cnblogs.com/benbenbai/p/10684146.html
