查询单个人的功能

.roadhogrc.mock.js

@@ -9,7 +9,7 @@ import { getNotices } from './mock/notices';
 import { format, delay } from 'roadhog-api-doc';
 
 import { getSchoolLists } from './mock/schoollist'
-import {linkmanglist,linkmangroups} from './mock/linkman'
+import {linkmanglist,linkmangroups,single_user} from './mock/linkman'
 import {arealist} from './mock/areas'
 
 
@@ -105,6 +105,7 @@ const proxy = {
   'GET /api/ywpt/wx/linkman/groups': linkmangroups,
   'GET /api/ywpt/wx/linkman/list': linkmanglist,
   'GET /api/ywpt/bd/area': arealist,
+  'GET /api/ywpt/wx/linkman/user' : single_user,
   'GET /api/500': (req, res) => {
     res.status(500).send({
       "timestamp": 1513932555104,

mock/linkman.js

@@ -1060,6 +1060,24 @@ export function linkmanglist(req, res, u) {
     return res.json(result);
   }
 
+
+export const single_user = {
+    "avatar":"http://p.qlogo.cn/bizmail/XTJpFE9yVg5U7sbtAvSsia0KJEfzZA7KBN8iaxvz88j6upm6ro6R2wAQ/0",
+    "department":[
+        "10000",
+        "30258"
+    ],
+    "errcode":0,
+    "errmsg":"ok",
+    "gender":1,
+    "name":"lin",
+    "position":"教师",
+    "status":1,
+    "userid":"5b5cc09061be11e58635fa163e0e90d3"
+}
+
+
 export default {
-    linkmangroups
+    linkmangroups,
+    single_user
 };
\ No newline at end of file

src/models/linkman.js

-import {queryWxSchLkGroup,querySchoolMember} from '../services/devutil'
+import {queryWxSchLkGroup,querySchoolMember,querySchoolMemberDetail} from '../services/devutil'
 import linkman from '../../mock/linkman';
 
 export default{
@@ -29,6 +29,15 @@ export default{
                 type:'loadGroupOfLinkman',
                 payload:response,
             });
+        },
+
+        *findUser({payload},{call,put}){
+            console.log('findUser');
+            const response = yield call(querySchoolMemberDetail,payload);
+            yield put({
+                type:'userFound',
+                payload:response,
+            });
         }
         
 
@@ -55,6 +64,13 @@ export default{
                 };
         },
 
+        userFound(state,action){
+            return{
+                ...state,
+                userFoundResult:action.payload
+            };
+        }
+
     }
 
 

src/routes/devutil/schoolmgr.js

@@ -16,7 +16,8 @@ import {
     Menu,
     Dropdown,
     Tree,
-    Button
+    Button,
+    Input
   } from 'antd';
 
 import {
@@ -38,6 +39,7 @@ import { R_OK } from 'constants';
 import numeral from 'numeral';
 import linkman from '../../../mock/linkman';
 
+const { Search } = Input;
 const TreeNode = Tree.TreeNode;
 
 @connect(({ linkman, loading }) => ({
@@ -134,6 +136,43 @@ export default class schoolmgr extends Component{
         console.log('specatcion'+action);
       }
 
+      //查找目标的用户
+      findUser = (content)=>{
+
+        if(content && content.length>0){
+            const {dispatch } = this.props;
+            const {schoolCode} = this.state;
+            dispatch({
+              type: 'linkman/findUser',
+              payload:{
+                phone:content,
+                schoolCode:schoolCode
+              },
+            });
+        }
+
+      }
+
+      //显示对应查询用户的结果信息
+      renderFoundUserResult(){
+        const {linkman:{userFoundResult}} = this.props;
+        if(userFoundResult){
+          return (<div>
+                  <span><strong>检索结果：</strong></span>
+                      <div>
+                          <span>uid:  {userFoundResult.userid}</span><br/>
+                          <span>姓名:  {userFoundResult.name}</span><br/>
+                          <span>角色:  {userFoundResult.position}</span><br/>
+                          <span>部门:  {userFoundResult.department}</span><br/>
+                      </div>
+                  </div>);
+        }else{
+          return (<div>
+                      
+          </div>);
+        }
+        
+      }
 
     render(){
 
@@ -174,9 +213,10 @@ export default class schoolmgr extends Component{
           </Col>
             </Row>
             <Row gutter={24}>
-                    <Col xl={16} lg={24} md={24} sm={24} xs={24}>
+                    <Col xl={14} lg={24} md={24} sm={24} xs={24}>
+                    <ChartCard title='企业号通讯录结构'>
                       <div >
-                        <div><span>企业号通讯录结构</span></div>
+                        <div><span>可以展开</span></div>
                       <Tree 
                           checkable 
                           loadData={this.onLoadData}
@@ -186,20 +226,33 @@ export default class schoolmgr extends Component{
                           {this.renderTreeNodes(groups)}
                         </Tree>
                        </div>
+                       </ChartCard>
                     </Col>
-                    <Col xl={8} lg={24} md={24} sm={24} xs={24}>
-                       <div> 
+                    <Col xl={10} lg={24} md={24} sm={24} xs={24}>
+                    <ChartCard
+                              bordered={true}  
+                              title='信息检索'     
+                              >                               
+                                <Search
+                                        className={styles.extraContentSearch}
+                                        placeholder="请输入收集号码"
+                                        onSearch={this.findUser}
+                                      />
+                                {this.renderFoundUserResult()}
+                          </ChartCard>   
+                          <br/>
                           <ChartCard
                               bordered={false}  
                               title='操作/功能区'     
-                              contentHeight={86} >
+                              contentHeight={46} >
                                 <div>
                                      <Button style={{ marginLeft: 8 }} onClick={this.removelkman}>删除联系人</Button>
                                      <Button style={{ marginLeft: 8 }} onClick={() => this.specopation(1)}>头像强刷</Button>
                                      <Button style={{ marginLeft: 8 }} onClick={() =>this.specopation(2)}>通讯录强刷</Button>
                                 </div>
                           </ChartCard>
-                       </div>
+                          
+                      
                     </Col>
             </Row>
         </div>;

src/services/devutil.js

@@ -25,3 +25,11 @@ export async function querySchoolMember(params){
 }
   
 
+//获取学校对应通讯录的分组数据
+export async function querySchoolMemberDetail(params){
+    console.log('querySchoolMemberDetail');
+    return request(`/api/ywpt/wx/linkman/user?${stringify(params)}`)
+}
+
+
+  
\ No newline at end of file