重复请求问题

mallApp/src/pages/callback/index.vue

@@ -15,8 +15,7 @@
         <div class="status-text app-size-36 app-bold">{{ pageTit }}</div>
         <block v-if="pageStatus == 1 || pageStatus == 2">
           <div class="price">
-            <span>￥</span>
-            <span class="app-size-36 app-bold">{{ totalPrice }}</span>
+            <span class="app-size-36 app-bold">￥{{ totalPrice }}</span>
           </div>
           <div class="order-num app-color-3">订单号: {{ orderSn }}</div>
         </block>
@@ -98,7 +97,8 @@ export default {
       setPassModal: false,
       totalPrice:0,
       orderSn:'',
-      getPayType:1
+      getPayType:1,
+      hasRequest:false
     };
   },
   computed: {
@@ -142,6 +142,17 @@ export default {
     },
     wxPayFn() {
       let that = this
+
+      //解决重复提交问题
+      if(this.hasRequest == true){
+        this.$msg('正在请求，请5秒后再试')
+        return false
+      }
+      that.hasRequest = true
+		setTimeout(() => {
+			that.hasRequest = false
+		},7000)
+
       uni.showLoading({title: '加载中',mask:true})
       uni.login({
         provider: 'weixin',