fix(payCard): 添加支付按钮加载状态防止重复点击

添加isPaymentLoading状态控制支付按钮，防止用户重复点击
处理支付过程中可能出现的错误并显示相应提示
确保在支付完成或失败后清除加载状态

@@ -28,10 +28,11 @@
         <nut-button
         <nut-button
           block
           block
           color="#fb923c"
           color="#fb923c"
-          :disabled="!hasAgreed && !isChecked"
+          :disabled="(!hasAgreed && !isChecked) || isPaymentLoading"
+          :loading="isPaymentLoading"
           @tap="goToPay"
           @tap="goToPay"
         >
         >
-          立即支付
+          {{ isPaymentLoading ? '处理中...' : '立即支付' }}
         </nut-button>
         </nut-button>
       </view>
       </view>
     </nut-action-sheet>
     </nut-action-sheet>
@@ -110,6 +111,9 @@ const isChecked = ref(false);
 const hasAgreed = ref(false);
 const hasAgreed = ref(false);
 const protocolVisible = ref(false);
 const protocolVisible = ref(false);
 
 
+// 支付loading状态
+const isPaymentLoading = ref(false);
+
 // 支付协议内容
 // 支付协议内容
 const protocolContent = ref(`
 const protocolContent = ref(`
 1. 用户在使用捡个电驴支付服务时，需遵守相关法律法规。
 1. 用户在使用捡个电驴支付服务时，需遵守相关法律法规。
@@ -220,10 +224,14 @@ const handleAgreeProtocol = async () => {
     }
     }
   } catch (error) {
   } catch (error) {
     console.error('更新协议状态失败:', error)
     console.error('更新协议状态失败:', error)
+    throw error // 重新抛出错误，让goToPay函数处理
   }
   }
 }
 }
 
 
 const goToPay = async () => {
 const goToPay = async () => {
+  // 防止重复点击
+  if (isPaymentLoading.value) return
+
   // 检查协议状态
   // 检查协议状态
   if (!hasAgreed.value && !isChecked.value) {
   if (!hasAgreed.value && !isChecked.value) {
     Taro.showToast({
     Taro.showToast({
@@ -233,6 +241,10 @@ const goToPay = async () => {
     return
     return
   }
   }
 
 
+  // 设置loading状态
+  isPaymentLoading.value = true
+
+  try {
     // 如果用户勾选了协议但还未提交，先处理协议同意
     // 如果用户勾选了协议但还未提交，先处理协议同意
     if (!hasAgreed.value && isChecked.value) {
     if (!hasAgreed.value && isChecked.value) {
       await handleAgreeProtocol()
       await handleAgreeProtocol()
@@ -286,10 +298,24 @@ const goToPay = async () => {
               showCancel: false,
               showCancel: false,
             });
             });
           }
           }
+        },
+        complete: () => {
+          // 支付完成后清除loading状态
+          isPaymentLoading.value = false
         }
         }
       });
       });
     }
     }
     }
     }
+  } catch (error) {
+    console.error('支付过程出错:', error)
+    Taro.showToast({
+      title: '支付失败，请重试',
+      icon: 'error'
+    })
+  } finally {
+    // 确保loading状态被清除
+    isPaymentLoading.value = false
+  }
 }
 }
 </script>
 </script>