'产说会详情分页'

src/views/ebiz/productionSay/statistics.vue

@@ -1,6 +1,17 @@
 <template>
   <div class="table">
+    <van-list
+      v-model="loading"
+      :immediate-check="false"
+      :finished="finished"
+      :finished-text="finishedText"
+      error-text="请求失败，点击重新加载"
+      :error.sync="error"
+      @load="loadMore"
+      class="pb45"
+    >
       <statisticalTable @goLink="goLink" :theads="theads" :tableData="tableData" :isLink="true"></statisticalTable>
+    </van-list>
     <!-- <table cellspacing="0" summary cellpadding="1">
       <thead>
         <tr>
@@ -33,33 +44,74 @@ import { selectAllStatistical } from '@/api/ebiz/productionSay/productionSay.js'
 import statisticalTable from '@/components/ebiz/productionSay/statisticsTable'
 export default {
   name: 'statistics',
-  components:{
-      statisticalTable,
+  components: {
+    statisticalTable,
   },
   data() {
     return {
+      loading: false,
+      finished: false,
+      total: '', //总页数
+      currentPage: 1, //当前页数
+      error: false,
+      finishedText: '没有更多了',
+      pageSize: 10, //每页数据条数
       tableData: [],
       theads: ['机构', '计划场次', '预估人数', '预估保费', '实际场次', '实际人数', '预签保费'],
     }
   },
   created() {
-    selectAllStatistical({}).then((res) => {
-      this.tableData = res.content.list
-    })
+    this.loadMore()
   },
   methods: {
-      goLink(item){
-          console.log(item)
-          this.$jump({
-            flag: 'h5',
-            extra: {
-              url: location.origin + '/#/productionSay/statisticsItem?convokeOrganization='+item.convokeOrganization,
-            },
-            routerInfo: {
-              path: '/productionSay/statisticsItem?convokeOrganization='+item.convokeOrganization,
-            },
-          })
-      },
+    // 加载列表
+    loadMore() {
+      console.log('加载表单')
+      let pageInfo = {
+        pageNum: this.currentPage, //当前页数
+        pageSize: this.pageSize, //当前页对应条数
+      }
+      this.selectAllStatistical(pageInfo)
+    },
+    selectAllStatistical(data) {
+      this.$toast.loading({
+        // 持续展示 toast
+        duration: 0,
+        // 禁用背景点击
+        forbidClick: true,
+        loadingType: 'spinner',
+        message: '加载中……',
+      })
+      selectAllStatistical(data).then((res) => {
+        if (res.result == 0) {
+          this.currentPage++
+          // this.saleList = this.saleList.concat(res.content.list)
+          this.tableData = this.tableData.concat(res.content.list)
+          this.loading = false
+          this.finished = false
+          if (res.content.nextPage == 0) {
+            this.finished = true
+            this.finishedText = '已经全部加载'
+          }
+        } else {
+          this.loading = false
+          this.finished = true
+          this.finishedText = '已经全部加载'
+        }
+      })
+    },
+    goLink(item) {
+      console.log(item)
+      this.$jump({
+        flag: 'h5',
+        extra: {
+          url: location.origin + '/#/productionSay/statisticsItem?convokeOrganization=' + item.convokeOrganization,
+        },
+        routerInfo: {
+          path: '/productionSay/statisticsItem?convokeOrganization=' + item.convokeOrganization,
+        },
+      })
+    },
   },
 }
 </script>
@@ -67,9 +119,9 @@ export default {
 <style lang="scss" scoped>
 .table {
   overflow-x: auto;
-  margin:5px;
+  margin: 5px;
   box-sizing: border-box;
-  background:#fff;
+  background: #fff;
 }
 .table th {
   width: 100px;