/** 单条置顶 */
handleTop(val) {
this.setTopOrPublic(val.row.id, 1, 'setTop')
},
/** 取消置顶 */
handleCancelTop(val) {
this.setTopOrPublic(val.row.id, 0, 'setTop')
},
/** 单条发布 */
handlePublic(val) {
this.setTopOrPublic(val.row.id, 1, 'setPublish')
},
/** 取消发布 */
handleCancelPublic(val) {
this.setTopOrPublic(val.row.id, 0, 'setPublish')
},
/**
* 置顶与取消置顶接口调用-flag 1置顶,0取消置顶-method:'setTop'置顶
* 发布与取消发布接口调用-flag 1发布,0取消发布-method:'setPublish'发布
* */
setTopOrPublic(id, flag, method) {
let params = {
flag: flag,
id: id
}
let OperationMethod = method === 'setTop' ? '置顶' : method === 'setPublish' ? '发布' : ''
let OperationType = flag ? OperationMethod : '取消' + OperationMethod
let successMsg = OperationType + '成功'
this.$confirm('确认 ' + OperationType + ' 选中项吗?', this.$t('dialog.tip'), {
confirmButtonText: this.$t('button.confirm'), // '确认'
cancelButtonText: this.$t('button.cancel'), // '取消'
type: 'warning'
})
.then(() => {
API.put(this.apiName, params, method).then(res => {
if (res.code === '0000') {
this.$notify({
title: '成功',
message: successMsg,
type: 'success',
duration: 2000
})
this.getList()
} else {
this.$notify({
title: '失败',
message: res.message,
type: 'error',
duration: 2000
})
}
})
})
.catch(() => {
this.$message({
type: 'info',
message: '操作取消'
})
})
}
一个方法,调用不同状态的接口,传递不同的参数,confirm提示不同的状态
于 2021-09-04 09:47:52 首次发布