优化显示

src/routes/devutil/schoolmgr.js

@@ -222,9 +222,14 @@ export default class schoolmgr extends Component{
       renderUserBelongGroupMath=(departments)=>(
       renderUserBelongGroupMath=(departments)=>(
          departments.map((deparmentid) =>{
          departments.map((deparmentid) =>{
             const {groupsMap} = this.state;
             const {groupsMap} = this.state;
-            return <span key={`g_${deparmentid}`}>{groupsMap[deparmentid]},</span>;
+            return <em key={`g_${deparmentid}`}><font size="2" color="blue">{groupsMap[deparmentid]},</font></em>;
          })
          })
-      );
+      )
+
+      //显示信息优化
+      renderFindUserResultBlock=(item,content)=>(
+        <span><font size="2" color="black">{item}:</font><font size="2" color="blue">{content}</font> </span>
+      )
 
 
       //显示对应查询用户的结果信息
       //显示对应查询用户的结果信息
       renderFoundUserResult(){
       renderFoundUserResult(){
@@ -233,11 +238,11 @@ export default class schoolmgr extends Component{
           return (<div>
           return (<div>
                   <span><strong>检索结果：</strong></span>
                   <span><strong>检索结果：</strong></span>
                       <div>
                       <div>
-                          <span>uid:  {userFoundResult.userid} </span><br/>
-                          <span>姓名:  {userFoundResult.name}</span><br/>
-                          <span>状态:  {userFoundResult.status==1?"已关注":"未关注"}</span><br/>
-                          <span>角色:  {userFoundResult.position}</span><br/>
-                          <span>部门:  {this.renderUserBelongGroupMath(userFoundResult.department)}</span><br/>
+                          {this.renderFindUserResultBlock("用户  uid",userFoundResult.userid)}<br/>
+                          {this.renderFindUserResultBlock("姓     名",userFoundResult.name)}<br/>
+                          {this.renderFindUserResultBlock("状     态",(userFoundResult.status==1?"已关注":"未关注"))}<br/>
+                          {this.renderFindUserResultBlock("角     色",userFoundResult.position)}<br/>
+                          <span><font size="2" color="black">所在的部门:</font>{this.renderUserBelongGroupMath(userFoundResult.department)}</span><br/>
                       </div>
                       </div>
                   </div>);
                   </div>);
         }else{
         }else{