合伙人-我的

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

@@ -3,10 +3,10 @@
     <div class="header">
       <div class="user">
         <div class="avatar">
-          <img :src="partnerImgUrl" alt="">
+          <img :src="userInfo.partnerImgUrl" alt="">
         </div>
-        <p class="name">{{ partnerName }}</p>
-        <p class="expire">{{ contractEndTime }}到期</p>
+        <p class="name">{{ userInfo.partnerName }}</p>
+        <p class="expire">{{ userInfo.contractEndTime }}到期</p>
       </div>
       <div class="tab">
         <router-link :to="{path: '/partner/sale'}">
@@ -14,14 +14,14 @@
             <i class="label">放款总额</i>
             <img src="./image/btn_next@2x.png" alt="">
           </span>
-          <span class="value">{{ totalOrderPrice / 10000 }}万元</span>
+          <span class="value">{{ userInfo.totalOrderPrice / 10000 }}万元</span>
         </router-link>
         <router-link :to="{path: '/partner/business'}">
           <span class="label-wrap">
             <i class="label">邀请合伙人</i>
             <img src="./image/btn_next@2x.png" alt="">
           </span>
-          <span class="value">{{ totalPartner }}</span>
+          <span class="value">{{ userInfo.totalPartner }}</span>
         </router-link>
       </div>
     </div>
@@ -32,7 +32,7 @@
           <i class="label">我的钱包</i>
         </span>
         <span class="value-wrap">
-          <i class="value">{{ partnerBalance }}</i>
+          <i class="value">{{ userInfo.partnerBalance }}</i>
           <img class="icon-right" src="./image/btn_next@2x.png" alt="">
         </span>
       </router-link>
@@ -42,14 +42,14 @@
           <i class="label">我的合同</i>
         </span>
         <span class="value-wrap">
-          <i class="value">{{ contractStartTime }}</i>
+          <i class="value">{{ userInfo.contractStartTime }}</i>
           <img class="icon-right" src="./image/btn_next@2x.png" alt="">
         </span>
       </router-link>
       <a href="javascript:;">
         <span class="label-wrap">
           <img class="icon-left" src="./image/icon_wd_key@2x.png" alt="">
-          <i class="label">我的邀请码：{{ inviteCode }}</i>
+          <i class="label">我的邀请码：{{ userInfo.inviteCode }}</i>
         </span>
         <span class="value-wrap">
           <i class="btn-copy" @click="funCopyText">复制</i>
@@ -62,21 +62,13 @@
 <script>
   import Clipboard from 'clipboard'
   import { Toast } from 'vant'
-  import { getUserInfo } from './api'
+  import { mapGetters } from 'vuex'
 
   export default {
     name: 'mine',
     data () {
       return {
-        clipboardJs: null,
-        partnerImgUrl: '',
-        partnerName: '',
-        contractEndTime: '',
-        totalOrderPrice: '',
-        totalPartner: '',
-        partnerBalance: '',
-        contractStartTime: '',
-        inviteCode: ''
+        clipboardJs: null
       }
     },
     async mounted () {
@@ -84,24 +76,20 @@
       this.clipboardJs = new Clipboard('.btn-copy')
     },
     activated () {
-      if (!this.$route.meta.isUseCache) {
-        this.partnerName = ''
-        this.contractEndTime = ''
-        this.totalOrderPrice = ''
-        this.totalPartner = ''
-        this.partnerBalance = ''
-        this.contractStartTime = ''
-        this.inviteCode = ''
-        this.funInit()
-      }
+      if (!this.$route.meta.isUseCache) {}
       this.$nextTick(() => {
         this.$refreshTitle('我的')
       })
       this.$route.meta.isUseCache = false
     },
+    computed: {
+      ...mapGetters({
+        userInfo: 'partnerMine/userInfo'
+      })
+    },
     methods: {
       funCopyText () {
-        const { inviteCode } = this
+        const { inviteCode } = this.userInfo
         if (!inviteCode) {
           Toast('没有可复制的内容')
           return
@@ -113,25 +101,6 @@
         }
         this.clipboardJs.text = () => inviteCode
         Toast('复制成功')
-      },
-      funInit () {
-        getUserInfo().then(res => {
-          if (res.status) {
-            const { partnerImgUrl, partnerName, contractEndTime, totalOrderPrice, totalPartner, partnerBalance, contractStartTime, inviteCode } = res.data
-            this.partnerImgUrl = partnerImgUrl
-            this.partnerName = partnerName
-            this.contractEndTime = contractEndTime
-            this.totalOrderPrice = totalOrderPrice
-            this.totalPartner = totalPartner
-            this.partnerBalance = partnerBalance
-            this.contractStartTime = contractStartTime
-            this.inviteCode = inviteCode
-          } else {
-            Toast(res.msg)
-          }
-        }).catch(err => {
-          Toast(err)
-        })
       }
     },
     beforeDestroy () {
@@ -139,7 +108,7 @@
     },
     beforeRouteLeave (to, from, next) {
       if (['partnerMarketing'].includes(to.name)) {
-        from.meta.isUseCache = true
+        // from.meta.isUseCache = true
       }
       next()
     }