计算器-分享优化

htmldev/loan/src/router/index.js

@@ -109,9 +109,7 @@ const routes = [
       partnerId: route.query.partnerId, // 合伙人ID
       partnerName: route.query.partnerName, // 合伙人名字
       partnerImgUrl: route.query.partnerImgUrl, // 合伙人头像
-      RId: route.query.RId, // 妥妥推荐人ID(注：根据URL上是否有RId判断是否本人)
-      RName: route.query.RName, // 妥妥推荐人名字
-      RImgUrl: route.query.RImgUrl // 妥妥推荐人头像
+      recommendedUser: route.query.recommendedUser ? JSON.parse(decodeURIComponent(route.query.recommendedUser)) : {} // 推荐人信息
     })
   },
   {

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

@@ -10,7 +10,7 @@
       </router-link>
     </div>
     <!--妥妥：本人-->
-    <div class="footer myself" v-else-if="!RId">
+    <div class="footer myself" v-else-if="!recommendedUser.RId">
       <!--可以分享-->
       <template v-if="userShareConfig.share">
         <router-link class="btn-apply double"
@@ -29,13 +29,13 @@
     <!--妥妥：非本人-->
     <div class="footer other" v-else>
       <router-link class="btn-apply single"
-                   :to="{path: '/loan/apply/' + orderProductId, query: { RId }}">点击预约办理
+                   :to="{path: '/loan/apply/' + orderProductId, query: { RId: recommendedUser.RId }}">点击预约办理
       </router-link>
       <div class="partner-info">
         <div class="partner-avatar">
-          <img :src="decodeURIComponent(RImgUrl)" alt="">
+          <img :src="recommendedUser.RImgUrl" alt="">
         </div>
-        <p class="name">{{ decodeURIComponent(RName) }} 邀请你</p>
+        <p class="name">{{ recommendedUser.RName }} 邀请你</p>
       </div>
     </div>
     <!--生成二维码使用-->
@@ -96,17 +96,11 @@ export default {
       type: String,
       default: ''
     },
-    RId: {
-      type: [String, Number],
-      default: ''
-    },
-    RName: {
-      type: String,
-      default: ''
-    },
-    RImgUrl: {
-      type: String,
-      default: ''
+    recommendedUser: {
+      type: Object,
+      default: function () {
+        return {}
+      }
     }
   },
   data () {
@@ -131,7 +125,7 @@ export default {
     }
   },
   async mounted () {
-    const shareHref = this.partnerId ? `${location.origin}${location.pathname}?partnerId=${this.partnerId}` : `${location.origin}${location.pathname}?RId=${this.userShareConfig.id}&RName=${encodeURIComponent(this.userShareConfig.userName)}&RImgUrl=${encodeURIComponent(this.userShareConfig.userImgUrl)}`
+    const shareHref = this.partnerId ? `${location.origin}${location.pathname}?partnerId=${this.partnerId}` : `${location.origin}${location.pathname}?recommendedUser=${encodeURIComponent(JSON.stringify(this.userShareConfig))}`
     funWxShare('驼驼银服', '家里用钱，就找驼驼银服，省心，省力，妥妥的！', shareHref, location.protocol + '//api.tuotuoyinfu.com/img/logo.jpg')
     await this.$nextTick()
     this.funGetProductDetail()