审核按钮添加防抖

src/views/admin/assignPoints/quota/quickAudit.vue

@@ -23,8 +23,8 @@
     </div>
     <div class="content">
       <div class="head">
-        <el-button type="primary" class="btn" @click="allPassClick(3)">批量审核通过</el-button>
-        <el-button type="primary" class="btn" @click="allPassClick(4)">批量审核拒绝</el-button>
+        <el-button type="primary" class="btn" @click="debouncedAllPassClick(3)">批量审核通过</el-button>
+        <el-button type="primary" class="btn" @click="debouncedAllPassClick(4)">批量审核拒绝</el-button>
         <el-checkbox v-model="allCheck" @change="allClick">全选</el-checkbox>
         <el-tag
           >当前已选择 {{ checkedIds.length }} 条项目
@@ -295,8 +295,8 @@
             </div>
           </template>
           <div class="btns">
-            <el-button :disabled="getShowBtn(item)" class="btn" @click="passClick(index, 4, item.id)">拒绝</el-button>
-            <el-button :disabled="getShowBtn(item)" class="btn" type="primary" @click="passClick(index, 3, item.id)">通过</el-button>
+            <el-button :disabled="getShowBtn(item)" class="btn" @click="debouncedPassClick(index, 4, item.id)">拒绝</el-button>
+            <el-button :disabled="getShowBtn(item)" class="btn" type="primary" @click="debouncedPassClick(index, 3, item.id)">通过</el-button>
           </div>
         </el-card>
       </div>
@@ -305,6 +305,7 @@
 </template>
 
 <script>
+import { debounce } from '@/util/util';
 import { fetchList, batchApprovalTask, wmreportFetchList, wmreportBatchApprovalTask } from '@/api/quickAudit.js';
 import { getTaskList } from '@/api/assignPoints/currency/taskAudit';
 import taskApi from '@/api/taskDetail/task';
@@ -344,6 +345,9 @@ export default {
     ...mapGetters(['userInfo', 'roles'])
   },
   created() {
+    this.debouncedPassClick = debounce(this.passClick, 500);
+    this.debouncedAllPassClick = debounce(this.allPassClick, 500);
+
     this.getTaskList();
     this.getList();
   },

src/views/admin/assignPoints/quota/taskAudit.vue

@@ -164,7 +164,7 @@
 <script>
 import { taskAuditData } from '@/const/crud/assignPoints/quota/taskAudit';
 import { getWmTaskList, approvalTask, getTaskList, reviewTask } from '@/api/assignPoints/currency/taskAudit';
-
+import { debounce } from '@/util/util';
 import Config from '@/settings';
 import taskDetail from '@/components/taskDetail/index.vue';
 import taskApi from '@/api/taskDetail/task';
@@ -447,9 +447,8 @@ export default {
         this.showDialog = true;
       }
     },
-    // 弹窗确定按钮
-    sureBtn(formName) {
-      this.$refs[formName].validate((valid) => {
+    sureBtn: debounce(function () {
+      this.$refs.taskForm.validate((valid) => {
         if (valid) {
           this.taskForm.id = this.examineVal;
           this.taskForm.scorePackageId = this.jfbID;
@@ -474,7 +473,12 @@ export default {
           return false;
         }
       });
-    },
+    }, 1000),
+
+    // 弹窗确定按钮
+    // sureBtn() {
+
+    // },
     // 查看
     lookBtn(row, index) {
       console.log('row', row);