|
@@ -3,8 +3,8 @@
|
|
|
<Table :data="tableData1" :columns="tableColumns1" stripe></Table>
|
|
|
<div style="margin: 10px;overflow: hidden">
|
|
|
<div style="float: right;">
|
|
|
- <Page :total="pagerData.page.dataTotal" :current="pagerData.page.pageIndex"
|
|
|
- :page-size="pagerData.page.pageSize" show-total show-sizer
|
|
|
+ <Page :total="dataTotal" :current="pageIndex"
|
|
|
+ :page-size="pageSize" show-total show-sizer
|
|
|
@on-change="changePage"
|
|
|
@on-page-size-change="changePageSize"
|
|
|
></Page>
|
|
@@ -18,13 +18,9 @@
|
|
|
name: "gateway-cfg",
|
|
|
data() {
|
|
|
return {
|
|
|
- pagerData: {
|
|
|
- page: {
|
|
|
- dataTotal: 0,
|
|
|
- pageIndex: 1,
|
|
|
- pageSize: 10
|
|
|
- }
|
|
|
- },
|
|
|
+ dataTotal: 0,
|
|
|
+ pageIndex: 1,
|
|
|
+ pageSize: 10,
|
|
|
tableData1: this.mockTableData1(),
|
|
|
tableColumns1: [
|
|
|
{
|
|
@@ -84,17 +80,18 @@
|
|
|
methods: {
|
|
|
mockTableData1() {
|
|
|
let data = [];
|
|
|
+ let total = this.dataTotal;
|
|
|
this.$http.get('/api/user/ajaxList', {
|
|
|
params: {
|
|
|
- 'pageIndex': pageIndex,
|
|
|
- 'pageSize': pageSize
|
|
|
+ 'pageIndex': this.pageIndex,
|
|
|
+ 'pageSize': this.pageSize
|
|
|
}
|
|
|
}).then(function (result) {
|
|
|
+ total = result.data.total;
|
|
|
result = result.data.data;
|
|
|
for (let i = 0; i < result.length; i++) {
|
|
|
data.push(result[i]);
|
|
|
}
|
|
|
- this.pagerData.page.dataTotal = result.data.total;
|
|
|
});
|
|
|
return data;
|
|
|
},
|
|
@@ -114,11 +111,11 @@
|
|
|
return y + '-' + m + '-' + d + ' ' + hours + ':' + min + ':' + sec;
|
|
|
},
|
|
|
changePage(value) {
|
|
|
- this.pagerData.page.pageIndex = value;
|
|
|
+ this.pageIndex = value - 1;
|
|
|
this.tableData1 = this.mockTableData1();
|
|
|
},
|
|
|
changePageSize(value) {
|
|
|
- this.pagerData.page.pageSize = value;
|
|
|
+ this.pageSize = value;
|
|
|
this.tableData1 = this.mockTableData1();
|
|
|
}
|
|
|
}
|