fix:禁止连点事件

src/modules/customer/components/CreateContact.vue

@@ -51,7 +51,7 @@
       </el-row>
       <el-form-item>
         <el-row style="text-align: center; margin-top: 30px">
-          <el-button type="primary" @click="submit">提交</el-button>
+          <el-button type="primary" @click="submit" :disabled="btnDisabled">提交</el-button>
           <el-button @click="$emit('update:visible', false)" style="margin-left: 20px">取消</el-button>
         </el-row>
       </el-form-item>
@@ -64,6 +64,7 @@ import { createContact, UpdateContact } from '../api'
 export default {
   data() {
     return {
+      btnDisabled: false,
       form: {
         name: '',
         positoon: '',
@@ -113,19 +114,33 @@ export default {
     },
     edit() {
       const params = Object.assign({ id: this.row.id }, this.form)
-      UpdateContact(params).then(res => {
-        this.$message.success('新建联系人成功')
-        this.$emit('update:visible', false)
-        this.$emit('success', res.data)
-      })
+      this.btnDisabled = true
+      UpdateContact(params)
+        .then(res => {
+          this.$message.success('新建联系人成功')
+          this.$emit('update:visible', false)
+          this.$emit('success', res.data)
+        })
+        .finally(() => {
+          window.setTimeout(() => {
+            this.btnDisabled = false
+          }, 500)
+        })
     },
     create() {
       const params = Object.assign({ customer_id: this.id }, this.form)
-      createContact(params).then(res => {
-        this.$message.success('新建联系人成功')
-        this.$emit('update:visible', false)
-        this.$emit('success', res.data)
-      })
+      this.btnDisabled = true
+      createContact(params)
+        .then(res => {
+          this.$message.success('新建联系人成功')
+          this.$emit('update:visible', false)
+          this.$emit('success', res.data)
+        })
+        .finally(() => {
+          window.setTimeout(() => {
+            this.btnDisabled = false
+          }, 500)
+        })
     }
   }
 }

src/modules/customer/components/CreateCoopProject.vue

 <template>
-  <el-dialog  :close-on-click-modal="false" v-bind="$attrs" v-on="$listeners" top="20vh" :title="title" width="60%">
+  <el-dialog :close-on-click-modal="false" v-bind="$attrs" v-on="$listeners" top="20vh" :title="title" width="60%">
     <el-form ref="form" :model="form" :rules="rules" label-width="100px">
       <el-row>
         <el-col :span="12">
@@ -60,7 +60,7 @@
       </el-form-item>
       <el-form-item>
         <el-row style="text-align: center; margin-top: 20px">
-          <el-button type="primary" @click="submit">提交</el-button>
+          <el-button type="primary" @click="submit" :disabled="btnDisabled">提交</el-button>
           <el-button @click="$emit('update:visible', false)" style="margin-left: 20px">取消</el-button>
         </el-row>
       </el-form-item>
@@ -76,6 +76,7 @@ export default {
   components: { AppUserSearch },
   data() {
     return {
+      btnDisabled: false,
       form: {
         tag: '',
         status: '',
@@ -138,19 +139,33 @@ export default {
     },
     create() {
       const params = Object.assign({ customer_id: this.id }, this.form)
-      createCooProject(params).then(res => {
-        this.$message.success('新建合作项目成功')
-        this.$emit('update:visible', false)
-        this.$emit('success', res.data)
-      })
+      this.btnDisabled = true
+      createCooProject(params)
+        .then(res => {
+          this.$message.success('新建合作项目成功')
+          this.$emit('update:visible', false)
+          this.$emit('success', res.data)
+        })
+        .finally(() => {
+          window.setTimeout(() => {
+            this.btnDisabled = false
+          }, 500)
+        })
     },
     edit() {
       const params = Object.assign({ id: this.row.id }, this.form)
-      editCooProject(params).then(res => {
-        this.$message.success('更新合作项目成功')
-        this.$emit('update:visible', false)
-        this.$emit('success', res.data)
-      })
+      this.btnDisabled = true
+      editCooProject(params)
+        .then(res => {
+          this.$message.success('更新合作项目成功')
+          this.$emit('update:visible', false)
+          this.$emit('success', res.data)
+        })
+        .finally(() => {
+          window.setTimeout(() => {
+            this.btnDisabled = false
+          }, 500)
+        })
     }
   }
 }

src/modules/system/customergroup/components/AddCustomer.vue

@@ -7,7 +7,7 @@
         </template>
         <template #footer>
           <el-button @click="$emit('update:visible', false)" style="margin-left: 20px">取消</el-button>
-          <el-button type="primary" @click="submit">提交</el-button>
+          <el-button type="primary" @click="submit" :disabled="btnDisabled">提交</el-button>
         </template>
       </app-list>
     </app-card>
@@ -24,7 +24,8 @@ export default {
   },
   data() {
     return {
-      multipleSelection: []
+      multipleSelection: [],
+      btnDisabled: false
     }
   },
   props: {
@@ -79,14 +80,21 @@ export default {
       const param = this.multipleSelection
       const arr = param.map(item => item.id)
       const params = { group_id: this.id, customer_ids: arr }
-      createCustomer(params).then(res => {
-        if (res.code === 0) {
-          this.$message.success('添加客户成功')
-          this.$emit('update:visible', false)
-          this.$emit('success')
-          this.$refs.list.refetch()
-        }
-      })
+      this.btnDisabled = true
+      createCustomer(params)
+        .then(res => {
+          if (res.code === 0) {
+            this.$message.success('添加客户成功')
+            this.$emit('update:visible', false)
+            this.$emit('success')
+            this.$refs.list.refetch()
+          }
+        })
+        .finally(() => {
+          window.setTimeout(() => {
+            this.btnDisabled = false
+          }, 500)
+        })
     }
   }
 }

src/modules/system/customergroup/components/AddCustomerGroup.vue

@@ -7,7 +7,7 @@
       <el-form-item>
         <el-row style="float: right">
           <el-button @click="$emit('update:visible', false)">取消</el-button>
-          <el-button type="primary" style="margin-left: 20px" @click="submit">提交</el-button>
+          <el-button type="primary" style="margin-left: 20px" @click="submit" :disabled="btnDisabled">提交</el-button>
         </el-row>
       </el-form-item>
     </el-form>
@@ -20,7 +20,8 @@ export default {
   data() {
     return {
       form: {
-        name: ''
+        name: '',
+        btnDisabled: false
       },
       rules: {
         name: [
@@ -60,21 +61,35 @@ export default {
     // 编辑/更新客户组
     edit() {
       const params = Object.assign({ id: this.data.id }, this.form)
-      editCustomerGroup(params).then(res => {
-        this.$message.success('客户组更新成功')
-        this.$emit('update:visible', false)
-        this.$emit('success', res.data)
-      })
+      this.btnDisabled = true
+      editCustomerGroup(params)
+        .then(res => {
+          this.$message.success('客户组更新成功')
+          this.$emit('update:visible', false)
+          this.$emit('success', res.data)
+        })
+        .finally(() => {
+          window.setTimeout(() => {
+            this.btnDisabled = false
+          }, 500)
+        })
     },
     // 新建客户组
     create() {
-      createCustomerGroup(this.form).then(res => {
-        if (res.code === 0) {
-          this.$message.success('客户组创建成功')
-          this.$emit('update:visible', false)
-          this.$emit('success', res.data)
-        }
-      })
+      createCustomerGroup(this.form)
+        .then(res => {
+          this.btnDisabled = true
+          if (res.code === 0) {
+            this.$message.success('客户组创建成功')
+            this.$emit('update:visible', false)
+            this.$emit('success', res.data)
+          }
+        })
+        .finally(() => {
+          window.setTimeout(() => {
+            this.btnDisabled = false
+          }, 500)
+        })
     }
   }
 }

src/modules/system/customergroup/components/AddEmployees.vue

@@ -29,7 +29,7 @@
       <el-form-item>
         <el-row style="float: right">
           <el-button @click="$emit('update:visible', false)">取消</el-button>
-          <el-button type="primary" @click="submit">提交</el-button>
+          <el-button type="primary" @click="submit" :disabled="btnDisabled">提交</el-button>
         </el-row>
       </el-form-item>
     </el-form>
@@ -48,6 +48,7 @@ export default {
   },
   data() {
     return {
+      btnDisabled: false,
       loading: false,
       form: {
         id: ''
@@ -94,16 +95,24 @@ export default {
         })
     },
     submit() {
-      this.$refs.form.validate().then(() => {
-        const params = Object.assign({ group_id: this.id, staff_ids: this.form.id })
-        createEmployee(params).then(res => {
-          if (res.code === 0) {
-            this.$message.success('添加员工成功')
-            this.$emit('update:visible', false)
-            this.$emit('success')
-          }
+      this.$refs.form
+        .validate()
+        .then(() => {
+          const params = Object.assign({ group_id: this.id, staff_ids: this.form.id })
+          this.btnDisabled = true
+          createEmployee(params).then(res => {
+            if (res.code === 0) {
+              this.$message.success('添加员工成功')
+              this.$emit('update:visible', false)
+              this.$emit('success')
+            }
+          })
+        })
+        .finally(() => {
+          window.setTimeout(() => {
+            this.btnDisabled = false
+          }, 500)
         })
-      })
     }
   }
 }

src/modules/system/customergroup/views/List.vue

@@ -69,11 +69,9 @@ export default {
           { label: '客户数量', prop: 'customer_count', align: 'center' },
           { label: '员工数量', prop: 'staff_count', align: 'center' },
           { label: '创建时间', prop: 'created_at', align: 'center' },
-          // { label: '创建人', prop: 'created_by.username', align: 'center' },
           {
             prop: 'created_by',
             label: '创建人',
-            // minWidth: '100px',
             computed({ row }) {
               return row.created_by.realname || row.created_by.nickname || row.created_by.username
             }