合伙人-放款总额

htmldev/loan/src/views/partner/sale/api/index.js

@@ -0,0 +1,10 @@
+import request from '@/api/request'
+
+export const saleList = (page = 1, pageNum = 20) => request({
+  method: 'POST',
+  url: '/partner/totalOrder',
+  data: {
+    page,
+    pageNum
+  }
+})

htmldev/loan/src/views/partner/sale/index.vue

@@ -2,17 +2,20 @@
   <div class="container">
     <div class="header">
       <h2 class="title">放款总额</h2>
-      <p class="count">7387万元</p>
+      <p class="count">{{ totalPrice / 10000 }}万元</p>
     </div>
     <div class="better-scroll wrapper" ref="wrapper">
       <ul>
         <li class="list" v-for="(item, index) in listData" :key="index">
           <p class="amount">
             <span>放款金额：</span>
-            <span>20万元</span>
+            <span>{{ item.orderFinalPrice / 10000}}万元</span>
           </p>
-          <p class="order-id">申请单号：19487357456w785563</p>
-          <p class="create-time">放款时间：2020-12-23 19:30</p>
+          <p class="order-id">申请单号：{{ item.orderNumber }}</p>
+          <p class="create-time">放款时间：{{ item.updatedAt }}</p>
+        </li>
+        <li class="load-status" v-if="listData.length && booFetchData">
+          <p>{{ arrFetchStatus[numFetchStatus] }}</p>
         </li>
         <li class="bitmap" v-if="!listData.length && booFetchData">
           <p>暂无记录</p>
@@ -25,17 +28,11 @@
 <script>
   import BScroll from 'better-scroll'
   import { Toast } from 'vant'
-  import axios from 'axios'
+  import { saleList } from './api'
 
   const PAGESIZE = 20
   export default {
     name: 'sale',
-    props: {
-      tabindex: {
-        type: Number,
-        default: 1
-      }
-    },
     data () {
       return {
         pager: {
@@ -43,10 +40,11 @@
           pagesize: PAGESIZE,
           pagecount: 1
         },
+        totalPrice: 0,
         listData: [],
         scroll: null,
         numFetchStatus: 0,
-        arrFetchStatus: ['正在加载，请稍后～', '到底了'],
+        arrFetchStatus: ['正在加载，请稍后～', '上拉加载更多', '没有更多了', '出错啦'],
         booFetchData: false,
         numPositionY: 0
       }
@@ -59,7 +57,6 @@
           pagecount: 1
         }
         this.listData = []
-        this.scroll = null
         this.numFetchStatus = 0
         this.booFetchData = false
         this.numPositionY = 0
@@ -72,24 +69,26 @@
           }
         })
       }
-    },
-    async mounted () {
-      await this.$nextTick()
-      this.$refreshTitle('放款总额')
+      this.$nextTick(() => {
+        this.$refreshTitle('放款总额')
+      })
     },
     methods: {
       funFetch () {
         const vm = this
-        axios.post('/', {
-          Page: vm.pager.pagenum,
-          PageSize: vm.pager.pagesize
-        }).then(response => {
-          if (response.Status === 1) {
-            const data = response.Data
-            vm.pager.pagecount = data.pageCount * 1
+        saleList(vm.pager.pagenum, vm.pager.pagesize).then(response => {
+          if (response.status) {
+            const data = response.data
+            const temp = data.data
+            vm.totalPrice = data.totalPrice
+            vm.pager.pagecount = Math.ceil(data.count / PAGESIZE)
             vm.pager.pagenum++
             vm.booFetchData = true
-            const temp = data.List
+            if (vm.pager.pagecount <= 1) {
+              vm.numFetchStatus = 2
+            } else {
+              vm.numFetchStatus = 1
+            }
             if (temp.length) {
               vm.listData = vm.listData.concat(temp)
               vm.$nextTick(() => {
@@ -102,8 +101,8 @@
                     scrollbar: true
                   })
                   vm.scroll.on('pullingUp', () => {
-                    if (vm.pager.pagenum > vm.pager.pagecount || vm.pager.pagecount === 0) {
-                      vm.numFetchStatus = 1
+                    if (vm.pager.pagenum > vm.pager.pagecount) {
+                      vm.numFetchStatus = 2
                       return
                     }
                     vm.funFetch()
@@ -114,9 +113,13 @@
                 }
               })
             }
+          } else {
+            Toast(response.msg)
+            vm.numFetchStatus = 3
           }
         }).catch(() => {
-          Toast('失败了')
+          Toast('出错啦')
+          vm.numFetchStatus = 3
         })
       }
     }
@@ -225,6 +228,17 @@
     color: #999;
   }
 
+  .load-status {
+    margin-top: 12px;
+
+    p {
+      line-height: 20px;
+      font-size: 14px;
+      color: #666;
+      text-align: center;
+    }
+  }
+
   .bitmap {
     p {
       line-height: 22px;