日志分页
Showing
1 changed file
with
21 additions
and
3 deletions
| ... | @@ -52,6 +52,11 @@ | ... | @@ -52,6 +52,11 @@ |
| 52 | </el-table-column> | 52 | </el-table-column> |
| 53 | </el-table> | 53 | </el-table> |
| 54 | </div> | 54 | </div> |
| 55 | <div class="pagination"> | ||
| 56 | <el-pagination background layout="prev, pager, next,total" :total="total" | ||
| 57 | :current-page="pageNo" :page-size="pageSize" @current-change="handleCurrentChange"> | ||
| 58 | </el-pagination> | ||
| 59 | </div> | ||
| 55 | </div> | 60 | </div> |
| 56 | </template> | 61 | </template> |
| 57 | 62 | ||
| ... | @@ -65,6 +70,10 @@ | ... | @@ -65,6 +70,10 @@ |
| 65 | errorLog:[], | 70 | errorLog:[], |
| 66 | concreteLog:'', | 71 | concreteLog:'', |
| 67 | 72 | ||
| 73 | total: 0, | ||
| 74 | pageNo: 1, | ||
| 75 | pageSize: 50, | ||
| 76 | |||
| 68 | outerVisible: false, | 77 | outerVisible: false, |
| 69 | innerVisible: false, | 78 | innerVisible: false, |
| 70 | 79 | ||
| ... | @@ -98,15 +107,21 @@ | ... | @@ -98,15 +107,21 @@ |
| 98 | methods:{ | 107 | methods:{ |
| 99 | getData(){ | 108 | getData(){ |
| 100 | let data={ | 109 | let data={ |
| 101 | "startTime": "", | 110 | "startTime": this.startValue, |
| 102 | "pageNo": 1, | 111 | "endTime": this.endValue, |
| 103 | "pageSize": 50 | 112 | "pageNo": this.pageNo, |
| 113 | "pageSize": this.pageSize | ||
| 104 | }; | 114 | }; |
| 105 | getLogData(data).then((res)=>{ | 115 | getLogData(data).then((res)=>{ |
| 106 | console.log(res.result); | 116 | console.log(res.result); |
| 107 | this.tableData = res.result.records; | 117 | this.tableData = res.result.records; |
| 118 | this.total = res.result.total | ||
| 108 | }) | 119 | }) |
| 109 | }, | 120 | }, |
| 121 | handleCurrentChange(val) { | ||
| 122 | this.pageNo = val; | ||
| 123 | this.getData(); | ||
| 124 | }, | ||
| 110 | query(){ | 125 | query(){ |
| 111 | let data={ | 126 | let data={ |
| 112 | "startTime": this.startValue, | 127 | "startTime": this.startValue, |
| ... | @@ -175,5 +190,8 @@ | ... | @@ -175,5 +190,8 @@ |
| 175 | margin:10px; | 190 | margin:10px; |
| 176 | } | 191 | } |
| 177 | 192 | ||
| 193 | .pagination { | ||
| 194 | padding: 18px 0; | ||
| 195 | } | ||
| 178 | 196 | ||
| 179 | </style> | 197 | </style> |
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or sign in to post a comment