add

src/pages/infoCenter/infoList.vue

@@ -35,7 +35,7 @@ export default {
       let vm = this
       let url = process.env.basePath + 'hls_app_notice_query'
       let param = {
-        phone: window.sessionStorage.getItem('user_phone'),
+        phone: window.localStorage.getItem('user_phone'),
       }
       hlsPopup.showLoading('请稍候')
       vm.$post(url, param).then(function (res) {

src/pages/pay/firstPay/pay-entry.vue

@@ -88,9 +88,17 @@ export default {
     },
     pay () {
       let vm = this
+      hlsPopup.showLoading('请稍候')
       setTimeout(() => {
-        vm.hlsPopup.showSuccess('支付成功！')
-      }, 1000)
+        vm.hlsPopup.hideLoading()
+        // vm.hlsPopup.showSuccess('支付成功！')
+        vm.changePage()
+      }, 2000)
+    },
+    changePage () {
+      this.$router.push({
+        name: 'Success',
+      })
     },
     getType () {
       let vm = this

src/pages/pay/success.vue

+<template>
+  <h-view id="result" class="public-style">
+    <h-header :proportion="[5,1,1]" class="bar-custom">
+      <div slot="left" class="h-header-btn">
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
+        <span>支付中心</span>
+      </div>
+    </h-header>
+  </h-view>
+</template>
+<script>
+export default {
+
+}
+</script>
+<style lang="less" scoped>
+#result{
+ .h-header {
+    background-color: #00469C;
+    .h-header-btn {
+      img {
+        width: 16px;
+        height: 16px;
+        margin-left: 4px;
+      }
+
+      span {
+        font-family: PingFangSC-Semibold;
+        margin-left: 16px;
+        font-size: 17px;
+        letter-spacing: 0.61px;
+        line-height: 24px;
+      }
+    }
+  }
+}
+</style>

src/pages/reimburseMyself/reimburse-detail.vue

@@ -6,57 +6,111 @@
   <h-view id="reimburse" class="public-style" style="height: 100%">
     <h-header :proportion="[5,1,1]" class="bar-custom">
       <div slot="left" class="h-header-btn">
-        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
         <span>还款明细</span>
       </div>
     </h-header>
     <h-content>
-      <list-item>
+      <list-item :item-height="44">
         <item>
           <div slot="name">交易流水号</div>
-          <div slot="content">{{ '10000037r9459348' }}</div>
+          <div slot="content">{{ detail.order_number }}</div>
         </item>
         <item>
           <div slot="name">交易时间</div>
-          <div slot="content">{{ '2019-10-20' }}</div>
+          <div slot="content">{{ detail.order_date }}</div>
         </item>
         <item>
           <div slot="name">收款账号</div>
-          <div slot="content">{{ '245678345678' }}</div>
+          <div slot="content">{{ '暂无字段' }}</div>
         </item>
         <item>
           <div slot="name">收款账户名称</div>
-          <div slot="content">{{ '张三' }}</div>
+          <div slot="content">{{ '暂无字段' }}</div>
         </item>
         <item>
           <div slot="name">商业伙伴</div>
-          <div slot="content">{{ '张三' }}</div>
+          <div slot="content">{{ detail.bp_name }}</div>
         </item>
         <item>
           <div slot="name">商业伙伴类型</div>
-          <div slot="content">{{ '主承租人' }}</div>
-        </item>
-        <item>
-          <div slot="name">交易金额</div>
-          <div slot="content">{{ '40000' }}</div>
+          <div slot="content">{{ detail.bp_type_n }}</div>
         </item>
         <item>
           <div slot="name">付款账号</div>
-          <div slot="content">{{ '8765432234567' }}</div>
+          <div slot="content">{{ '暂无字段' }}</div>
         </item>
         <item>
           <div slot="name">付款账户名称</div>
-          <div slot="content">{{ '张三' }}</div>
-        </item>
-        <item>
-          <div slot="name">合同号</div>
-          <div slot="content">{{ '234567' }}</div>
-        </item>
-        <item>
-          <div slot="name">款项</div>
-          <div slot="content">{{ '首付款：手续费' }}</div>
+          <div slot="content">{{ '暂无字段' }}</div>
         </item>
       </list-item>
+      <div class="contract">
+        <div>
+          <div class="top">
+            <img src="@/assets/reimburseMyself/q.png" >
+            <span class="number">合同号</span>
+            <span>CON201903022001</span>
+          </div>
+          <div class="bottom">
+            <list-item :item-height="30">
+              <item>
+                <div slot="name">首付款</div>
+                <div slot="content">{{ '20000'|currency }}</div>
+              </item>
+              <item>
+                <div slot="name">保证金</div>
+                <div slot="content">{{ '20000'|currency }}</div>
+              </item>
+              <item>
+                <div slot="name">手续费</div>
+                <div slot="content">{{ '20000'|currency }}</div>
+              </item>
+              <item>
+                <div slot="name">GPS费用</div>
+                <div slot="content">{{ '20000'|currency }}</div>
+              </item>
+              <item>
+                <div slot="name">保险押金</div>
+                <div slot="content">{{ '20000'|currency }}</div>
+              </item>
+            </list-item>
+          </div>
+        </div>
+      </div>
+      <div class="contract">
+        <div>
+          <div class="top">
+            <img src="@/assets/reimburseMyself/q.png" >
+            <span class="number">合同号</span>
+            <span>CON201903022001</span>
+          </div>
+          <div class="bottom">
+            <list-item :item-height="30">
+              <item>
+                <div slot="name">首付款</div>
+                <div slot="content">{{ '20000'|currency }}</div>
+              </item>
+              <item>
+                <div slot="name">保证金</div>
+                <div slot="content">{{ '20000'|currency }}</div>
+              </item>
+              <item>
+                <div slot="name">手续费</div>
+                <div slot="content">{{ '20000'|currency }}</div>
+              </item>
+              <item>
+                <div slot="name">GPS费用</div>
+                <div slot="content">{{ '20000'|currency }}</div>
+              </item>
+              <item>
+                <div slot="name">保险押金</div>
+                <div slot="content">{{ '20000'|currency }}</div>
+              </item>
+            </list-item>
+          </div>
+        </div>
+      </div>
     </h-content>
   </h-view>
 </template>
@@ -64,20 +118,85 @@
 <script>
 export default {
   data () {
-    return {}
-  },
-  created: function () {
+    return {
+      detail: {},
+    }
   },
-  mounted: function () {
+  beforeRouteEnter (to, from, next) {
+    next(vm => {
+      vm.getDetail()
+    })
   },
-  updated: function () {
+  created: function () {},
+  mounted: function () {},
+  updated: function () {},
+  destroyed: function () {},
+  methods: {
+    getDetail () {
+      let vm = this
+      let url = process.env.basePath + 'my_repayment_detial_query'
+      let param = {
+        order_id: vm.$route.params.order_id,
+      }
+      hlsPopup.showLoading('请稍候')
+      vm.$post(url, param).then(function (res) {
+        vm.hlsPopup.hideLoading()
+        if (res.result === 'S') {
+          vm.detail = res.info
+        } else {
+          hlsPopup.showLongCenter(res.message)
+        }
+      })
+    },
   },
-  destroyed: function () {
-  },
-  methods: {},
 }
 </script>
 
 <style scoped lang="less" rel="stylesheet">
-
+.contract {
+  width: 359px;
+  height: 194.5px;
+  background-color: #fff;
+  margin: 0 auto;
+  margin-top:8px;
+  .top {
+    height: 43px;
+    display: flex;
+    align-items: center;
+    display: flex;
+    img {
+      width: 30px;
+      height: 30px;
+      margin-left: 10px;
+    }
+    .number {
+      margin-left: 10px;
+      font-family: PingFangSC-Semibold;
+      font-size: 14px;
+      color: #4b4a4b;
+      letter-spacing: 0;
+      line-height: 18px;
+    }
+    span:last-child {
+      margin-left: 116px;
+      font-family: PingFangSC-Semibold;
+      font-size: 14px;
+      color: rgba(75, 74, 75, 0.97);
+      letter-spacing: 0;
+      line-height: 18px;
+    }
+  }
+  .bottom {
+    width: 300px;
+    margin: 0 auto;
+    display: flex;
+  }
+  .left {
+    flex: 1;
+  }
+  .right {
+    flex: 1;
+    text-align: right;
+  }
+}
 </style>

src/pages/reimburseMyself/reimburse-myself-list.Vue

@@ -22,16 +22,16 @@
         :pullUp="true"
       >
         <section class="reimburse-wrap">
-          <list-item v-for="(list,index) in [0,1,2,3,4,5,6,7,8]" :key="index" @click.native="godetail">
+          <list-item v-for="(list,index) in reimburseList" :key="index" @click.native="godetail(list.order_id)">
             <item>
               <img slot="left-icon" src="@/assets/reimburseMyself/reimburse.png" class="left-icon">
               <div slot="name">还款金额</div>
-              <div slot="content" class="money-font">{{90000 | currency}}</div>
+              <div slot="content" class="money-font">{{list.orderamount | currency}}</div>
             </item>
             <item>
               <img slot="left-icon" src="" class="left-icon">
               <div slot="name" class="time-font">还款时间</div>
-              <div slot="content" class="time-font">{{'2019-10-20'}}</div>
+              <div slot="content" class="time-font">{{list.order_date}}</div>
             </item>
           </list-item>
         </section>
@@ -63,22 +63,25 @@
         })
       },
         methods: {
-          godetail(){
+          godetail(e){
             this.$router.push({
-              name:'ReimburseDetail'
+              name:'ReimburseDetail',
+              params:{
+                order_id:e
+              }
             })
           },
           getList(){
             let vm = this
             let url = process.env.basePath + 'my_repayment_query'
             let param = {
-
+              user_phone:"13149628296",
             }
             vm.hlsPopup.showLoading('数据加载中，请稍后!')
             vm.hlsHttp.post(url, param).then(function (res) {
               vm.hlsPopup.hideLoading()
               if (res.result === 'S') {
-                vm.reimburseList = res.list
+                vm.reimburseList = res.lists
                 if (res.list.length > 0 && res.list.length < 10) {
                   vm.$refs.scroll.update(true)
                 }

src/router/index.js

@@ -51,6 +51,7 @@ import EntryInfo from '@/pages/ContractSigning/entry-info'
 import FirstPay from '../pages/pay/firstPay/first-pay'
 import PayEntry from '@/pages/pay/firstPay/pay-entry'
 import ContractRecord from '@/pages/pay/firstPay/contract-record'
+import Success from '@/pages/pay/success'
 // 款项支付
 import PaymentFirstPay from '@/pages/pay/payment/first-pay'
 import PaymentPayEntry from '@/pages/pay/payment/pay-entry'
@@ -176,6 +177,7 @@ export default new Router({
     {path: '/first-pay', component: FirstPay, name: 'FirstPay', meta: {keepAlive: true}},
     {path: '/pay-entry', component: PayEntry, name: 'PayEntry', meta: {keepAlive: true}},
     {path: '/contract-record', component: ContractRecord, name: 'ContractRecord', meta: {keepAlive: true}},
+    {path: '/success', component: Success, name: 'Success', meta: {keepAlive: true}},
     // 款项支付
     {path: '/payment-first-pay', component: PaymentFirstPay, name: 'PaymentFirstPay', meta: {keepAlive: true}},
     {path: '/payment-pay-entry', component: PaymentPayEntry, name: 'PaymentPayEntry', meta: {keepAlive: false}},