添加下拉选择器

.roadhogrc.mock.js

@@ -9,8 +9,8 @@ import { getNotices } from './mock/notices';
 import { format, delay } from 'roadhog-api-doc';
 
 import { getSchoolLists } from './mock/schoollist'
-
 import {linkmanglist,linkmangroups} from './mock/linkman'
+import {arealist} from './mock/areas'
 
 
 // 是否禁用代理
@@ -104,6 +104,7 @@ const proxy = {
   'GET /api/ywpt/schoolist': getSchoolLists,
   'GET /api/ywpt/linkman/groups': linkmangroups,
   'GET /api/ywpt/linkman/list': linkmanglist,
+  'GET /api/ywpt/area': arealist,
   'GET /api/500': (req, res) => {
     res.status(500).send({
       "timestamp": 1513932555104,

mock/areas.js

+export const arealist = {
+    "list":[
+        {
+            "code":"110000",
+            "id":7051,
+            "name":"北京市"
+        },
+        {
+            "code":"120000",
+            "id":7072,
+            "name":"天津市"
+        },
+        {
+            "code":"130000",
+            "id":7093,
+            "name":"河北省"
+        },
+        {
+            "code":"140000",
+            "id":7288,
+            "name":"山西省"
+        },
+        {
+            "code":"150000",
+            "id":7430,
+            "name":"内蒙古自治区"
+        },
+        {
+            "code":"210000",
+            "id":7553,
+            "name":"辽宁省"
+        },
+        {
+            "code":"220000",
+            "id":7682,
+            "name":"吉林省"
+        },
+        {
+            "code":"230000",
+            "id":7760,
+            "name":"黑龙江省"
+        },
+        {
+            "code":"310000",
+            "id":7918,
+            "name":"上海市"
+        },
+        {
+            "code":"320000",
+            "id":7940,
+            "name":"江苏省"
+        },
+        {
+            "code":"330000",
+            "id":8073,
+            "name":"浙江省"
+        },
+        {
+            "code":"340000",
+            "id":8186,
+            "name":"安徽省"
+        },
+        {
+            "code":"350000",
+            "id":8326,
+            "name":"福建省"
+        },
+        {
+            "code":"360000",
+            "id":8430,
+            "name":"江西省"
+        },
+        {
+            "code":"370000",
+            "id":8552,
+            "name":"山东省"
+        },
+        {
+            "code":"410000",
+            "id":8727,
+            "name":"河南省"
+        },
+        {
+            "code":"420000",
+            "id":8922,
+            "name":"湖北省"
+        },
+        {
+            "code":"430000",
+            "id":9051,
+            "name":"湖南省"
+        },
+        {
+            "code":"440000",
+            "id":9201,
+            "name":"广东省"
+        },
+        {
+            "code":"450000",
+            "id":9363,
+            "name":"广西壮族自治区"
+        },
+        {
+            "code":"460000",
+            "id":9501,
+            "name":"海南省"
+        },
+        {
+            "code":"500000",
+            "id":9530,
+            "name":"重庆市"
+        },
+        {
+            "code":"510000",
+            "id":9573,
+            "name":"四川省"
+        },
+        {
+            "code":"520000",
+            "id":9794,
+            "name":"贵州省"
+        },
+        {
+            "code":"530000",
+            "id":9895,
+            "name":"云南省"
+        },
+        {
+            "code":"540000",
+            "id":10049,
+            "name":"西藏自治区"
+        },
+        {
+            "code":"610000",
+            "id":10131,
+            "name":"陕西省"
+        },
+        {
+            "code":"620000",
+            "id":10259,
+            "name":"甘肃省"
+        },
+        {
+            "code":"630000",
+            "id":10372,
+            "name":"青海省"
+        },
+        {
+            "code":"640000",
+            "id":10425,
+            "name":"宁夏回族自治区"
+        },
+        {
+            "code":"650000",
+            "id":10457,
+            "name":"新疆维吾尔自治区"
+        },
+        {
+            "code":"710000",
+            "id":10573,
+            "name":"台湾省"
+        },
+        {
+            "code":"810000",
+            "id":10574,
+            "name":"香港特别行政区"
+        },
+        {
+            "code":"820000",
+            "id":10575,
+            "name":"澳门特别行政区"
+        },
+        {
+            "code":"910000",
+            "id":10725,
+            "name":"互联网中心"
+        },
+        {
+            "code":"920000",
+            "id":10748,
+            "name":"彩云动力"
+        },
+        {
+            "code":"930000",
+            "id":10757,
+            "name":"总部"
+        },
+        {
+            "code":"950000",
+            "id":10775,
+            "name":"其他"
+        },
+        {
+            "code":"880000",
+            "id":10783,
+            "name":"全通测试"
+        }
+    ]
+}
+
+export default {
+    arealist,
+}
+
+

src/common/router.js

@@ -160,7 +160,7 @@ export const getRouterData = (app) => {
       component: dynamicWrapper(app, [], () => import('../routes/User/RegisterResult')),
     },
     '/devutil/schoollist': {
-      component: dynamicWrapper(app, ['schools'], () => import('../routes/devutil/schoollist')),
+      component: dynamicWrapper(app, ['schools','areas'], () => import('../routes/devutil/schoollist')),
     },
     '/devutil/schoolmgr/:schcode': {
       component: dynamicWrapper(app, ['linkman'], () => import('../routes/devutil/schoolmgr')),

src/models/areas.js

+import { queryWXArea } from '../services/devutil'
+
+export default {
+
+    namespace: 'areas',
+    
+    state : {
+        list : [],
+    },
+
+    effects:{
+
+        *fetch({payload},{call,put}){
+            const response = yield call(queryWXArea,payload);
+            yield put({
+                type : 'loadDatas',
+                payload : response,
+            });
+        }
+    },
+
+    reducers:{
+
+        loadDatas(state,action){
+            return {
+                ...state,
+                list:action.payload.list,
+            };
+        },  
+    },
+
+};
\ No newline at end of file

src/models/schools.js

@@ -13,7 +13,6 @@ export default {
     effects:{
         *fetch({payload},{call,put}){
             const response = yield call(queryWXSchool,payload);
-            console.log(response);
             yield put({
                 type : 'querySch',
                 payload: response,
@@ -23,7 +22,6 @@ export default {
 
     reducers:{
         querySch(state,action){
-            console.log('reducers');
             return {
                 ...state,
                 data:action.payload,

src/routes/devutil/linkmanadm.js

-import React, { PureComponent } from 'react';
-import { connect } from 'dva';
-import { List,Avatar } from 'antd';
-import StandardTable from '../../components/StandardTable';
-import PageHeaderLayout from '../../layouts/PageHeaderLayout';
-
-import styles from './linkmanadm.less';
-
-const getValue = obj => Object.keys(obj).map(key => obj[key]).join(',');
-
-@connect(({ schools, loading }) => ({
-  schools,
-  loading: loading.models.schools,
-  selectedRows: [],
-}))
-export default class SchList extends PureComponent {
-
-  componentDidMount(){
-    console.log('componentDidMount');
-    this.props.dispatch({
-      type: 'schools/fetch',
-      payload: {
-        page: 1,
-        pageSize : 5,
-      },
-    });
-  }
-
-
-  render(){
-
-      console.log('render()');
-      const { schools : { data:{list}},paginationProps,loading} = this.props;
-     
-      return <div>
-               <List
-                size="large"
-                rowKey="id"
-                loading={loading}
-                pagination={paginationProps}
-                dataSource={list}
-                renderItem={item => (
-                  <List.Item
-                    actions={[<a>查看</a>]} 
-                  >
-                  <div>{item.name}</div>
-                  <div>{item.corp}</div>
-                  <div>{item.createdAt}</div>
-                  </List.Item>
-                )}
-            />
-      </div>
-  }
-}
-

src/routes/devutil/linkmanadm.less

-@import "~antd/lib/style/themes/default.less";
-@import "../../utils/utils.less";
-
-.tableList {
-  .tableListOperator {
-    margin-bottom: 16px;
-    button {
-      margin-right: 8px;
-    }
-  }
-}
-
-
-
-
-.listContent{
-
-
-
-}
-
-
-.listContentItem{
-  
-}
\ No newline at end of file

src/routes/devutil/schoollist.js

@@ -13,15 +13,17 @@ import moment from 'moment';
 
 const FormItem = Form.Item;
 const { Option } = Select;
+
 const getValue = obj => Object.keys(obj).map(key => obj[key]).join(',');
 
 
-@connect(({ schools, loading }) => ({
+@connect(({ schools,areas, loading }) => ({
   schools,
+  areas,
   loading: loading.models.schools,
 }))
 @Form.create()
-export default class linkmanadm extends PureComponent {
+export default class schoollist extends PureComponent {
   state = {
     addInputValue: '',
     selectedRows: [],
@@ -34,6 +36,10 @@ export default class linkmanadm extends PureComponent {
     dispatch({
       type: 'schools/fetch',
     });
+
+    dispatch({
+      type: 'areas/fetch',
+    });
   }
 
   handleStandardTableChange = (pagination, filtersArg, sorter) => {
@@ -116,6 +122,12 @@ export default class linkmanadm extends PureComponent {
 
   }
 
+  //加载地区属性的下来选择项目
+  renderSellectOption=(datas)=>{
+    return datas.map((item)=>{
+      return <Option key={`option_${item.code}`} value={item.code}>{item.name}</Option>
+    });
+  } 
 
   renderSimpleForm() {
     const { getFieldDecorator } = this.props.form;
@@ -123,6 +135,15 @@ export default class linkmanadm extends PureComponent {
       <Form onSubmit={this.handleSearch} layout="inline">
         <Row gutter={{ md: 8, lg: 24, xl: 48 }}>
            <Col md={8} sm={24}>
+              <FormItem label="地区">
+                  {getFieldDecorator('areaCode')(
+                    <Select placeholder="请选择" style={{ width: '100%' }}>
+                      {this.renderSellectOption(this.props.areas.list)}
+                    </Select>
+                  )}
+              </FormItem>
+            </Col>
+          <Col md={8} sm={24}>
             <FormItem label="学校名称">
               {getFieldDecorator('name')(
                 <Input placeholder="请输入" />
@@ -165,9 +186,6 @@ export default class linkmanadm extends PureComponent {
     const { schools: {data}, loading } = this.props;
     const { selectedRows, modalVisible, addInputValue } = this.state;
 
-    console.log('schlist');
-    console.log(this.props);
-
     const columns = [
       {
         title: '学校',

src/services/devutil.js

@@ -8,8 +8,8 @@ export async function queryWXSchool(params) {
 }
 
 //获取对应的地区列表信息
-export async function queryWXArea(parentcode) {
-    return request('/api/ywpt/area');
+export async function queryWXArea(params) {
+    return request(`/api/ywpt/area${stringify(params)}`);
 }
 
 //groups