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);
})
