发表于： 2020-05-01 21:30:14
0 1921
今天完成的事情：
上线下线通过对按钮绑定功能，
<button class="mx-xs color-blue bg-trans" @click="turnLineStatus(items)">{{upLineOrOffLine(items.status)}}</button>
通过计算属性设置按钮的是上线还是下线
computed: {
upLineOrOffLine() {
return function(val) {
if(val == 1) {
return '上线'
}else if(val == 2) {
return '下线'
}
}
},
turnLineStatus(items) {//转换上线和下线状态的按钮
this.$store.commit('turnLineStatus' , items)
},
上下线按钮功能的具体代码，最开始没仔细看任务文档导致传错参数。这个功能本身不难实现，主要是调整接口和headers。
turnLineStatus(state , items) { //转换上线和下线状态的按钮
if(items.status == 1) {
let i = confirm('是否执行上线操作')
if(i == true) {
let val = qs.stringify({
id: items.id,
status: 2
})
axios.put('api/a/u/article/status/' , val , {
headers: {
'content-type': 'application/x-www-form-urlencoded',
}
})
.then(res => {
if(res.data.code == 0) {
this.commit('turnPage')
}
})
}
}else if(items.status == 2) {
let i = confirm('是否执行下线操作')
if(i == true) {
let val = qs.stringify({
id: items.id,
status: 1
})
axios.put('api/a/u/article/status/' , val , {
headers: {
'content-type': 'application/x-www-form-urlencoded',
}
})
.then(res => {
if(res.data.code == 0) {
this.commit('turnPage')
}
})
}
}
},
明天要做的事情：
删除编辑按钮功能实现
返回列表
评论