增加分页功能

1 parent 82971770
......@@ -5,7 +5,9 @@ var self = new Vue({
search:'',
projectId:null,
userId:null,
total:5,
pageNum:1,
pageSize:10,
total:0,
// 表格数据
tabaledata:[
{
......@@ -57,8 +59,18 @@ var self = new Vue({
keyword: this.search
}
}).then(res => {
this.total=res.data.data.total;
this.tabaledata = res.data.data.list;
this.total=res.data.total;
let data=res.data.data.Data;
let result =[]
if(data.length){
for (let i=0;i<data.length;i++){
for (let j=0;j<data[i].length;j++){
result.push( data[i][[j]]);
}
}
}
this.total = result.length;
this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize);
}).catch(res=>{
console.log(res)
});
......@@ -108,10 +120,14 @@ var self = new Vue({
detailPage = window.open(this.handleJumpUrl(url));
parent.saveOpenNew?parent.saveOpenNew(detailPage):sreachparent(opener,"saveOpenNew",detailPage);
},
handleSizeChange(){
handleSizeChange(pageSize){
this.pageSize = pageSize
this.getData()
},
handleCurrentChange(pageNum){
this.pageNum = pageNum
this.getData()
},
handleCurrentChange(){},
openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') {
// debugger
var unique = this.uuid();
......
......@@ -219,9 +219,9 @@
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="1"
:page-sizes="[2, 5, 8]"
:page-size="1"
:current-page="pageNum"
:page-sizes="[5, 10, 15]"
:page-size="pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="total">
</el-pagination>
......