feat: 客服许可 - 批量分配许可 - 接口联调

project/src/assets/config/interface_api.js

@@ -382,6 +382,7 @@ var api = {
   member_licenseCount: "/api/license/count", // 成员管理 - 查询企微待分配许可数
   member_activeAccount: "/api/license/activeAccount", // 成员管理 - 分配许可
   member_transfer: "/api/license/transfer", // 成员管理 - 转移许可
+  member_batchActiveAccount: "/api/license/batchActiveAccount", // 成员管理 - 批量分配许可
 
 };
 

project/src/components/manage/memberComp/batchAssign.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="common-screen-item" v-loading="loading">
-    <el-button type="primary" plain size="mini" @click="visible = true">批量分配许可</el-button>
+    <el-button type="primary" plain size="mini" @click="$emit('updateAssignNum');handleReset();visible = true">批量分配许可</el-button>
     <el-dialog
       :visible.sync="visible"
       :before-close="() => { visible = false }"
@@ -28,9 +28,13 @@
                     <div :class="['checkbox', item.is_select ? 'checkbox_active' : '']"><i class="el-icon-check"></i>
                     </div>
                   </div>
-                  <div class="memberItem" :style="item.is_open ? 'display:none' : ''"
-                    v-for="(item1, user_index) in item.user_list" :key="item1.user_id"
-                    @click="selectUserEvent('user', index, user_index)">
+                  <div
+                    v-for="(item1, user_index) in item.user_list"
+                    :key="item1.user_id"
+                    :class="['memberItem', item1.is_active == 1 ? 'disabled' : '']"
+                    :style="item.is_open ? 'display:none' : ''"
+                    @click="selectUserEvent('user', index, user_index)"
+                  >
                     <div class="flex" style="flex:1">
                       <img class="memberImg" :src="item1.avatar" alt="">
                       <div class="memberInfo">
@@ -187,13 +191,11 @@ export default {
       this.final_result = []
       this.changeSelect()
       isEmit && this.$emit('change', [])
-      if (this.input_keyword != '') {
-        this.input_keyword = '';
-        this.resetFlag = !this.resetFlag
-        this.init()
-      }
+      this.input_keyword = '';
+      this.resetFlag = !this.resetFlag
+      this.init()
     },
-    defineEvent () {
+    async defineEvent () {
       this.final_result = JSON.parse(JSON.stringify(this.selectUser))
       let arr = this.selectUser.map((v) => {
         return v.user_id
@@ -208,8 +210,37 @@ export default {
         })
         return
       }
+
+      console.log('arr => ', arr)
+
+      const res = await this.handleSubmit(arr)
+      console.log('res => ', res)
       this.visible = false
-      this.$emit('change', arr)
+      this.$emit('change', res)
+    },
+    handleSubmit(userid_list) {
+      return new Promise(async (resolve, reject) => {
+        try {
+          const url = `${this.URL.BASEURL}${this.URL.member_batchActiveAccount}`
+          const params = {
+            userid_list,
+            corpid: this.$localSelfStore.getLocal('defaultCorp') && this.$localSelfStore.getLocal('defaultCorp') != 'undefined' ? JSON.parse(this.$localSelfStore.getLocal('defaultCorp')).corpid : '',
+          }
+          this.loading = true
+          const { data: res = {} } = await this.$axios.post(url, params)
+          if (res && res.errno == 0) {
+            this.$message.success('操作成功')
+          } else if (res.errno != 4002) {
+            this.$message.warning(res.err || '操作失败')
+          }
+          resolve(res)
+        } catch (error) {
+          console.log('error => ', error)
+          reject(error)
+        } finally {
+          this.loading = false
+        }
+      })
     },
     userSearch () {//模糊搜索
       let search_user_list = []
@@ -281,6 +312,7 @@ export default {
     selectUserEvent (type, main_index, user_index) {
       let selectUser = _lodash.cloneDeep(this.selectUser)
       let user_arr = _lodash.cloneDeep(this.userList[main_index])
+
       if (type == 'all') {//点击部门全选时
         if (!user_arr.is_select) {
           selectUser = selectUser.concat(user_arr.user_list)
@@ -294,6 +326,12 @@ export default {
         }
       } else {//点击单个客服时
         let brr = user_arr.user_list[user_index]
+
+        if (brr.is_active == 1) {
+          this.$message.warning('当前成员已分配过许可')
+          return false
+        }
+
         if (brr.is_select) {
           selectUser = selectUser.filter((v) => {
             return v.user_id != brr.user_id
@@ -315,6 +353,7 @@ export default {
         return false
       }
 
+      selectUser = selectUser.filter(item => item.is_active != 1) // 过滤已分配成员
       this.selectUser = selectUser
       this.$set(this.userList, main_index, user_arr)
       this.changeSelect()
@@ -501,6 +540,13 @@ export default {
 
 .memberItem {
   margin: 14px 0;
+  &.disabled {
+    cursor: not-allowed;
+    .checkbox {
+      border-color: #c7c7c7;
+      background-color: #dfdfdf;
+    }
+  }
 
   .memberImg {
     width: 38px;

project/src/components/manage/memberManage.vue

@@ -40,7 +40,13 @@
         </template>
       </div>
       <!-- mock -->
-      <batchAssign v-if="isAdmin" ref="batchAssign" :waitForAssignNum="waitForAssignNum" @change="onChangeBatchAssign" />
+      <batchAssign
+        v-if="isAdmin"
+        ref="batchAssign"
+        :waitForAssignNum="waitForAssignNum"
+        @updateAssignNum="handleGetWaitForAssignNum"
+        @change="onChangeBatchAssign"
+      />
     </div>
 
     <div style="display: flex;">
@@ -525,6 +531,15 @@ export default {
       this.handleGetWaitForAssignNum()
     },
 
+    // 监听“批量分配许可”变化
+    onChangeBatchAssign(val) {
+      console.log('onChangeBatchAssign => ', val)
+      this.init(undefined, this.keyword)
+      this.handleGetWaitForAssignNum()
+
+      // this.handleShowAssignResult({}) // 显示分配结果
+    },
+
     // 批量分配许可结果 - 显示
     handleShowAssignResult(res) {
       this.currentAssignResult = {...res}
@@ -542,15 +557,6 @@ export default {
       this.handleGetWaitForAssignNum()
     },
 
-    // 监听“批量分配许可”变化
-    onChangeBatchAssign(val) {
-      console.log('onChangeBatchAssign => ', val)
-      this.init(undefined, this.keyword)
-      this.handleGetWaitForAssignNum()
-
-      // this.handleShowAssignResult({}) // 显示分配结果
-    },
-
   }
 }
 </script>