feat: 客户群分配

project/src/assets/config/interface_api.js

@@ -487,6 +487,8 @@ var api = {
 
   groupTransfer_configList: '/api/chatGroupTransfer/configList', // 客户群分配 - 配置列表
   groupTransfer_changeStatus: '/api/chatGroupTransfer/changeStatus', // 客户群分配 - 切换状态
+  groupTransfer_editConfig: '/api/chatGroupTransfer/editConfig', // 客户群分配 - 设置配置
+  groupTransfer_configDetail: '/api/chatGroupTransfer/configDetail', // 客户群分配 - 配置详情
 
 };
 

project/src/components/groupTransfer/configDrawer.vue

@@ -18,7 +18,7 @@
       <div class="form-wrap" v-loading="loading">
         <div class="form-item">
           <span class="lable required">配置标题</span>
-          <el-input placeholder="请输入配置标题" v-model.trim="form.title" clearable size="small" />
+          <el-input style="width: 300px;" placeholder="请输入配置标题" v-model.trim="form.title" clearable size="small" />
         </div>
 
         <div class="form-item">
@@ -28,7 +28,7 @@
         </div>
 
         <div class="form-item">
-          <span class="lable required">转移类型</span>
+          <span class="lable required">筛选方式</span>
           <el-radio v-model="form.filter_type" :label="1">按群聊</el-radio>
           <el-radio v-model="form.filter_type" :label="2">按群主</el-radio>
         </div>
@@ -40,12 +40,12 @@
 
         <div v-show="form.filter_type == 2" class="form-item">
           <span class="lable required">群主</span>
-          <selfCustomerservice v-if="isShowService" source="chatGroup" title="" width="400px" placeholder="请选择群主" :reset="reset" :afferent_users="form.old_owners" @customerDefine="onChangeOldOwners" />
+          <selfCustomerservice v-if="isShowService" source="chatGroup" title="" width="300px" placeholder="请选择群主" :reset="reset" :afferent_users="form.old_owners" @customerDefine="onChangeOldOwners" />
         </div>
 
         <div class="form-item">
           <span class="lable required">新群主</span>
-          <serviceSingle v-if="isShowService" source="chatGroup" title="" width="400px" placeholder="请选择新群主" :reset="reset" :afferent_userId="form.new_owner" @customerDefine="onChangeNewOwner" />
+          <serviceSingle v-if="isShowService" source="chatGroup" title="" width="300px" placeholder="请选择新群主" :reset="reset" :afferent_userId="form.new_owner" @customerDefine="onChangeNewOwner" />
         </div>
 
         <div class="form-item">
@@ -56,7 +56,7 @@
 
         <div v-show="form.transfer_type == 2" class="form-item">
           <span class="lable required">执行分配时间</span>
-          <el-date-picker v-model="form.transfer_at" type="datetime" :picker-options="pickerOptions" clearable value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择执行分配时间" size="mini" />
+          <el-date-picker v-model="form.transfer_at" type="datetime" :picker-options="pickerOptions" clearable value-format="yyyy-MM-dd HH:mm:ss" placeholder="选择执行分配时间" size="mini" style="width:300px;" />
         </div>
       </div>
 
@@ -145,11 +145,42 @@ export default {
     async handleGetDetail() {
       this.isShowService = false
       await this.$nextTick()
-      // const { title, user_id, old_owners } = this.configInfo
-      // this.form.title = title
-      // this.form.new_owner = new_owner
-      // this.form.old_owners = old_owners.split(',')
-      this.isShowService = true
+      try {
+        this.loading = true
+        const url = `${this.URL.BASEURL}${this.URL.groupTransfer_configDetail}`
+        const params = {
+          config_id: this.config_id
+        }
+        const { data: res = {} } = await this.$axios.get(url, { params })
+        if (res && res.errno == 0) {
+          console.log('res => ', res)
+          const { title, type, filter_type, condition = '{}', new_owner, transfer_type, transfer_at } = res.rst
+          this.form.title = title
+          this.form.type = type || 1
+          this.form.filter_type = filter_type || 1
+          if (this.form.filter_type == 1) {
+            this.form.chat_ids = JSON.parse(condition).chat_ids.map(c => ({ chat_id: c, name: '' }))
+            // 回显"群聊"数据
+            this.handleSetChatGroups(this.form.chat_ids)
+          } else if (this.form.filter_type == 2) {
+            this.form.old_owners = JSON.parse(condition).owner_list
+          }
+          this.form.new_owner = new_owner
+          this.form.transfer_type = transfer_type || 1
+          if (this.form.transfer_type == 2) {
+            this.form.transfer_at = transfer_at
+          }
+          console.log('this.form => ', JSON.parse(JSON.stringify(this.form)))
+          this.isShowService = true
+        } else if (res.errno != 4002) {
+          this.$message.warning(res.err || '获取失败')
+        }
+      } catch (error) {
+        console.log(error)
+      } finally {
+        this.loading = false
+      }
+
     },
     async onClickSave() {
       try {
@@ -162,16 +193,23 @@ export default {
       }
     },
     handleFormValidate() {
-      const { title, new_owner, old_owners } = this.form
+      console.log('this.form => ', JSON.parse(JSON.stringify(this.form)))
+      const { title, filter_type, chat_ids, old_owners, new_owner, transfer_type, transfer_at } = this.form
       return new Promise((resolve, reject) => {
         if (!title) {
           this.$message.warning('请输入配置标题')
           reject('表单校验未通过')
+        } else if (filter_type == 1 && (!chat_ids || !chat_ids.length)) {
+          this.$message.warning('请选择群聊')
+          reject('表单校验未通过')
+        } else if (filter_type == 2 && (!old_owners || !old_owners.length)) {
+          this.$message.warning('请选择群主')
+          reject('表单校验未通过')
         } else if (!new_owner) {
           this.$message.warning('请选择新群主')
           reject('表单校验未通过')
-        } else if (!old_owners || !old_owners.length) {
-          this.$message.warning('请选择群主')
+        }  else if (transfer_type == 2 && !transfer_at) {
+          this.$message.warning('请选择执行分配时间')
           reject('表单校验未通过')
         } else {
           resolve('表单校验通过')
@@ -179,14 +217,33 @@ export default {
       })
     },
     async handleSubmitForm() {
+      console.log('handleSubmitForm => ', )
       try {
         this.loading = true
-        const url = `${this.URL.BASEURL}${this.URL.customerShare_setConfig}`
+        const url = `${this.URL.BASEURL}${this.URL.groupTransfer_editConfig}`
         const params = {
           title: this.form.title,
+          type: this.form.type,
+          filter_type: this.form.filter_type,
           new_owner: this.form.new_owner,
-          old_owners: this.form.old_owners.join(',')
+          transfer_type: this.form.transfer_type,
+          transfer_at: this.form.transfer_type == 1 ? '' : this.form.transfer_at,
+        }
+
+        if (this.form.filter_type == 1) { // 按群聊参数
+          params.condition = JSON.stringify({
+            chat_ids: this.form.chat_ids.map(c => c.chat_id)
+          })
+        } else if (this.form.filter_type == 2) { // 按群主参数
+          params.condition = JSON.stringify({
+            owner_list: this.form.old_owners.map(o => o)
+          })
+        }
+
+        if (this.isEdit) {
+          params.config_id = this.config_id
         }
+
         const { data: res = {} } = await this.$axios.post(url, params)
         if (res && res.errno == 0) {
           this.$message.success('保存成功')
@@ -204,8 +261,13 @@ export default {
     async handleClearForm() {
       this.reset = !this.reset
       this.form.title = ''
+      this.form.type = 1
+      this.form.filter_type = 1
       this.form.new_owner = ''
       this.form.old_owners = []
+      this.form.chat_ids = []
+      this.form.transfer_type = 1
+      this.form.transfer_at = ''
       this.isShowService = false
       await this.$nextTick()
       this.isShowService = true
@@ -221,6 +283,26 @@ export default {
     // 监听"选择群聊"变化
     onChangeGlobalChatGroup(selectedChat) {
       console.log('onChangeGlobalChatGroup => selectedChat ', selectedChat)
+      if (selectedChat && selectedChat.length) {
+        this.form.chat_ids = selectedChat.map(s => ({
+          ...s
+        }))
+      } else {
+        this.form.chat_ids = []
+      }
+    },
+    // 详情 => 回显群聊名称
+    async handleSetChatGroups(chat_groups) {
+      const { data: res = {} } = await this.$axios.get(this.URL.BASEURL + this.URL.groupCode_chatGroupList, {
+        params: { keyword: '', owner: '' }
+      })
+      if (res && res.errno == 0 && Array.isArray(res.rst)) {
+        chat_groups.forEach((item, idx) => {
+          const isFound = res.rst.find(chat => chat.chat_id === item.chat_id)
+          if (isFound) chat_groups[idx].name = isFound.name
+        })
+        this.form.chat_ids = [...chat_groups]
+      }
     },
   },
 };
@@ -229,7 +311,7 @@ export default {
 <style lang="scss" scoped>
 .content-wrap {
   .form-wrap {
-    padding: 30px;
+    padding: 30px 50px;
     .form-item {
       display: flex;
       align-items: center;
@@ -242,7 +324,7 @@ export default {
       }
       .lable {
         flex-shrink: 0;
-        width: 120px;
+        width: 95px;
         color: #333;
         font-size: 14px;
         line-height: 28px;
@@ -258,6 +340,10 @@ export default {
           }
         }
       }
+      .common-screen-item {
+        margin-bottom: 0;
+        margin-top: 0;
+      }
       .el-input {
         width: 400px;
         /deep/ &.is-disabled .el-input__inner {
@@ -322,7 +408,7 @@ export default {
     }
   }
   .button_box {
-    margin: 100px 134px;
+    margin: 40px 134px;
     display: flex;
     align-items: center;
   }

project/src/components/groupTransfer/index.vue

@@ -51,7 +51,7 @@
     <!-- S 创建配置 -->
     <configDrawer
       v-model="configDrawerVisible"
-      :configInfo="currentConfigInfo"
+      :config_id="currentConfigId"
       @confirm="onConfirmConfig"
       @cancel="onCancelConfig"
     />
@@ -99,7 +99,7 @@ export default {
       list: [],
 
       configDrawerVisible: false,
-      currentConfigInfo: {},
+      currentConfigId: '',
     }
   },
   created () {
@@ -201,12 +201,12 @@ export default {
 
     // 监听点击“新建配置”
     onClickCreateBtn() {
-      this.currentConfigInfo = {}
+      this.currentConfigId = ''
       this.configDrawerVisible = true
     },
     onClickEditBtn(row) {
       if (row.status != 1) return this.$message.warning('当前状态不可编辑')
-      this.currentConfigInfo = {...row}
+      this.currentConfigId = row.config_id
       this.configDrawerVisible = true
     },
     onConfirmConfig({ isEdit }) {