// 解綁
unBind(row) {
this.$confirm('是否確認(rèn)解除該條表單綁定酬荞？', '確認(rèn)', {
confirmButtonText: '確定',
cancelButtonText: '取消',
customClass: 'customConfirm',
cancelButtonClass: 'btn-custom-cancel',
type: 'warning'
})
.then(() => {
this.$Puting(this.$api.updateFormBind, { relationId: row.relationId, defId: '' }).then((res) => {
if (res.code === '0') {
this.$message.success('解綁成功')
this.updateData(row.pid)
} else {
this.$message.error(res.message)
}
})
})
.catch(() => {})
},
增加了自定義樣式 customConfirm 和 btn-custom-cancel
修改樣式
.customConfirm .el-message-box__btns {
display: flex;
align-items: center;
justify-content: center;
}
.btn-custom-cancel {
margin-left: 10px;
order: 2 /* 將取消置到后面 */
}
image.png
