增加分页功能
Showing
2 changed files
with
25 additions
and
9 deletions
... | @@ -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> | ... | ... |
-
Please register or sign in to post a comment