"防抖"

src/main.js

@@ -58,7 +58,7 @@ let userInfo = window.sessionStorage.getItem("userInfo") || "";
 if (userInfo) {
   userInfo = JSON.parse(window.sessionStorage.getItem("userInfo"))
   let info = `${userInfo.realname}    ${userInfo.identitycard}`
-  let zjhm = userInfo.identitycard.replace(/^(.{10})(?:\d+)(.{4})$/,"$1****$2")
+  let zjhm = userInfo.identitycard.replace(/^(.{10})(?:\d+)(.{4})$/, "$1****$2")
   Watermark.set(userInfo.realname, zjhm, userInfo.ip)
 }
 
@@ -148,6 +148,22 @@ Vue.directive('drag', {
   }
 });
 
+Vue.directive('debounces', {
+
+  inserted: function (el, binding) {
+    debugger
+    let timer
+    el.addEventListener('click', () => {
+      if (timer) {
+        clearTimeout(timer)
+      }
+      timer = setTimeout(() => {
+        binding.value()
+      }, 1000)
+    })
+  },
+});
+
 function checkPermission(el, binding) {
   const { value } = binding
   const roles = store.getters && store.getters.roles

src/views/zjcl/zjclcj.vue

@@ -151,7 +151,7 @@
       </el-form>
       <div slot="footer" class="dialog-footer">
         <el-button @click="revokeVisiable = false">取 消</el-button>
-        <el-button type="primary" @click="submitZjcl">确 定</el-button>
+        <el-button type="primary" v-debounces="submitZjcl">确 定</el-button>
       </div>
     </el-dialog>
   </div>
@@ -233,6 +233,7 @@ export default {
       window.open(`file/${type}`, "_self");
     },
     submitZjcl() {
+      debugger
       var params = new FormData();
       let self = this;
       params.append("asjbh", this.asjbh);
@@ -243,10 +244,10 @@ export default {
       self.fileList.forEach((item, index) => {
         params.append(`files[${index}]`, item.raw);
       });
-      self.revokeVisiable = false;
       addAsjZjcl(params).then((res) => {
         if (res.code === 200) {
           self.getZjtype();
+          self.revokeVisiable = false;
           self.$message.success("上传成功");
         } else {
           self.$message({ type: "warning", message: res.message });