项目----信息列表页

目标：

• 表格方法的封装
• 新增修改的封装
• 删除方法的封装
• 一行代码实现增删改查

// 获取表格数据
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
        })
        }
       })
}