日志分页
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