feat: 邀请入群配置 - 名词解释

project/src/components/manage/InviteIntoGroup/createData.vue

@@ -11,12 +11,22 @@
 
     <div v-if="!loading" class="bg-ffffff content-wrap" style="padding: 15px 30px;">
       <div class="regulations">
-        <label><em>*</em>标题</label>
+        <label>
+          <em>*</em>标题
+          <el-tooltip content="标题用于区分不同配置" placement="top">
+            <div><i class="el-icon-question"></i></div>
+          </el-tooltip>
+        </label>
         <el-input placeholder="配置标题" :disabled="!editFlag" style="width:300px" v-model.trim="name" clearable size="small" />
       </div>
       <!-- S 使用员工 - 单个企微主体 模式 -->
       <div class="regulations">
-        <label><em>*</em>客服:</label>
+        <label>
+          <em>*</em>客服
+          <el-tooltip content="配置生效的客服对象，结合【安卓设备绑定】中配置的客服使用" placement="top">
+            <div><i class="el-icon-question"></i></div>
+          </el-tooltip>
+        </label>
         <div>
           <div style="display:flex">
             <el-radio :disabled="!editFlag" v-model="is_for_all" :label="1" >全部</el-radio>
@@ -26,9 +36,14 @@
         </div>
       </div>
       <!-- S 使用员工 - -->
-      <!-- S 选择客户 -->
+      <!-- S 客户筛选 -->
       <div class="regulations">
-        <label><em>*</em>选择客户</label>
+        <label>
+          <em>*</em>客户筛选
+          <el-tooltip content="配置待邀请进入社群客户的筛选条件" placement="top">
+            <div><i class="el-icon-question"></i></div>
+          </el-tooltip>
+        </label>
         <div>
           <div class="flex" style="justify-content: start;">
             <el-radio v-model="customer_filter" :disabled="!editFlag || (invite_type == 2)" :label="0">全部客户</el-radio><!-- 选择“定时邀请”就不能选择“全部客户” -->
@@ -80,11 +95,16 @@
           </div>
         </div>
       </div>
-      <!-- E 选择客户 -->
+      <!-- E 客户筛选 -->
 
-      <!-- S 持续邀请入群 -->
+      <!-- S 客户续拉 -->
       <div class="regulations" style="align-items: center">
-        <label>持续邀请入群:</label>
+        <label>
+          客户续拉
+          <el-tooltip content="当待邀请入群客户规模较大时，可开启续拉功能，以实现每天定时将选定客户分批拉入社群" placement="top">
+            <div><i class="el-icon-question"></i></div>
+          </el-tooltip>
+        </label>
         <div class="limitBox">
           <el-switch
             v-model="continuously_attract_groups"
@@ -98,17 +118,33 @@
         <p style="font-size:13px;line-height:30px;color:#f9a527;margin-left:10px">*持续邀请入群任务仅可新增不可编辑</p>
       </div>
       <div v-show="continuously_attract_groups == 1" class="regulations">
-        <label><em>*</em>单次创建群聊上限</label>
-        <el-input placeholder="请输入创建群聊数量上限" :disabled="!editFlag" style="width:300px" v-model.trim="upper_limit" clearable size="small" @input="onInputUpperLimit" />
+        <label>
+          <em>*</em>
+          单日拉群上限
+          <el-tooltip content="结合客户续拉功能使用，拉群上限 * 客户群人数上限（不设置默认为40）= 每日续拉的客户数" placement="top">
+            <div><i class="el-icon-question"></i></div>
+          </el-tooltip>
+        </label>
+        <el-input placeholder="请输入单日拉群上限" :disabled="!editFlag" style="width:300px" v-model.trim="upper_limit" clearable size="small" @input="onInputUpperLimit" />
       </div>
-      <!-- E 持续邀请入群 -->
+      <!-- E 客户续拉 -->
 
-      <!-- 群聊类型 -->
+      <!-- 拉群模式 -->
       <div class="regulations" style="margin-top: 20px;">
-        <label><em>*</em>群聊类型:</label>
+        <label><em>*</em>拉群模式</label>
         <el-radio-group v-model="main_msg_data.owner_type">
-          <el-radio :label="2">其他客服群聊</el-radio>
-          <el-radio :label="1">当前客服群聊</el-radio>
+          <el-radio :label="2" class="radio-tips-wrap">
+            其他客服群聊
+            <el-tooltip content="由群主将自己拉入群聊后，将自己的客户拉入群" placement="top">
+              <div><i class="el-icon-question"></i></div>
+            </el-tooltip>
+          </el-radio>
+          <el-radio :label="1" class="radio-tips-wrap">
+            当前客服群聊
+            <el-tooltip content="将自己的客户拉入自己创建的群聊" placement="top">
+              <div><i class="el-icon-question"></i></div>
+            </el-tooltip>
+          </el-radio>
         </el-radio-group>
       </div>
       <!-- 选择群聊 -->
@@ -180,7 +216,12 @@
 
       <!-- S 群公告 -->
       <div class="regulations">
-        <label>群公告</label>
+        <label>
+          群公告
+          <el-tooltip content="自动创建群聊后，可将配置好的群公告应用到新创建的群聊" placement="top">
+            <div><i class="el-icon-question"></i></div>
+          </el-tooltip>
+        </label>
         <div class="flex">
           <el-input
             type="textarea"
@@ -263,7 +304,7 @@ export default {
       is_for_all: 1,
       user_id_list: [],
       main_msg_data: {
-        owner_type: 2, // 群聊类型 2其他客服群聊 1当前客服群聊
+        owner_type: 2, // 拉群模式 2其他客服群聊 1当前客服群聊
         join_type: 1, // 进群方式 1:顺序进群 2:随机进群
         chat_group_config: [],
         is_limit:0
@@ -461,7 +502,7 @@ export default {
           this.main_msg_data.is_limit = 1
           //进群方式
           this.main_msg_data.join_type = res.rst.join_type
-          //群聊类型
+          //拉群模式
           this.main_msg_data.owner_type = res.rst.owner_type
 
           //表格排序
@@ -503,13 +544,13 @@ export default {
       }
 
       if (this.continuously_attract_groups == 1 && !this.upper_limit) {
-        this.$message.warning('请输入单次创建群聊上限(不能为0)')
+        this.$message.warning('请输入单日拉群上限(不能为0)')
         return
       }
 
 
       if (!this.main_msg_data.owner_type) {
-        this.$message.warning('请选择群聊类型')
+        this.$message.warning('请选择拉群模式')
         return
       }
 
@@ -895,4 +936,31 @@ export default {
     z-index: 999;
   }
 }
+.regulations {
+  & > label {
+    display: flex;
+    .el-icon-question {
+      color: #999;
+      font-size: 14px;
+      margin-left: 2px;
+    }
+  }
+
+  /deep/ .el-radio-group {
+    display: flex;
+    align-items: center;
+    .radio-tips-wrap {
+      display: flex;
+      align-items: center;
+      .el-radio__label {
+        display: flex;
+        .el-icon-question {
+          color: #999 !important;
+          font-size: 14px !important;
+          margin-left: 2px !important;
+        }
+      }
+    }
+  }
+}
 </style>