feat: 客户群群发 - 按群聊发送

project/src/components/customOperate/chatGroup/createMsg.vue

@@ -31,35 +31,34 @@
       <div class="regulations">
         <label><em>*</em>选择模式:</label>
         <div style="display:flex">
-          <el-radio :disabled="!editFlag" v-model="operate_type" :label="1">单个企微主体</el-radio>
-          <el-radio :disabled="!editFlag" v-model="operate_type" :label="2">多个企微主体</el-radio>
+          <el-radio :disabled="!editFlag" v-model="operate_type" :label="1" @input="onChangeOperateType">单个企微主体</el-radio>
+          <el-radio :disabled="!editFlag" v-model="operate_type" :label="2" @input="onChangeOperateType">多个企微主体</el-radio>
         </div>
       </div>
       <!-- E 选择模式 -->
 
-
-      <!-- 新增"群发方式" 2023.09.08 删除群发方式 不再支持选择群聊 只支持选择群主 -->
-      <!-- <div class="regulations">
+      <!-- 新增"群发方式" 单企微模式时可选“群发方式” -->
+      <div v-show="operate_type == 1" class="regulations">
         <label><em>*</em>群发方式:</label>
         <div>
           <div style="display:flex">
-            <el-radio v-model="send_mode" :label="2" :disabled="!editFlag">群聊</el-radio>
-            <el-radio v-model="send_mode" :label="1" :disabled="!editFlag">群主</el-radio>
+            <el-radio v-model="send_mode" :label="1" :disabled="!editFlag">按群主发送</el-radio>
+            <el-radio v-model="send_mode" :label="2" :disabled="!editFlag">按群聊发送</el-radio>
           </div>
         </div>
-      </div> -->
+      </div>
 
-      <!-- S 使用群聊 2023.09.08 删除群发方式 不再支持选择群聊 只支持选择群主 -->
-      <!-- <div v-if="send_mode == 2" class="regulations">
+      <!-- S 使用群聊 仅单企微模式支持按群聊 -->
+      <div v-if="operate_type == 1 && send_mode == 2" class="regulations">
         <label><em>*</em>使用群聊:</label>
         <div>
-          <div style="display:flex">
+          <!-- <div style="display:flex">
             <el-radio v-model="isAllGroupChat" :label="1" :disabled="!editFlag">全部群聊</el-radio>
             <el-radio v-model="isAllGroupChat" :label="0" :disabled="!editFlag">部分群聊</el-radio>
-          </div>
-          <chatGroupOptions v-if="isAllGroupChat == 0" ref="chatGroupOptions" style="margin-top: 10;" width="300px" :chatListResult="chat_groups" @change="onChangeChatGroup" />
+          </div> -->
+          <chatGroupOptions ref="chatGroupOptions" style="margin-top: 0;" width="300px" :chatListResult="chat_groups" @change="onChangeChatGroup" />
         </div>
-      </div> -->
+      </div>
       <!-- E 使用群聊 -->
 
       <!-- S 使用群主 单个企微主体 模式 -->
@@ -146,7 +145,7 @@
       </div>
       <!-- E 群发方式 - 群主 -->
       <!-- S 群发方式 - 群聊 -->
-      <div v-if="send_mode == 2" class="regulations regulations2">
+      <!-- <div v-if="send_mode == 2" class="regulations regulations2">
         <label></label>
         <div class="operationProcess">
           <div class="process-title">
@@ -158,7 +157,7 @@
           <p class="process-hint">2、员工点击【消息详情】，打开待发送的群发消息，选择好群聊之后，可一键将消息发送给客户</p>
           <img v-if="processFlag" src="@/assets/img/chatGroupImg-2.jpg" class="img" alt="">
         </div>
-      </div>
+      </div> -->
       <!-- E 群发方式 - 群聊 -->
       <div class="button_box">
         <button class="button" v-if="editFlag" @click="massMsg_set">通知成员发送</button>
@@ -232,8 +231,8 @@ export default {
       customerMatchCountLoading: false,
 
       send_mode: 1, // 新增"群发方式" 1群主、2群聊
-      // isAllGroupChat: 1, // 新增"使用群聊" 1全部群聊、0部分群聊
-      // chat_groups: [], // 群聊id列表
+      // isAllGroupChat: 0, // 新增"使用群聊" 1全部群聊、0部分群聊
+      chat_groups: [], // 群聊id列表
       // isOpenGoods: 0, // 新增"商品"开关 1开启、0关闭
       // item_id: '', // 新增"商品id"
 
@@ -267,15 +266,15 @@ export default {
 
           this.send_mode = res.rst.send_mode
           if (this.send_mode == 2) { // 群发方式为"群聊" => 回显"群聊"相关数据
-            // if (res.rst.chat_groups && res.rst.chat_groups.length > 0) {
-            //   // 有值代表"部分群聊"
-            //   this.isAllGroupChat = 0
-            //   // 构造 群聊 数据 [{ chat_id: 'xxx', name: '' }]
-            //   let chat_groups =  res.rst.chat_groups ? res.rst.chat_groups.split(',') : []
-            //   chat_groups = chat_groups.map(item => ({ chat_id: item, name: '' }))
-            //   // 回显"部分群聊"数据
-            //   this.handleSetChatGroups(chat_groups)
-            // }
+            if (res.rst.chat_groups && res.rst.chat_groups.length > 0) {
+              // 有值代表"部分群聊"
+              // this.isAllGroupChat = 0
+              // 构造 群聊 数据 [{ chat_id: 'xxx', name: '' }]
+              let chat_groups =  res.rst.chat_groups ? res.rst.chat_groups.split(',') : []
+              chat_groups = chat_groups.map(item => ({ chat_id: item, name: '' }))
+              // 回显"部分群聊"数据
+              this.handleSetChatGroups(chat_groups)
+            }
             // this.item_id = res.rst.item_id || ''
             // if (res.rst.item_id) { // 有值代表开启"商品"开关
             //   this.isOpenGoods = 1
@@ -352,13 +351,13 @@ export default {
         })
         return
       }
-      // if (this.send_mode == 2 && this.isAllGroupChat == 0 && (!this.chat_groups || this.chat_groups.length == 0)) {
-      //   this.$message({
-      //     message: '请选择群聊！',
-      //     type: "warning"
-      //   })
-      //   return
-      // }
+      if (this.send_mode == 2 && (!this.chat_groups || this.chat_groups.length == 0)) {
+        this.$message({
+          message: '请选择群聊！',
+          type: "warning"
+        })
+        return
+      }
 
       if (this.operate_type == 1) { // 单主体判空
         if (this.is_for_all == 0 && (!this.user_id_list || this.user_id_list.length == 0)) {
@@ -418,11 +417,12 @@ export default {
         send_time: send_time,
         content: this.content,
         attachments: this.attachments == '' || this.attachments.length == 0 ? '' : JSON.stringify(this.attachments),
-        // chat_groups: this.send_mode == 2 ? (this.isAllGroupChat == 0 ? this.chat_groups.map(c => c.chat_id).join(',') : '') : '',
-        // item_id: (this.send_mode == 2 && this.isOpenGoods) ? this.item_id : '',
 
-        send_mode: 1, // 群发方式 2023.09.08 删除群发方式 不再支持选择群聊2 只支持选择群主1
+        send_mode: this.send_mode,
         operate_type: this.operate_type,
+
+        chat_groups: this.send_mode == 2 ? this.chat_groups.map(c => c.chat_id).join(',') : '',
+        // item_id: (this.send_mode == 2 && this.isOpenGoods) ? this.item_id : '',
       }
 
       if (this.operate_type == 1) { // 单企微参数
@@ -480,6 +480,12 @@ export default {
         this.multiple_senders = []
       }
     },
+
+    onChangeOperateType(currentType) {
+      if (currentType == 2) { // 多企微模式 只支持“按群主”发送
+        this.send_mode = 1
+      }
+    },
   }
 }
 </script>

project/src/components/customOperate/chatGroup/createMsgDetail.vue

@@ -32,6 +32,10 @@
             <span class="txt">{{ dataInfo.operate_type == 1 ? '单个企微主体' : '多个企微主体' }}</span>
           </div>
           <div class="tMar20 flex-align-center">
+            <span class="lable">群发方式：</span>
+            <span class="txt">{{ dataInfo.send_mode == 1 ? '按群主发送' : '按群聊发送' }}</span>
+          </div>
+          <div v-if="dataInfo.send_mode == 1" class="tMar20 flex-align-center">
             <span class="lable">使用群主：</span>
             <div v-if="dataInfo.sender_data && dataInfo.sender_data.length" class="btn-text" @click="onClickShowGroupOwn(dataInfo.sender_data)">查看</div>
             <div v-else class="txt">-</div>

project/src/components/customOperate/chatGroup/index.vue

@@ -36,6 +36,11 @@
           <div>{{ row.operate_type == 1 ? '单个企微主体' : '多个企微主体' }}</div>
         </template>
       </el-table-column>
+      <el-table-column label="群发方式" align="center" min-width="120">
+        <template slot-scope="scope">
+          <div>{{ scope.row.send_mode == 1 ? '按群主发送' : scope.row.send_mode == 2 ? '按群聊发送' : '' }}</div>
+        </template>
+      </el-table-column>
       <el-table-column label="消息类型" align="center">
         <template slot-scope="scope">
           <div>{{ scope.row.send_type == 1 ? '立即发送' : scope.row.send_type == 2 ? '定时发送' : '' }}</div>