123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293 |
- <div class="row grid-page">
- <div class="col-md-12 form-inline" style="display: flex;
- display: -webkit-flex;align-items: center;justify-content: flex-end;margin-bottom: 0px !important;">
- <div>
- <div ng-show="ptotal>0" class="form-group" style="margin:0px 5px;">
- 每页
- <select ng-model="pagesize" class="form-control" style="background-color: white;width:60px;"
- ng-options="type as type for type in numbers">
- </select>
- </div>
- </div>
- <div>
- <div ng-if="ptotal>0" class="form-group">
- <p style="margin: 0px;"> 第{{pageindex}}页/共{{pages}}页</p>
- </div>
- </div>
- <div style="padding-right: 30px;padding-left: 10px;">
- <nav ng-if="ptotal>0">
- <style>
- a {
- cursor: pointer;
- }
- .pagination > li .pagination-icon {
- width: auto;
- height: 32px;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- -ms-border-radius: 0;
- border-radius: 0;
- padding: 6px;
- }
- .pagination > li > a .material-icons {
- position: relative;
- bottom: 2px;
- }
- </style>
- <ul class="pagination" style="margin: 10px 0;">
- <li>
- <!--<a ng-click="PreviousFirst()">
- <span>«</span>
- </a>-->
- <a href="javascript:void(0);" class="waves-effect pagination-icon" ng-click="PreviousFirst()">
- <i class="material-icons">first_page</i>
- </a>
- </li>
- <li>
- <!--<a ng-click="Previous()">
- <span><</span>
- </a>-->
- <a href="javascript:void(0);" class="waves-effect pagination-icon" ng-click="Previous()">
- <i class="material-icons">chevron_left</i>
- </a>
- </li>
- <li ng-repeat="page in pageList" ng-class="{active: isActivePage(page)}">
- <a ng-click="selectPage(page)">{{ page }}</a>
- </li>
- <li>
- <!--<a ng-click="isLast==true? false:Next()">
- <span>></span>
- </a>-->
- <a href="javascript:void(0);" class="waves-effect pagination-icon"
- ng-click="isLast==true? false:Next()">
- <i class="material-icons">chevron_right</i>
- </a>
- </li>
- <li>
- <!--<a ng-click="NextLast()">
- <span>»</span>
- </a>-->
- <a href="javascript:void(0);" class="waves-effect pagination-icon" ng-click="NextLast()">
- <i class="material-icons">last_page</i>
- </a>
- </li>
- <li>
- <input style="width:60px;margin-left:15px" class="form-control" type="number"
- ng-model="skipPageNumber" name="skipPageNumber" min="1" />
- </li>
- <li>
- <button style="margin-left:15px" class="btn btn-default" ng-click="skipPage(skipPageNumber)">
- 跳转
- </button>
- </li>
-
- <li ng-if="mergetotal==null || mergetotal==''">共 {{ptotal}} 条</li>
- <li ng-if="mergetotal!=null && mergetotal!=''">共 {{mergetotal}} 条</li>
- </ul>
- </nav>
- </div>
- </div>
- </div>
|