支付模块

web

2025-07-04 0cfe50c34659fc30b8e6cdc05d9e4198efa71be9

 pages/recharge/index.vue

@@ -37,7 +37,7 @@
               </view>
            </view>
         </view>
         <button :style="{opacity:payStatus ? 1 : 0.7}" class="submit-btn" @click="submit()">立即充值</button>
         <button :disabled="payStatus" class="submit-btn" @click="submit()">立即充值</button>
      </view>
   </view>
</template>
@@ -71,7 +71,7 @@
      {text:"微信支付",value:2,checked:true,img:'../../static/images/recharge/wx.png'},
   ])
   let timerId 
   let payStatus = ref(true)
   let payStatus = ref(false)
   
   const chooseMoney = (index1) => {
      moneyList.value.forEach((item,index) =>{
@@ -91,11 +91,8 @@
   }

   const submit = () => {
      if(payStatus.value){
         payStatus.value = false
         timerId = setTimeout(()=>{
            payStatus.value = true
         },20000)
      payStatus.value = true; //点击后禁用按钮
      try{
         let money = ''
         if(disabled.value){
            money = choosedMoney.value
@@ -103,25 +100,27 @@
            money = Number(otherMoney.value)
         }
         let data = {
                 cardNumber:userInfo.waterCardNumber,
                 paymentMethod:1,
                 rechargeAmount:money
             }
            cardNumber:userInfo.waterCardNumber,
            paymentMethod:1,
            rechargeAmount:money
         }
         //生成订单
         rechargeApi(data).then(async(res) =>{
         rechargeApi(data).then(async (res) =>{
            if(res.code == 200){
               let data = {
                  businessType:1,
                  businessNo:res.data
                  }
               }
               //发起支付
               await wxPay(data)
               otherMoney.value = ''
               payStatus.value = false;
            }
         })
      }else{
      }catch(err){
         payStatus.value = false;
         uni.showToast({
            title:'充值间隔20秒，请稍后!',
            title:'失败',
            icon:'none'
         })
      }
@@ -132,9 +131,10 @@
      wxPayApi(data).then((res) =>{
         if(res.code == 200){
            //调用微信官方支付接口弹出付款界面,输入密码扣款
            wx.requestPayment({
            uni.requestPayment({
              //预支付订单信息
              // appId: res.data.appId,
              provider: 'wxpay',
              timeStamp: res.data.timeStamp,     //时间戳 
              nonceStr: res.data.nonceStr,      //随机串     
              package: res.data.package,      //prepay_id