|
|
@@ -93,7 +93,26 @@
|
|
|
<!-- @next-click="currentChange"-->
|
|
|
<!-- />-->
|
|
|
<!-- </div>-->
|
|
|
- <pageinationnew :total="total" :size="queryParams.pageSize" :page="queryParams.pageNum" :changge="currentChange" :isUrl="true"></pageinationnew>
|
|
|
+ <div style="overflow: hidden;margin-top: 20px;">
|
|
|
+ <div style="width: 330px;float: right;">
|
|
|
+ <van-pagination
|
|
|
+ v-model="queryParams.pageNum"
|
|
|
+ :total-items="total"
|
|
|
+ :show-page-size="7"
|
|
|
+ force-ellipses
|
|
|
+ @change="currentChange"
|
|
|
+ >
|
|
|
+ <template #prev-text>
|
|
|
+ <i class="el-icon-arrow-left"></i>
|
|
|
+ </template>
|
|
|
+ <template #next-text>
|
|
|
+ <i class="el-icon-arrow-right"></i>
|
|
|
+ </template>
|
|
|
+ </van-pagination>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
@@ -105,14 +124,16 @@
|
|
|
import { listCustomer,listExport } from "@/api/customerInformation/customerInformation.js";
|
|
|
import Axios from 'axios'
|
|
|
import { tansParams } from "@/utils/ruoyi";
|
|
|
- import Vue from 'vue'
|
|
|
- import pageinationnew from 'vue_pageination';
|
|
|
- Vue.use(pageinationnew);
|
|
|
+ import Vue from 'vue';
|
|
|
+ import { Pagination } from 'vant';
|
|
|
+ import 'vant/lib/index.css'
|
|
|
+
|
|
|
+ Vue.use(Pagination);
|
|
|
|
|
|
export default {
|
|
|
name: "UserInfoList",
|
|
|
components: {
|
|
|
- pageinationnew
|
|
|
+ [Pagination.name]: Pagination,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -276,33 +297,22 @@
|
|
|
}
|
|
|
</style>
|
|
|
<style>
|
|
|
- .pagination-container {
|
|
|
- /*background: #fff;*/
|
|
|
- padding: 32px 16px;
|
|
|
- }
|
|
|
- .pagination-container.hidden {
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .pageination div:first-child,.pageination div:last-child{
|
|
|
- display: none;
|
|
|
- }
|
|
|
- .pageination div:nth-last-child(2){
|
|
|
- border-right:1px solid #d1dbe5;
|
|
|
- }
|
|
|
- .pagination_page{
|
|
|
+ .van-pagination__item{
|
|
|
min-width: 30px !important;
|
|
|
- box-sizing: border-box;
|
|
|
- border: 0 !important;
|
|
|
- margin: 0 6px;
|
|
|
+ height: 28px !important;
|
|
|
+ border-radius: 2px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #606266;
|
|
|
+ }
|
|
|
+ .van-pagination__item--active{
|
|
|
+ color: #FFF;
|
|
|
+ background: #013C8A;
|
|
|
}
|
|
|
- .pagination_page_active{
|
|
|
- background-color: #013C8A !important;
|
|
|
- color: #FFFFFF !important;
|
|
|
- border: 1px solid #013C8A !important;
|
|
|
- border-radius: 3px;
|
|
|
+ [class*=van-hairline]::after{
|
|
|
+ border: none;
|
|
|
}
|
|
|
- .pageination_align{
|
|
|
- text-align: right !important;
|
|
|
- margin-top: 30px;
|
|
|
+ .van-pagination__item:active {
|
|
|
+ color: #FFF;
|
|
|
+ background-color: #013C8A;
|
|
|
}
|
|
|
</style>
|
