目标:
- 表格方法的封装
- 新增修改的封装
- 删除方法的封装
- 一行代码实现增删改查
// 获取表格数据
export function getData(root, url, params) {
root.service.get(url, { params: params || {} })
.then(res => {
if (res.data.status === 200) {
root.tableData = res.data.data
root.total = res.data.total
}
})
.catch(err => {
throw err
})
}
// 新增和修改方法
import qs from 'qs'
export function changeInfo(root, method, url, form, callback) {
let data = qs.stringify(form)
root.service[method](url, data)
.then(res => {
if (res.data.status === 200) {
callback(root, url)
root.dialogFormVisible = false;
root.$refs['form'].resetFields()
root.$message({ type: 'success', message: res.data.message })
}
})
.catch(err => {
throw err
})
}
//删除方法封装
export function delData(root, url, id, callFun){
root.$alert('你确定要删除吗', '提示', {
confirmButtonText:'确定',
callback: () => {
root.service.delete(`${url}/${id}`).then(res =>{
if(res.data.status === 200){
console.log(res);
callFun(root, url)
root.$message({message: res.data.message, type: 'success'})
}
})
.catch(err => {
throw err
})
}
})
}