c8ef675e by 焦小希

增加分页功能

1 parent 82971770
...@@ -5,7 +5,9 @@ var self = new Vue({ ...@@ -5,7 +5,9 @@ var self = new Vue({
5 search:'', 5 search:'',
6 projectId:null, 6 projectId:null,
7 userId:null, 7 userId:null,
8 total:5, 8 pageNum:1,
9 pageSize:10,
10 total:0,
9 // 表格数据 11 // 表格数据
10 tabaledata:[ 12 tabaledata:[
11 { 13 {
...@@ -57,8 +59,18 @@ var self = new Vue({ ...@@ -57,8 +59,18 @@ var self = new Vue({
57 keyword: this.search 59 keyword: this.search
58 } 60 }
59 }).then(res => { 61 }).then(res => {
60 this.total=res.data.data.total; 62 this.total=res.data.total;
61 this.tabaledata = res.data.data.list; 63 let data=res.data.data.Data;
64 let result =[]
65 if(data.length){
66 for (let i=0;i<data.length;i++){
67 for (let j=0;j<data[i].length;j++){
68 result.push( data[i][[j]]);
69 }
70 }
71 }
72 this.total = result.length;
73 this.tabaledata = result.slice((this.pageNum - 1) * this.pageSize, (this.pageNum - 1) * this.pageSize + this.pageSize);
62 }).catch(res=>{ 74 }).catch(res=>{
63 console.log(res) 75 console.log(res)
64 }); 76 });
...@@ -108,10 +120,14 @@ var self = new Vue({ ...@@ -108,10 +120,14 @@ var self = new Vue({
108 detailPage = window.open(this.handleJumpUrl(url)); 120 detailPage = window.open(this.handleJumpUrl(url));
109 parent.saveOpenNew?parent.saveOpenNew(detailPage):sreachparent(opener,"saveOpenNew",detailPage); 121 parent.saveOpenNew?parent.saveOpenNew(detailPage):sreachparent(opener,"saveOpenNew",detailPage);
110 }, 122 },
111 handleSizeChange(){ 123 handleSizeChange(pageSize){
112 124 this.pageSize = pageSize
125 this.getData()
126 },
127 handleCurrentChange(pageNum){
128 this.pageNum = pageNum
129 this.getData()
113 }, 130 },
114 handleCurrentChange(){},
115 openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') { 131 openHandleJumpUrl (flowId, itemTypeId, _stats = 'create') {
116 // debugger 132 // debugger
117 var unique = this.uuid(); 133 var unique = this.uuid();
......
...@@ -219,9 +219,9 @@ ...@@ -219,9 +219,9 @@
219 <el-pagination 219 <el-pagination
220 @size-change="handleSizeChange" 220 @size-change="handleSizeChange"
221 @current-change="handleCurrentChange" 221 @current-change="handleCurrentChange"
222 :current-page="1" 222 :current-page="pageNum"
223 :page-sizes="[2, 5, 8]" 223 :page-sizes="[5, 10, 15]"
224 :page-size="1" 224 :page-size="pageSize"
225 layout="total, sizes, prev, pager, next, jumper" 225 layout="total, sizes, prev, pager, next, jumper"
226 :total="total"> 226 :total="total">
227 </el-pagination> 227 </el-pagination>
......