👨🏻‍💻购买会员开发

components/BuyVip.vue

@@ -3,11 +3,11 @@
  * @Author: 欧阳承珺
  * @LastEditors: 欧阳承珺
  * @Date: 2022-10-31 20:41:42
- * @LastEditTime: 2022-11-02 19:06:53
+ * @LastEditTime: 2022-11-07 10:53:47
 -->
 <template>
   <div>
-    <div v-show="!success">
+    <div v-show="orderStatus !== 'success'">
       <p class="text-22px text-[#666] text-center font-500">升级成为会员</p>
       <div class="py-27px px-35px">
         <p class="text-16px text-[#4d4d4d] mb-30px">开通时长:</p>
@@ -45,7 +45,7 @@
       </div>
     </div>
 
-    <div v-show="success">
+    <div v-show="orderStatus === 'success'">
       <div class="pay-tittle">
       <p>支付成功</p>
       </div>
@@ -68,7 +68,7 @@ export default {
       paymethod: '',
       qrcode: '',
       count: 60,
-      success: false
+      orderStatus: false
     }
   },
   created() {
@@ -121,12 +121,13 @@ export default {
       let interval = setInterval(() => {
         if(this.count > 0) {
           this.$axios.get(`order/getWxOrder?orderId=${id}`).then((res)=>{
-            if(res?.result?.trade_state === 'SUCCESS') {
-              this.success = true
+            this.orderStatus = res?.result?.statusName
+            if(this.orderStatus === 'success') {
               this.count = 0 
               setTimeout(() => {
                 this.$emit('close')
-                this.$router.push('/members/me/expenses')
+                // 更新个人信息
+                this.getUserInfo()
               }, 1000);
             }else {
               this.count--
@@ -141,6 +142,15 @@ export default {
         })
       }
     },
+    getUserInfo() {
+      this.$axios.get('members/getMemberInfo').then((res)=> {
+        if(res.code === 200) {
+          this.$store.commit('setUser',res.result)
+          localStorage.setItem('userInfo',JSON.stringify(res.result))
+          this.$router.push('/members/me/expenses')
+        }
+      })
+    },
     handlePlayNow() {
 
     }