var app7 = new Vue({
el: '#tableTest1',
data: {
//message: [],
message: [],
columns: [{
title: 'Id',
field: 'bz'
},
{
field: 'name',
title: 'Item Name'
}, {
field: 'url',
title: 'url'
}, {
field: 'alex',
title: 'alex'
}, {
field: 'country',
title: 'country'
}
]
},
created() {
//console.log(this.message)
this.inquireinfo();
//this.intervalGetData();
//console.log(this.message)
},
methods: {
inquireinfo() {
//es6 箭头函数的写法
// $.get("selectBtTable.php?action=init_data_list", data => {
// var data = JSON.parse(data);
// this.message = data;
// $('#tableTest1').bootstrapTable('load', this.message);
// console.log("init data")
// })
var self = this;
self.requestApi({
modulename: "BatchRate",
funname: "BatchRate",
para: {},
success: (res) => {
console.log(res)
self.message = res;
console.log(self.message);
//if (res.res == "success") {
// //toastr.success("替换成功", '', {
// // progressBar: true
// //})
// //self.queryData(newPallet)
//} else {
// //toastr.error(res.msg, '替换失败', {
// // progressBar: true
// //})
//}
},
fail: (ex) => {
console.log(ex)
//toastr.error(ex, '出错', {
// progressBar: true
//})
}
})
},
operateFormatter: function (value, row, index) {
return [
'',
'',
' ',
'',
'',
''
].join('')
},
requestApi: function (config) {//modulename, funname, para, success, fail) {
fetch("/api/" + config.modulename + "/" + config.funname + "", {
method: "post",
headers: {
"Accept": "application/json, text/plain, */*",
"Content-Type": "application/json"
},
body: JSON.stringify(config.para)
}).then(
(res) => { return res.json() }
).then(
(res) => { config.success(res) }
).catch(
(ex) => { config.fail(ex) }
)
}
},
mounted() {
console.log(this.message + "mounted")
$('#tableTest1').bootstrapTable({ columns: this.columns, search: true, showRefresh: true });
}
})