缴费:押金列表分页

src/api/financial/payment.js

@@ -71,6 +71,14 @@ export function selectFinListById(query) {
     params: query
   })
 }
+// 获取押金信息列表页(分页)
+export function selectFinListPage(query) {
+  return request({
+    url: '/business/trade/his/selectFinListPage',
+    method: 'get',
+    params: query
+  })
+}
 
 // 充值押金弹窗信息获取接口
 

src/views/financial-management/payment-management/payment-detail.vue

@@ -626,6 +626,15 @@ color: #333333;"
                       </template>
                     </el-table-column>
                   </el-table>
+                  <!--分页-->
+                  <pagination
+                    v-show="total>6"
+                    :limit.sync="queryParams.pageSize"
+                    :page.sync="queryParams.pageNum"
+                    :total="total"
+                    :page-sizes="[6,20,50]"
+                    @pagination="getDeposit"
+                  />
                 </div>
               </div>
             </div>
@@ -654,8 +663,7 @@ import { getRecord } from '@/api/business/mdeicalRecord'
 import {
   buyingOnCredit, getPaymentList,
   hospitalGetInfoById,
-  paymentDetail,
-  selectFinListById
+  paymentDetail, selectFinListPage
 } from '@/api/financial/payment'
 import { tradeTypeMap, tradeTypeMapDepositList } from '../constant'
 import { mapGetters } from 'vuex'
@@ -673,6 +681,14 @@ export default {
   },
   data() {
     return {
+      // 查询参数
+      queryParams: {
+        // 导出列表
+        pageNum: 1,
+        pageSize: 6
+      },
+      // 总条数
+      total: 0,
       // 收入类目
       tradeTypeMap: tradeTypeMap,
       depositList: [], // 押金列表数据
@@ -873,8 +889,8 @@ export default {
       sessionStorage.setItem('Payment-single-detail', JSON.stringify({
         detailInfo: this.detailInfo,
         singleData: row,
-        parentData: this.rowData,
-        depositList: this.depositList
+        parentData: this.rowData
+        // depositList: this.depositList
       }))
       this.$router.push({
         name: 'Payment-single-detail'
@@ -1039,6 +1055,7 @@ export default {
         this.rowData['payRecipientShow'] = (this.rowData.payType === '3') ? '百邦萌宠平台' : this.rowData.payRecipient
         console.log('rowData', this.rowData)
         this.getInfo()
+        this.getDeposit()
       })
     },
     parseTime,
@@ -1089,14 +1106,21 @@ export default {
         }).catch(err => {
           console.log(err)
         })
-        // 押金列表
-        selectFinListById({ medicalRecordId: this.rowData.medicalRecordId }).then(res => {
-          this.depositList = res.data
-          console.log('押金列表返回值', this.depositList)
-        }).catch(err => {
-          console.log('押金列表返回值Err', err)
-        })
       }
+    },
+    getDeposit() {
+      // 押金列表
+      selectFinListPage({ medicalRecordId: this.rowData.medicalRecordId,
+        pageSize: this.queryParams.pageSize,
+        pageNum: this.queryParams.pageNum }).then(res => {
+        this.depositList = res.rows
+        console.log('分页的押金列表信息', this.depositList)
+        this.total = res.total
+        this.loading = false
+        console.log('押金列表返回值页数', res.total)
+      }).catch(err => {
+        console.log('押金列表返回值Err', err)
+      })
     }
   }
 }