合伙人-详情

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

@@ -38,10 +38,10 @@
             <p class="title">
               <span>{{ checks[1].ruleName }}</span>
               <template v-if="checks[1].checkStatus === 2">
-                <!--提交资料状态码2 && 预约办理状态吗 0 等待审核-->
+                <!--提交资料状态码2 && 预约办理状态码 0 等待审核-->
                 <span style="font-weight: 600; color: #D73634;" v-if="checks[2].checkStatus === 0">（等待资料核对）</span>
-                <!--提交资料状态码2 && 预约办理状态吗 1 已审核-->
-                <span style="color: #4BD863;" v-if="checks[2].checkStatus === 1">（通过审核）</span>
+                <!--提交资料状态码2 && 预约办理状态码 1 已审核-->
+                <span style="color: #4BD863;" v-if="checks[2].checkStatus === 1 || checks[2].checkStatus === 2">（通过审核）</span>
               </template>
             </p>
             <router-link class="jump-attest" :to="{path: '/loan/attest/' + id}" v-if="checks[1].checkStatus === 1">

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

@@ -0,0 +1,9 @@
+import request from '@/api/request'
+
+export const orderDetail = (id) => request({
+  method: 'POST',
+  url: '/partner/orderDetail',
+  data: {
+    id
+  }
+})

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

@@ -5,72 +5,122 @@
   <div class="wrapper">
     <div class="header">
       <h2>申请进度</h2>
-      <a href="tel:400-234-2344">
+      <a :href="'tel:' + commanyPhone">
         <img src="./image/btn_dianhua@2x.png" alt="">
         <span>专属客服</span>
       </a>
     </div>
     <ul class="content">
-      <li class="flow flow-0 has-border active">
+      <li class="flow flow-0 has-border active" v-if="checks[0]">
         <div class="left-wrap"></div>
         <div class="right-wrap">
           <p class="title">
             <span>已提交申请成为合伙人</span>
           </p>
           <p class="description">
-            <span>15067892342</span>
+            <span>{{ orderUserPhone }}</span>
             <span class="line">|</span>
-            <span>小静</span>
+            <span>{{ orderUserName }}</span>
           </p>
-          <p class="time">2020-12-23 19:23</p>
+          <p class="time">{{ checks[0].updatedAt }}</p>
           <p class="tip">1个工作日内会有专席客服与您取得联系</p>
         </div>
       </li>
-      <template v-if="true">
-        <li class="flow flow-1 has-border active">
+      <template v-if="orderFinalStatus !== 2">
+        <!--checkStatus: 0-初始化 1-进行中 2-成功 3-失败-->
+        <li class="flow flow-1 has-border" :class="checks[1].checkStatus === 0 ? 'init' : 'active'" v-if="checks[1]">
           <div class="left-wrap"></div>
           <div class="right-wrap">
             <p class="title">
               <span>签署协议</span>
-              <span style="font-weight: 600; color: #D73634;" v-if="false">（等待资料核对）</span>
+              <template v-if="checks[1].checkStatus === 2">
+                <span style="font-weight: 600; color: #D73634;" v-if="checks[2].checkStatus === 0">（等待核对）</span>
+                <span style="color: #4BD863;" v-else>（通过审核）</span>
+              </template>
             </p>
-            <router-link class="jump-compact" :to="{path: '/partner/compact'}" v-if="false">在线签约</router-link>
-            <template v-if="true">
+            <router-link class="jump-compact" :to="{path: '/partner/compact/' + id}" v-if="checks[1].checkStatus === 1">
+              在线签约
+            </router-link>
+            <template v-if="checks[1].checkStatus === 2">
               <p class="description">
-                <span v-if="false">您已完成在线签约</span>
+                <span v-if="checks[2].checkStatus === 0">您已完成在线签约</span>
                 <span style="color: #4BD863;" v-else>您已签约成功</span>
               </p>
-              <p class="time">2020-12-23 19:23</p>
+              <p class="time">{{ checks[1].updatedAt }}</p>
             </template>
           </div>
         </li>
-        <li class="flow flow-4 init">
+        <li class="flow flow-4" :class="checks[2].checkStatus === 0 ? 'init' : 'active'" v-if="checks[2]">
           <div class="left-wrap"></div>
           <div class="right-wrap">
             <p class="title">
-              <span v-if="true">加入成功</span>
-              <span v-if="false">欢迎您成功加入房客邦</span>
+              <span v-if="checks[2].checkStatus === 2">欢迎您成功加入房客邦</span>
+              <span v-else>加入成功</span>
             </p>
-            <router-link class="jump-goods" :to="{path: '/partner/goods'}" v-if="false">去推广</router-link>
+            <router-link class="jump-goods" :to="{path: '/partner/goods'}" v-if="checks[2].checkStatus === 2">去推广
+            </router-link>
           </div>
         </li>
       </template>
-      <li class="fail" v-if="false">因xxxxxxx原因，未成功放款</li>
+      <li class="fail" v-if="orderFinalStatus === 2">{{ orderFinalRemark }}</li>
       <li class="order-info border-top-1px">
-        <p>创建时间：2020-12-23 19:23</p>
-        <p>申请单号：202012337688b</p>
-        <p>合伙人编号：FKB00023</p>
+        <p>创建时间：{{ createdAt }}</p>
+        <p>申请单号：{{ orderNumber }}</p>
+        <p>合伙人编号：{{ inviteCode }}</p>
       </li>
     </ul>
   </div>
 </template>
 
 <script>
+  import { Toast } from 'vant'
+  import { orderDetail } from './api'
+
   export default {
     name: 'detail',
+    props: ['id'],
+    data () {
+      return {
+        orderUserPhone: '',
+        orderUserName: '',
+        createdAt: '',
+        orderNumber: '',
+        orderFinalStatus: 0, // 订单最终状态: 0-进行中 1-成功 2-失败
+        commanyPhone: '',
+        orderFinalRemark: '',
+        checks: [],
+        inviteCode: ''
+      }
+    },
+    created () {
+      this.funInit()
+    },
     async mounted () {
       await this.$nextTick()
       this.$refreshTitle('申请进度')
+    },
+    methods: {
+      funInit () {
+        const id = this.id
+        orderDetail(id).then(res => {
+          if (res.status) {
+            const { orderUserPhone, orderUserName, createdAt, orderNumber, orderFinalStatus, commanyPhone, orderFinalRemark, checks, inviteCode } = res.data
+            this.orderUserPhone = orderUserPhone
+            this.orderUserName = orderUserName
+            this.createdAt = createdAt
+            this.orderNumber = orderNumber
+            this.orderFinalStatus = orderFinalStatus
+            this.commanyPhone = commanyPhone
+            this.orderFinalRemark = orderFinalRemark
+            this.checks = checks
+            this.inviteCode = inviteCode
+          } else {
+            Toast(res.msg)
+          }
+        }).catch(err => {
+          Toast(err)
+        })
+      }
     }
   }
 </script>