重复点击问题

src/views/moneyManage/receiveDetail/receiveService.vue

@@ -200,7 +200,7 @@
                 <el-form-item label="产品名称" required @change="ifGold" prop="goodsName">
                     <ProductSelect ref="productSelectRef" v-model="addFormData.goodsName"></ProductSelect>
                 </el-form-item>
-                <el-form-item v-show="!isGold" label="产品数量" required prop="goodNum">
+                <el-form-item v-show="!isGold" label="产品数量" required>
                     <div style="display: flex;">
                         <el-input style="padding-right: 30px; flex: 3;" v-model="addFormData.goodNum"
                             placeholder="请输入产品数量" />
@@ -267,9 +267,9 @@
                 <span class="dialog-footer">
                     <el-button style="background-color: #7E91FF;" @click="closeAddForm">取消</el-button>
                     <el-button v-if="addOrEdit == 1" style="background-color: #2741DE; margin-left: 2.5vw;"
-                        type="primary" @click="throttledhandleAddForm">确定</el-button>
+                        type="primary" @click="throttledhandleAddForm" :disabled="ifAddDone">确定</el-button>
                     <el-button v-else-if="addOrEdit == 2" style="background-color: #2741DE; margin-left: 2.5vw;"
-                        type="primary" @click="throttledhandleEditForm">编辑</el-button>
+                        type="primary" @click="throttledhandleEditForm" :disabled="ifReAddDone">编辑</el-button>
                 </span>
             </template>
         </el-dialog>
@@ -428,6 +428,10 @@ const total = ref(0) // 总条数
 const pageInfo = ref({ pageSize: 10, pageNum: 1 }) // 分页信息
 const numUnitList = ref(['年', '月'])
 
+//防止重复点击状态管理
+const ifAddDone = ref(false)
+const ifReAddDone = ref(false)
+
 // 角色标识：固定为客服（删除财务、总部财务、超级管理员标识）
 const kefu = ref(true)
 const caiwu = ref(false)
@@ -667,10 +671,23 @@ const handleAddForm = async () => {
             ElMessage.error(testGold().message);
             return;
         }
+        //单独校验产品数量
+        if (!isGold.value) {
+            if (!addFormData.value.goodNum) {
+                ElMessage.error('请输入产品数量');
+                return;
+            }
+            const positiveIntReg = /^[1-9]\d*$/;
+            if (!positiveIntReg.test(addFormData.value.goodNum)) {
+                ElMessage.error('产品数量必须为正整数');
+                return;
+            }
+        }
         // 处理时间格式
         if (addFormData.value.payTime) {
             addFormData.value.payTime = moment(addFormData.value.payTime).format('YYYY-MM-DD HH:mm:ss')
         }
+        ifAddDone.value = true
         const result = await request({
             url: '/cashCollection/add',
             data: {
@@ -690,9 +707,11 @@ const handleAddForm = async () => {
             getlist()
             closeAddForm()
         }
+        ifAddDone.value = false
     } catch (error) {
         console.log('新增报错：', error);
         ElMessage.error('请完善表单信息后提交');
+        ifAddDone.value = false
     }
 }
 
@@ -704,10 +723,23 @@ const handleEditForm = async () => {
             ElMessage.error(testGold().message);
             return;
         }
+        //单独校验产品数量
+        if (!isGold.value) {
+            if (!addFormData.value.goodNum) {
+                ElMessage.error('请输入产品数量');
+                return;
+            }
+            const positiveIntReg = /^[1-9]\d*$/;
+            if (!positiveIntReg.test(addFormData.value.goodNum)) {
+                ElMessage.error('产品数量必须为正整数');
+                return;
+            }
+        }
         // 处理时间格式
         if (addFormData.value.payTime) {
             addFormData.value.payTime = moment(addFormData.value.payTime).format('YYYY-MM-DD HH:mm:ss')
         }
+        ifReAddDone.value = true
         const result = await request({
             url: '/cashCollection/reSubmit',
             data: {
@@ -727,8 +759,10 @@ const handleEditForm = async () => {
             getlist()
             closeAddForm()
         }
+        ifReAddDone.value = false
     } catch (error) {
         console.log(error);
+        ifReAddDone.value = false
     }
 }
 

src/views/moneyManage/receiveDetail/utils/recriveFormRules.js

@@ -23,11 +23,6 @@ export const addFormRule = {
     // 产品数量：0-100纯数字
     goodNum: [
         { required: true, message: '请输入产品数量', trigger: 'blur' },
-        {
-            pattern: /^[1-9]\d*$/,
-            message: '请输入正整数',
-            trigger: 'blur'
-        }
     ],
     // 付款币种：必填
     paymentCurrency: [