feat: 客服许可 - 批量分配 - 前端页面

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

@@ -13,7 +13,7 @@
           <self-input :reset='resetFlag' :hasLabel="false" label_name="成员名称" :inputFlag='true'
             @inputChange='(val) => { input_keyword = val; userSearch() }' width="270px" style="margin-top:0">
           </self-input>
-          <div class="allMember">全部{{ source == 'chatGroup' ? '群主' : '成员' }}({{ userTotal }}):</div>
+          <div class="allMember">全部成员({{ userTotal }}):</div>
           <div class="memberBoxBig self-scrollbar-3">
             <template v-for="(item, index) in userList">
               <div class="memberBox" :key="index + 'userList' + item.department_id">
@@ -48,7 +48,7 @@
         </div>
         <div class="line"></div>
         <div class="propoverItem" style="padding-left:20px">
-          <div class="title">已选择的{{ source == 'chatGroup' ? '群主' : '成员' }}</div>
+          <div class="title">已选择的成员</div>
           <div class="choice_result_top">
             <div class="clear" @click="closeUser(-1)">全部清空</div>
             <div class="result_num">已选择<span>{{ selectUser && selectUser.length }}</span>人</div>
@@ -75,6 +75,7 @@
   </div>
 </template>
 <script>
+import _lodash from 'lodash'
 import selfInput from '@/components/assembly/screen/input.vue'
 export default {
   components: { selfInput },
@@ -100,9 +101,9 @@ export default {
       type: Boolean,
       default: false
     },
-    source: {//chatGroup 选择 群主列表
-      type: String,
-      default: 'channelCode'
+    waitForAssignNum: {
+      type: Number,
+      default: () => 0
     },
   },
   watch: {
@@ -202,18 +203,13 @@ export default {
       })
       if (arr.length == 0) {
         this.$message({
-          message: `请选择${this.source == 'chatGroup' ? '群主' : '成员'}`,
+          message: `请选择成员`,
           type: "warning"
         })
         return
       }
       this.visible = false
-      if (this.source == 'channelCode') {
-        this.$emit('change', arr, arrName)
-      } else {
-        this.$emit('change', arr)
-      }
-
+      this.$emit('change', arr)
     },
     userSearch () {//模糊搜索
       let search_user_list = []
@@ -242,18 +238,12 @@ export default {
     },
     init (type) {
       this.loading = true
-      let paramsData = {}
-      if (this.source == 'channelCode') {
-        paramsData = {
-          params: {
-            status: 1 // 表示只获取激活的客服
-          }
+      let paramsData = {
+        params: {
+          status: 1 // 表示只获取激活的客服
         }
       }
       let axios_api = this.URL.userList;
-      if (this.source == 'chatGroup') {//群主
-        axios_api = this.URL.chatGroup_ownerList
-      }
       this.$axios.get(this.URL.BASEURL + axios_api, paramsData).then((res) => {
         var res = res.data
         this.loading = false
@@ -289,8 +279,8 @@ export default {
       this.$set(this.userList, index, arr)
     },
     selectUserEvent (type, main_index, user_index) {
-      let selectUser = this.selectUser
-      let user_arr = this.userList[main_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)
@@ -312,14 +302,21 @@ export default {
           selectUser.push(brr)
         }
       }
-      this.$set(this.userList, main_index, user_arr)
+      // this.$set(this.userList, main_index, user_arr)
       // 去重
       let tmp = {};
       selectUser = selectUser.reduce((list, item) => {
         tmp[item.user_id] ? '' : (tmp[item.user_id] = list.push(item));
         return list
       }, []);
+
+      if (selectUser && (selectUser.length > this.waitForAssignNum)) { // 不能超过“待分配许可人数”
+        this.$message.warning(`最多可选${this.waitForAssignNum}名成员`)
+        return false
+      }
+
       this.selectUser = selectUser
+      this.$set(this.userList, main_index, user_arr)
       this.changeSelect()
     },
     changeSelect () {//客服选择发生变化时，部门全选跟着相应的改变

project/src/components/manage/memberManage.vue

@@ -39,7 +39,7 @@
         </template>
       </div>
 
-      <batchAssign ref="batchAssign" @change="onChangeBatchAssign" />
+      <batchAssign ref="batchAssign" :waitForAssignNum="waitForAssignNum" @change="onChangeBatchAssign" />
     </div>
 
     <div style="display: flex;">
@@ -298,7 +298,7 @@ export default {
       currentAssignInfo: {}, // 当前需要分配许可的成员信息
       transferDialogVisible: false, // 控制“转移许可”弹框显示
       currentTransferInfo: {}, // 当前需要转移许可的成员信息
-      assignResultVisible: true, // 控制“批量分配许可结果”弹框显示
+      assignResultVisible: false, // 控制“批量分配许可结果”弹框显示
       currentAssignResult: {}, // 当前分配结果信息
     }
   },
@@ -471,7 +471,7 @@ export default {
           const { data: res = {} } = await this.$axios.get(url, { params })
           if (res && res.errno == 0) {
             this.waitForAssignNum = res.rst.count
-            this.waitForAssignNum = parseInt(Math.random() * 100) // mock
+            this.waitForAssignNum = parseInt(Math.random() * 20) // mock
             resolve(this.waitForAssignNum)
           } else if (res.errno != 4002) {
             this.$message.warning(res.err)