<div class="pagination">
<el-pagination
@size-change="changeNum"
@current-change="changePage"
:current-page="where.pageNum"
:page-sizes="[10, 20, 30, 40]"
:page-size="where.pageSize"
layout="total, prev, pager, next,sizes"
:total="total">
</el-pagination>
</div>
export default {
name: 'whiteList',
components:{hotelDetail},
data () {
return {
total:0, // 数据条数 table 表格 接口 返回
where: {
roleName:null,
statusEnum:null,
startTime:null,
endTime:null,
pageNum: 1,
pageSize: 10,
orderByColumn:'create_time',
isAsc:'desc'
},
changeNum(val) {
this.where.pageSize = val;
this.getlist(); //table 列表数据获取方法
},
changePage(val) {
this.where.pageNum=val;
this.getlist();
},
getlist(status){
if(status=='default'){
this.where.pageNum=1;
this.tableData=[];
this.total=0;
}
var _that=this;
this.$axios({
method: "get",
url: '/system/role/page',
params: this.where,
headers: {
"Content-Type": "application/json;charset=UTF-8"
}
}).then(res => {
if (res.data.code == 0) {
if(res.data.data.rows!=null){
this.tableData=res.data.data.rows;
this.total = res.data.data.total;
}
} else {
_that.$notify.error({
title: '提醒',
message: res.data.msg
});
}
}).catch(function(error) {
_that.$notify.error({
title: '错误',
message: error.data.msg
});
});
},