群重复邀请处理

pages/im/group/invite.vue

@@ -26,7 +26,8 @@
                 </u-checkbox-group>
             </u-index-list>
             <view class="bottom">
-                <span class="onInvite" @click="onInvite">完成<span>{{`(${checkboxValue.length})` || ''}}</span></span>
+                <span class="onInvite" v-if="canInvite"> 添加中<span>{{`(${checkboxValue.length})` || ''}}</span></span>
+                <span class="onInvite" v-else @click="onInvite">完成<span>{{`(${checkboxValue.length})` || ''}}</span></span>
             </view>
         </block>
         <view class="no-lists" v-else>
@@ -63,7 +64,8 @@
                 friends: [],
                 orignalFriends: [],
                 checkboxValue: [],
-                selectValue: []
+                selectValue: [],
+                canInvite:false
             };
         },
         onLoad(e) {
@@ -123,7 +125,8 @@
             },
             onInvite() {
                 console.log(this.checkboxValue, 'userIds.....')
-                console.log(this.selectValue, 'userIds.....')
+                console.log(this.selectValue, 'userIds.....')
+                this.canInvite = true
                 let userIds = []
                 this.checkboxValue.filter(item => {
                     if (!utils.inArray(item, this.selectValue)) {
@@ -136,9 +139,11 @@
                         delta: 1,
                         animationType: 'pop-out',
                         animationDuration: 200
-                    });
+                    });
+                    this.canInvite = false
                     uni.$emit('groupInvitedUser')
-                }).catch(err => {
+                }).catch(err => {
+                    this.canInvite = false
                     uni.showToast({
                         icon: 'none',
                         title: err.message