直播页码

liwei2917
1 parent 26532859
Showing 2 changed files with 48 additions and 1 deletions
src/main/java/com/cnlive/shenhe/controller/LiveController.java
src/main/resources/templates/page/live.html
@@ -126,7 +126,7 @@ public class LiveController {
         Integer spid = sessionUser.getSpid();
         String userId = sessionUser.getUserId();
         if (CommonUtils.isNull(page)) page = 1;
-        if (CommonUtils.isNull(pageSize)) pageSize = 60;
+        if (CommonUtils.isNull(pageSize)) pageSize = 30;
         if (CommonUtils.isNotEmpty(sp_desc) && spid == 0) {
         	ShySites shySite=sitesService.findspidBySpdesc(sp_desc);
         	if(CommonUtils.isNotNull(shySite)){
@@ -182,6 +182,8 @@
 									</div>
 								</div>
+								<div class="fixed-table-container" style="padding-bottom: 0px;">
+								<div class="fixed-table-body">
 								<table id="table">
 									<div>
 										<div class="col-xs-2 col-lg-2 margin-bottom action" th:each="live : ${livePage.list}">
@@ -278,7 +280,52 @@
 									</div>
 								</table>
+								</div>
+
+    							<!--分页处理-->
+                                <div class="fixed-table-pagination" style="display: block;">
+                                    <div class="pull-left pagination-detail"><span class="pagination-info"
+                                                                                   th:text="'共 '+${livePage.total}+' 条记录'">共 0 条记录</span>
+                                    </div>
+                                    <div class="pull-right pagination">
+                                        <ul class="pagination" th:if="${livePage.pages>1}">
+                                            <li class="page-pre"><a th:href="'javascript:fanye(1);'">‹‹</a></li>
+                                            <li class="page-pre" th:if="${!livePage.isFirstPage}"><a
+                                                    th:onclick="'javascript:fanye(\''+${livePage.pageNum-1}+'\');'">‹</a>
+                                            </li>
+
+                                            <li class="page-number" th:if="${livePage.pageNum-3>=1}"><a
+                                                    th:onclick="'javascript:fanye(\''+${livePage.pageNum-3}+'\');'"
+                                                    th:text="${livePage.pageNum-3}">2</a></li>
+                                            <li class="page-number" th:if="${livePage.pageNum-2>=1}"><a
+                                                    th:onclick="'javascript:fanye(\''+${livePage.pageNum-2}+'\');'"
+                                                    th:text="${livePage.pageNum-2}">2</a></li>
+                                            <li class="page-number" th:if="${livePage.pageNum-1>=1}"><a
+                                                    th:onclick="'javascript:fanye(\''+${livePage.pageNum-1}+'\');'"
+                                                    th:text="${livePage.pageNum-1}">2</a></li>
+                                            <li class="page-number active"><a href="javaScript:void(0);"
+                                                                              th:text="${livePage.pageNum}">2</a></li>
+                                            <li class="page-number" th:if="${livePage.pageNum+1<=livePage.pages}"><a
+                                                    th:onclick="'javascript:fanye(\''+${livePage.pageNum+1}+'\');'"
+                                                    th:text="${livePage.pageNum+1}">2</a></li>
+                                            <li class="page-number" th:if="${livePage.pageNum+2<=livePage.pages}"><a
+                                                    th:onclick="'javascript:fanye(\''+${livePage.pageNum+2}+'\');'"
+                                                    th:text="${livePage.pageNum+2}">2</a></li>
+                                            <li class="page-number" th:if="${livePage.pageNum+3<=livePage.pages}"><a
+                                                    th:onclick="'javascript:fanye(\''+${livePage.pageNum+3}+'\');'"
+                                                    th:text="${livePage.pageNum+3}">2</a></li>
+
+                                            <li class="page-next" th:if="${!livePage.isLastPage}"><a
+                                                    th:onclick="'javascript:fanye(\''+${livePage.pageNum+1}+'\');'">›</a>
+                                            </li>
+                                            <li class="page-next"><a
+                                                    th:onclick="'javascript:fanye(\''+${livePage.pages}+'\');'">››</a>
+                                            </li>
+                                        </ul>
+                                    </div>
+                                </div>
+                                </div>
 							</div>
 						</div>
 					</div>