更新接口传参以及部分信息展示

src/views/user_manage/user_list.vue

@@ -27,22 +27,23 @@
             <div class="card">
                 <!-- <div class="title">统计数据</div> -->
                 <div class="row">
-                    <div class="item">
-                        <!-- <div class="t">用户数</div>
-                        <div class="n">13</div> -->
-                    </div>
+                    <!-- <div class="item">
+                        <div class="t">用户数</div>
+                        <div class="n">13</div>
+                    </div> -->
                     <div class="item">
                         <div class="t">会员数</div>
-                        <div class="n">{{ shopInfo.userTotal }}</div>
+                        <div class="n">{{ shopInfo.userTotal||0 }}</div>
                     </div>
                     <div class="item">
                         <div class="t">会员余额</div>
-                        <div class="n">{{ shopInfo.chageTotal }}</div>
+                        <div class="n">{{ shopInfo.balanceTotal||0 }}</div>
                     </div>
                     <div class="item">
-                        <!-- <div class="t">总积分</div>
-                        <div class="n">0</div> -->
+                        <div class="t">充值金额</div>
+                        <div class="n">{{ shopInfo.chageTotal||0 }}</div>
                     </div>
+                 
                 </div>
             </div>
         </div>
@@ -99,6 +100,7 @@
         </div>
         <div class="head-container">
             <el-pagination :total="tableData.total" :current-page="tableData.page + 1" :page-size="tableData.size"
+                @size-change="sizeChange"
                 @current-change="paginationChange" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
         </div>
     </div>
@@ -107,6 +109,7 @@
 <script>
 import { queryAllShopUser ,queryAllShopInfo} from '@/api/shop'
 import dayjs from 'dayjs'
+let cacheData = {}
 export default {
     data() {
         return {
@@ -115,6 +118,7 @@ export default {
                 isVip: 1
             },
             shopInfo:{
+                balanceTotal:0,
                 userTotal:0,
                 chageTotal:0
             },
@@ -133,6 +137,7 @@ export default {
         }
     },
     mounted() {
+        cacheData={...this.query}
         this.getTableData()
         this.getShopInfo()
     },
@@ -140,12 +145,16 @@ export default {
         // 获取商家用户概述信息
         async getShopInfo(){
             try {
-                const res = await queryAllShopInfo({isVip:1})
+                const res = await queryAllShopInfo(this.query)
                 this.shopInfo=res
             } catch (error) {
                 console.log(error)
             }
         },
+        sizeChange(){
+            this.tableData.page=0
+            this.getTableData()
+        },
         // 切换状态
         async statusChange(e, row) {
             try {
@@ -172,8 +181,17 @@ export default {
         // 获取商品列表
         async getTableData() {
             this.tableData.loading = true
+            //用于当页码为2以及以上查询条件更改时重置页码
+            if(cacheData.isVip!==this.query.isVip){
+                this.tableData.page=0
+            }
+            cacheData.isVip=this.query.isVip
             try {
-                const res = await queryAllShopUser(this.query)
+                const res = await queryAllShopUser({
+                    ...this.query,
+                    size:this.tableData.size,
+                    page:this.tableData.page+1
+                })
                 this.tableData.loading = false
                 this.tableData.data = res.content
                 this.tableData.total = res.totalElements