金币新增重复点击优化

src/views/recharge/gold/addCoinRecharge.vue

@@ -56,7 +56,8 @@ const getAdminData = async function () {
     console.log('请求失败', error)
   }
 }
-
+//提交禁止重复点击
+const addDisabled = ref(false)
 // 这是添加充值信息的表单
 const recharge = ref({
   jwcode: '', // jwcode 字段
@@ -102,6 +103,7 @@ const add = async function () {
       url: '/recharge/add',
       data: formattedRecharge
     })
+    addDisabled.value = false
     if (result.code === 0) {
       ElMessage.error(result.msg)
       return
@@ -111,17 +113,7 @@ const add = async function () {
     // 显示成功消息
     ElMessage.success('添加成功')
     // 重置表单
-    recharge.value = {}
-    recharge.value.adminId = adminData.value.id
-    recharge.value.market = adminData.value.market
-    recharge.value.voucher = ''
-    recharge.value.rechargeWay = '客服充值'
-    recharge.value.freeGold = ''
-    recharge.value.money = null
-    recharge.value.permanentGold = ''
-    recharge.value.rateId = null
-    imageUrl.value = ''
-    recharge.value.rateName = null
+    deleteRecharge()
     user.value = {}
   } catch (error) {
     console.log('请求失败', error)
@@ -168,6 +160,7 @@ const addBefore = () => {
       }
       ElMessageBox.confirm('确认充值？')
         .then(() => {
+          addDisabled.value = true
           add()
           console.log('充值成功')
         })
@@ -648,7 +641,7 @@ onMounted(() => {
       </el-form-item>
 
       <el-button @click="deleteRecharge" style="margin-left: 280px" type="success">重置</el-button>
-      <el-button type="primary" @click="addBefore"> 提交 </el-button>
+      <el-button type="primary" :disabled="addDisabled" @click="addBefore"> 提交 </el-button>
     </el-form>
 
     <!-- 客户信息栏 -->