【PC端优化】前端优化按钮防点击-王公峰-2020-07-29

src/views/modules/events/issue-process-detail-view.vue

@@ -245,6 +245,7 @@ export default {
       this.map.enableScrollWheelZoom(true)
     },
     init () {
+      this.isAble = false
       this.$nextTick(() => {
         if (this.dataForm.id) {
           this.getInfo()
@@ -301,8 +302,8 @@ export default {
           this.dataForm.images = []
         }
         this.$http['post']('/events/issue/issueWaitHandleSubmit', this.dataForm).then(({ data: res }) => {
-          this.isAble = false
           if (res.code !== 0) {
+            this.isAble = false
             return this.$message.error(res.msg)
           }
           this.$message({

src/views/modules/events/issue-review-detail-view.vue

@@ -139,6 +139,7 @@ export default {
       this.$parent.selectComponent = 'IssueReviewList'
     },
     init () {
+      this.isAble = false
       this.$nextTick(() => {
         if (this.dataForm.id) {
           this.getInfo()
@@ -219,8 +220,8 @@ export default {
         }
         this.isAble = true
         this.$http['post']('/events/epdcevents/review', this.dataForm).then(({ data: res }) => {
-          this.isAble = false
           if (res.code !== 0) {
+            this.isAble = false
             return this.$message.error(res.msg)
           }
           this.$message({

src/views/modules/events/item-deal-detail-view.vue

@@ -447,6 +447,7 @@ export default {
       this.map.enableScrollWheelZoom(true)
     },
     init () {
+      this.isAble = false
       this.$nextTick(() => {
         if (this.dataForm.id) {
           this.postDataForm.handleAdvice = ''
@@ -597,8 +598,8 @@ export default {
       this.isAble = true
       this.$http['post'](
         '/events/item/itemHandleSubmit', this.postDataForm).then(({ data: res }) => {
-        this.isAble = false
         if (res.code !== 0) {
+          this.isAble = false
           return this.$message.error(res.msg)
         }
         this.$message({

src/views/modules/kpi/kpicommunitybuilding-add-or-update.vue

@@ -103,6 +103,7 @@ export default {
   methods: {
     init () {
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -188,7 +189,6 @@ export default {
             type: 'success',
             duration: 500,
             onClose: () => {
-              this.isAble = false
               this.dataForm.joinDeptIdsArr = ''
               this.dataForm.deptId = ''
               this.visible = false

src/views/modules/kpi/kpigridentity-add-or-update.vue

@@ -141,6 +141,7 @@ export default {
   methods: {
     init () {
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -226,7 +227,6 @@ export default {
             type: 'success',
             duration: 500,
             onClose: () => {
-              this.isAble = false
               this.dataForm.joinDeptIdsArr = ''
               this.dataForm.deptId = ''
               this.visible = false

src/views/modules/kpi/kpimassevaluation-add-or-update.vue

@@ -31,7 +31,7 @@
       </el-form>
     <template slot="footer">
       <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+      <el-button type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -105,6 +105,7 @@ export default {
   methods: {
     init () {
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -197,7 +198,6 @@ export default {
             type: 'success',
             duration: 500,
             onClose: () => {
-              this.isAble = false
               this.dataForm.joinDeptIdsArr = ''
               this.dataForm.deptId = ''
               this.visible = false

src/views/modules/kpi/kpimattersresponse-add-or-update.vue

@@ -31,7 +31,7 @@
       </el-form>
     <template slot="footer">
       <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+      <el-button type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -101,6 +101,7 @@ export default {
   methods: {
     init () {
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -197,7 +198,6 @@ export default {
             type: 'success',
             duration: 500,
             onClose: () => {
-              this.isAble = false
               this.dataForm.joinDeptIdsArr = ''
               this.dataForm.deptId = ''
               this.visible = false

src/views/modules/kpi/kpipublicopinion-add-or-update.vue

@@ -31,7 +31,7 @@
       </el-form>
     <template slot="footer">
       <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+      <el-button type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -103,6 +103,7 @@ export default {
   methods: {
     init () {
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -188,7 +189,6 @@ export default {
             type: 'success',
             duration: 500,
             onClose: () => {
-              this.isAble = false
               this.dataForm.joinDeptIdsArr = ''
               this.dataForm.deptId = ''
               this.visible = false

src/views/modules/kpi/kpitypicalculture-add-or-update.vue

@@ -37,7 +37,7 @@
       </el-form>
     <template slot="footer">
       <el-button @click="visible = false">{{ $t('cancel') }}</el-button>
-      <el-button type="primary" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
+      <el-button type="primary" :disabled="isAble" @click="dataFormSubmitHandle()">{{ $t('confirm') }}</el-button>
     </template>
   </el-dialog>
 </template>
@@ -114,6 +114,7 @@ export default {
   methods: {
     init () {
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -238,7 +239,6 @@ export default {
             type: 'success',
             duration: 500,
             onClose: () => {
-              this.isAble = false
               this.dataForm.joinDeptIdsArr = ''
               this.dataForm.deptId = ''
               this.visible = false

src/views/modules/workRecord/dailyrecordinfoDetail.vue

@@ -228,6 +228,7 @@ export default {
     init () {
       this.dataForm.id = this.$route.query.id
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -333,7 +334,6 @@ export default {
           return false
         }
         this.isAble = true
-        console.log(this.dataForm)
         this.$http[!this.dataForm.id ? 'post' : 'put']('/workRecord/dailyrecordinfo/', this.dataForm).then(({ data: res }) => {
           if (res.code !== 0) {
             this.isAble = false
@@ -344,7 +344,6 @@ export default {
             type: 'success',
             duration: 500,
             onClose: () => {
-              this.isAble = false
               this.visible = false
               this.$emit('refreshDataList')
               // 返回主列表

src/views/modules/workRecord/monthexcellentcaseDetail.vue

@@ -143,6 +143,7 @@ export default {
     init () {
       this.dataForm.id = this.$route.query.id
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -287,7 +288,6 @@ export default {
             type: 'success',
             duration: 500,
             onClose: () => {
-              this.isAble = false
               this.visible = false
               this.$emit('refreshDataList')
               // 返回主列表

src/views/modules/workRecord/monthexcellentgridDetail.vue

@@ -174,6 +174,7 @@ export default {
     init () {
       this.dataForm.id = this.$route.query.id
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -318,7 +319,6 @@ export default {
             type: 'success',
             duration: 500,
             onClose: () => {
-              this.isAble = false
               this.visible = false
               this.$emit('refreshDataList')
               // 返回主列表

src/views/modules/workRecord/monthexcellentpersonDetail.vue

@@ -164,6 +164,7 @@ export default {
     init () {
       this.dataForm.id = this.$route.query.id
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -308,7 +309,6 @@ export default {
             type: 'success',
             duration: 500,
             onClose: () => {
-              this.isAble = false
               this.visible = false
               this.$emit('refreshDataList')
               // 返回主列表

src/views/modules/workRecord/monthgridsortDetail.vue

@@ -125,6 +125,7 @@ export default {
     init () {
       this.dataForm.id = this.$route.query.id
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -205,7 +206,6 @@ export default {
           type: 'success',
           duration: 500,
           onClose: () => {
-            this.isAble = false
             this.visible = false
             this.$emit('refreshDataList')
             // 返回主列表

src/views/modules/workRecord/monthrecordinfoDetail.vue

@@ -190,6 +190,7 @@ export default {
     init () {
       this.dataForm.id = this.$route.query.id
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -333,7 +334,6 @@ export default {
             type: 'success',
             duration: 500,
             onClose: () => {
-              this.isAble = false
               this.visible = false
               this.$emit('refreshDataList')
               // 返回主列表

src/views/modules/workRecord/weekrecordinfoDetail.vue

@@ -171,6 +171,7 @@ export default {
     init () {
       this.dataForm.id = this.$route.query.id
       this.visible = true
+      this.isAble = false
       this.$nextTick(() => {
         this.$refs['dataForm'].resetFields()
         if (this.dataForm.id) {
@@ -344,7 +345,6 @@ export default {
             type: 'success',
             duration: 500,
             onClose: () => {
-              this.isAble = false
               this.visible = false
               this.$emit('refreshDataList')
               // 返回主列表