feat: 成员管理 - 成员状态过滤&成员许可操作流程提示

project/src/components/manage/memberManage.vue

@@ -1,6 +1,14 @@
 <template>
   <div>
-    <div class="flex-align-center" style="background: #fff;padding: 0 16px;margin-bottom: 10px;">
+    <div class="self-hint">
+      <i class="el-icon-message-solid"></i>
+      <div>
+        <p>购买许可—需要联系开发人员提供企微主体和购买数量进行许可购买</p>
+        <p>分配许可—只能将许可分配给未激活的成员，激活时间为分配时间</p>
+        <p>转移许可—转移许可为离职成员或不在服务商应用可见范围内的成员时，不限转移时间间隔，转移许可的成员为在职成员在服务商应用可见范围内时，转移后30天才可进行下一次转移；转移许可接收成员不能与转移成员的许可重叠</p>
+      </div>
+    </div>
+    <div class="flex-align-center" style="background: #fff;padding: 0 16px;margin-bottom: 10px;margin-top:10px">
       <!-- S 激活状态 -->
       <div class="flex" style="margin-right: 20px;">
         <span style="font-size: 14px; color: #666; margin-right: 8px;">激活状态</span>
@@ -9,7 +17,7 @@
         </el-select>
       </div>
       <!-- E 激活状态 -->
-      <selfCustomerservice labelWidth="auto" style="margin-right: 20px;" title="成员" @customerDefine="onChangeUserIds" />
+      <selfCustomerservice labelWidth="auto" style="margin-right: 20px;" title="成员" source="memberManage" @customerDefine="onChangeUserIds" />
       <selfinput :hasLabel="false" @inputChange="inputChange"></selfinput>
     </div>
     <div class="tableInfo">
@@ -30,8 +38,8 @@
             <el-tooltip class="disinblock" popper-class="member-tooltip">
               <div slot="content">
                 <p>购买许可—需要联系开发人员进行许可购买</p>
-                <p>分配许可—只能将许可分配给未激活的成员，激活时间为分配时间，过期时间为1年。</p>
-                <p>转移许可—转移许可为离职成员或不在服务商应用可见范围内的成员时，不显转移时间间隔，转移许可的成员为在职成员在服务商应用可见范围内时，转移后30天才可进行下一次转移；转移许可接收成员不能与转移成员的许可重叠</p>
+                <p>分配许可—只能将许可分配给未激活的成员，激活时间为分配时间</p>
+                <p>转移许可—转移许可为离职成员或不在服务商应用可见范围内的成员时，不限转移时间间隔，转移许可的成员为在职成员在服务商应用可见范围内时，转移后30天才可进行下一次转移；转移许可接收成员不能与转移成员的许可重叠</p>
               </div>
               <i class="el-icon-question c-999" />
             </el-tooltip>