贷款-申请记录列表接数据

htmldev/loan/src/views/loan/home/index.vue

@@ -3,22 +3,24 @@
     <h2 class="title">我的申请记录</h2>
     <div class="better-scroll wrapper" ref="wrapper">
       <ul>
-        <li class="list bg-1" v-for="(item, index) in listData" :key="index" @click="funJumpDetail(item)">
+        <!--orderStatusId：0-初始化 1-进行中 2-成功 3-失败-->
+        <li class="list" :class="item.orderStatusId === 3 ? 'bg-0' : 'bg-1'" v-for="(item, index) in listData"
+            :key="index" @click="funJumpDetail(item)">
           <div class="top border-bottom-1px">
             <div class="left-wrap">
-              <img src="" alt="">
+              <img :src="item.orderProduceImgUrl" alt="">
             </div>
             <div class="right-wrap">
-              <p>中行贷申请</p>
+              <p>{{ item.orderProduceName }}申请</p>
               <p>
                 <span>需求金额：</span>
-                <span class="col-1">30</span>
-                <span class="col-1">万元</span>
+                <span :class="item.orderStatusId === 3 ? 'col-0' : 'col-1'">{{ item.orderPrice / 10000 }}</span>
+                <span :class="item.orderStatusId === 3 ? 'col-0' : 'col-1'">万元</span>
               </p>
             </div>
           </div>
           <p class="bottom">
-            <span>2020-12-23 19:23</span>
+            <span>{{ item.createdAt }}</span>
             <span>></span>
           </p>
         </li>
@@ -89,12 +91,12 @@
       funFetch () {
         const vm = this
         getOrderList(vm.pager.pagenum, vm.pager.pagesize).then(response => {
-          if (response.Status === 1) {
-            const data = response.Data
-            vm.pager.pagecount = data.pageCount * 1
+          if (response.status) {
+            const data = response.data
+            vm.pager.pagecount = Math.ceil(data.count / PAGESIZE)
             vm.pager.pagenum++
             vm.booFetchData = true
-            const temp = data.List
+            const temp = data.data
             if (temp.length) {
               vm.listData = vm.listData.concat(temp)
               vm.$nextTick(() => {
@@ -125,8 +127,15 @@
         })
       },
       funJumpDetail (item) {
-        this.$router.push({ path: '/loan/detail' })
+        this.$router.push({ path: '/loan/detail/' + item.id })
       }
+    },
+    beforeRouteLeave (to, from, next) {
+      if (['loanDetail'].includes(to.name)) {
+        from.meta.isUseCache = true
+      }
+      this.numPositionY = this.scroll ? this.scroll.y : 0
+      next()
     }
   }
 </script>
@@ -197,7 +206,6 @@
     height: 60px;
     border-radius: 4px;
     overflow: hidden;
-    background: pink;
 
     img {
       display: block;