用户显示分组信息优化

src/routes/devutil/schoolmgr.js

@@ -51,6 +51,7 @@ export default class schoolmgr extends Component{
 
     state = {
       checkedKeys:[],
+      groupsMap:{},
     };
 
     
@@ -217,6 +218,14 @@ export default class schoolmgr extends Component{
 
       }
 
+      //显示用户所处的分组信息
+      renderUserBelongGroupMath=(departments)=>(
+         departments.map((deparmentid) =>{
+            const {groupsMap} = this.state;
+            return <span key={`g_${deparmentid}`}>{groupsMap[deparmentid]},</span>;
+         })
+      );
+
       //显示对应查询用户的结果信息
       renderFoundUserResult(){
         const {linkman:{userFoundResult}} = this.props;
@@ -228,7 +237,7 @@ export default class schoolmgr extends Component{
                           <span>姓名:  {userFoundResult.name}</span><br/>
                           <span>状态:  {userFoundResult.status==1?"已关注":"未关注"}</span><br/>
                           <span>角色:  {userFoundResult.position}</span><br/>
-                          <span>部门:  {userFoundResult.department}</span><br/>
+                          <span>部门:  {this.renderUserBelongGroupMath(userFoundResult.department)}</span><br/>
                       </div>
                   </div>);
         }else{
@@ -239,6 +248,18 @@ export default class schoolmgr extends Component{
         
       }
 
+    //处理分组到临时目录
+    cacheGroupsInfo(groups){
+      let {groupsMap} = this.state;
+      groups.map((group)=>{
+          //console.log(group);
+          groupsMap[group.id] = group.name;
+          if(group.children && group.children.length>0){
+              this.cacheGroupsInfo(group.children);
+          }
+      });
+    }
+
     render(){
 
         const topColResponsiveProps = {
@@ -252,6 +273,8 @@ export default class schoolmgr extends Component{
 
         const {linkman:{groups,schoolDetail}} = this.props;
 
+        this.cacheGroupsInfo(groups);
+
         return <div>    
             
             <Row gutter={24}>
@@ -300,7 +323,7 @@ export default class schoolmgr extends Component{
                               >                               
                                 <Search
                                         className={styles.extraContentSearch}
-                                        placeholder="请输入收集号码"
+                                        placeholder="请输入手机号码"
                                         onSearch={this.findUser}
                                       />
                                 {this.renderFoundUserResult()}