活动确认积分前端对按钮增加防连击

src/views/modules/heart/actuserclock-detail.vue

@@ -27,6 +27,8 @@
               size="small"
               style="width: 95px"
               type="primary"
+              :disabled = "isDisabled"
+              :loading="isLoading"
               @click="dataFormSubmitHandle()"
             >{{ $t('confirm') }}</el-button>
             <el-button size="small" style="width: 95px" @click="backToActClockList">{{ '返回' }}</el-button>
@@ -156,7 +158,9 @@ export default {
       previewImgList: [],
       isAble: false,
       isEdit: false,
-      actUseId: ''
+      actUseId: '',
+      isDisabled: false,
+      isLoading: false
     }
   },
   mounted () {
@@ -225,6 +229,9 @@ export default {
       this.$nextTick(() => {
         if (this.dataForm.id) {
           this.getInfo()
+          // 积分操作按钮 防点击
+          this.isDisabled = false
+          this.isLoading = false
         }
       })
     },
@@ -334,11 +341,15 @@ export default {
           if (this.dataForm.failureReason.length > 100) {
             return this.$message.error('处理意见不超过100字')
           }
+          this.isLoading = true
+          this.isDisabled = true
           // this.isAble = true
           this.$http['post']('/heart/actuserclocklog/pointCheck', this.dataForm)
             .then(({ data: res }) => {
               // this.isAble = false
               if (res.code !== 0) {
+                this.isDisabled = false
+                this.isLoading = false
                 return this.$message.error(res.msg)
               }
               this.$message({