Merge branch 'zhouhuan' of ssh://192.168.1.116:29418/bolan-root/frontend/manager-app-sz into wq

android/.idea/gradle.xml

@@ -10,6 +10,7 @@
             <option value="$PROJECT_DIR$" />
             <option value="$PROJECT_DIR$/app" />
             <option value="$PROJECT_DIR$/../node_modules/react-native-device-info/android" />
+            <option value="$PROJECT_DIR$/../node_modules/react-native-vector-icons/android" />
           </set>
         </option>
         <option name="resolveModulePerSourceSet" value="false" />

android/app/app.iml

@@ -82,22 +82,14 @@
       <sourceFolder url="file://$MODULE_DIR$/src/test/jni" isTestSource="true" />
       <sourceFolder url="file://$MODULE_DIR$/src/test/rs" isTestSource="true" />
       <sourceFolder url="file://$MODULE_DIR$/src/test/shaders" isTestSource="true" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/assets" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/blame" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/classes" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/incremental" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/incremental-safeguard" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/jniLibs" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/manifests" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/multi-dex" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/pre-dexed" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/res" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/rs" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/shaders" />
       <excludeFolder url="file://$MODULE_DIR$/build/intermediates/symbols" />
-      <excludeFolder url="file://$MODULE_DIR$/build/intermediates/transforms" />
       <excludeFolder url="file://$MODULE_DIR$/build/outputs" />
-      <excludeFolder url="file://$MODULE_DIR$/build/tmp" />
     </content>
     <orderEntry type="jdk" jdkName="Android API 25 Platform" jdkType="Android SDK" />
     <orderEntry type="sourceFolder" forTests="false" />
@@ -145,6 +137,8 @@
     <orderEntry type="library" exported="" name="animated-vector-drawable-25.3.1" level="project" />
     <orderEntry type="library" exported="" name="play-services-gcm-10.0.1" level="project" />
     <orderEntry type="module" module-name="react-native-device-info" exported="" />
+    <orderEntry type="module" module-name="react-native-vector-icons" exported="" />
     <orderEntry type="library" exported="" name="support-annotations-24.0.0" level="project" />
+    <orderEntry type="library" exported="" name="support-annotations-23.0.1" level="project" />
   </component>
 </module>
\ No newline at end of file

package.json

@@ -42,6 +42,7 @@
     "react": "^16.0.0-beta.5",
     "react-native": "^0.49.3",
     "react-native-device-info": "^0.12.1",
+    "react-native-vector-icons": "^4.4.2",
     "react-navigation": "^1.0.0-beta.14",
     "react-redux": "^5.0.6",
     "redux-persist": "^4.10.1"

src/components/searchComponent.js

+/**
+ * Created by zhouhuan on 2017/11/3.
+ */

src/models/houseinfo/ObligeeInfo.js

@@ -18,7 +18,7 @@ export default {
   },
   effects: {
     *getObligeeInfo({ payload }, { put, call, select }) {
-      if (payload === 'clear') {
+      if (payload.type === 'clear') {
         yield put({ type: 'clearList', payload: {} });
       }
       const { sourceData } = yield select(state => state.obligeeInfo);
@@ -28,7 +28,7 @@ export default {
         containerName: 'query-DSRInfo',
         datasourceName: 'QueryDSRInfoTable',
       };
-      const result = yield call(getData, coordinate, { pst: size, psz: 10, params: { pID: payload } });
+      const result = yield call(getData, coordinate, { pst: size, psz: 10, params: { pID: payload.id } });
       const singularData = result[0];
       yield put({ type: 'setDSRList', payload: { ...singularData } });
     },
@@ -79,6 +79,10 @@ export default {
     },
   },
   reducers: {
+    // 下拉刷新用到的，清空列表的数据
+    clearList(state) {
+      return { ...state, sourceData: {} };
+    },
     getDSRDetail(state, { payload }) {
       return {
         ...state,

src/models/index.js

@@ -5,6 +5,7 @@ import HouseDetail from './houseinfo/houseDetail';
 import obligeeInfo from './houseinfo/ObligeeInfo';
 import DSRInfo from './dangshireninfo/dsrinfo';
 import DSRInfoDetail from './dangshireninfo/dsrinfodetail';
+import peopleInfo from './peopleInfo/peopleInfo';
 
 export default [
   welcome,
@@ -14,4 +15,5 @@ export default [
   obligeeInfo,
   DSRInfo,
   DSRInfoDetail,
+  peopleInfo,
 ];

src/models/peopleInfo/peopleInfo.js

+/**
+ * Created by zhouhuan on 2017/10/30.
+ */
+import { Toast } from 'antd-mobile';
+import { NavigationActions } from 'react-navigation';
+import { getData, getMeta } from '../../utils/DataTemplate';
+import { datasourceApi } from '../../services/datasource';
+
+export default {
+  namespace: 'peopleInfo',
+  state: {
+    sourceData: [],
+    metas: [],
+    detailData: {},
+    editable: false,
+    disabled: true,
+    types: '',
+    peopleID: '',
+  },
+  effects: {
+    *jumpPage({ payload: id }, { put }) {
+      yield put({ type: 'setPeopPleID', payload: id });
+      yield put(NavigationActions.navigate({
+        routeName: 'peopleInfoDetail',
+        params: { id },
+      }));
+    },
+    *getPeopleInfo({ payload }, { put, call, select, take }) {
+      console.log(payload);
+      if (payload === 'clear') {
+        yield put({ type: 'clearList', payload: {} });
+      }
+      const { sourceData } = yield select(state => state.peopleInfo);
+      const size = sourceData.length;
+      const coordinate = {
+        containerType: 'module',
+        containerName: 'query-RKInfo',
+        datasourceName: 'QueryRKTable',
+      };
+      const result = yield call(getData, coordinate, { pst: size, psz: 10 });
+      const meta = yield call(getMeta, coordinate);
+      yield put({ type: 'setMetas', payload: meta });
+      for (const row of result) {
+        yield put({ type: 'addPeople', payload: row });
+        yield take('addPeople/@@end');
+      }
+    },
+    *addPeople({ payload }, { put }) {
+      yield put({ type: 'setPeopleList', payload: { arrayData: [payload] } });
+    },
+    *getPeopleDetail({ payload }, { put, call }) {
+      const coordinate = {
+        containerType: 'module',
+        containerName: 'query-RKInfo',
+        datasourceName: 'QueryRKDetails',
+      };
+      const result = yield call(getData, coordinate, { params: { pID: payload } });
+      console.log(result);
+      yield put({ type: 'getPeopleDetailInfo', payload: { ...result[0] } });
+      yield put({ type: 'setEdit', payload: false });
+    },
+    *savePeopleInfo({ payload }, { put, call }) {
+      console.log(payload);
+      const coordinate = {
+        containerType: 'module',
+        containerName: 'query-RKInfo',
+        datasourceName: 'QueryRKDetails',
+      };
+      const api = datasourceApi(coordinate);
+      yield call(api.create, payload);
+      Toast.success('新增成功!', 0.5);
+      yield put(NavigationActions.navigate({
+        routeName: 'peopleInfoList',
+      }));
+    },
+    *addPeopleInfo(ignore, { put }) {
+      yield put(NavigationActions.navigate({
+        routeName: 'addPeoppleInfo',
+      }));
+    },
+    *updateDSRDetail({ payload }, { call, put }) {
+      console.log('update');
+      const coordinate = {
+        containerType: 'module',
+        containerName: 'query-RKInfo',
+        datasourceName: 'QueryRKDetails',
+      };
+      const api = datasourceApi(coordinate);
+      yield call(api.update, payload.id, payload.singularData);
+      Toast.success('修改成功!', 0.5);
+      yield put(NavigationActions.navigate({
+        routeName: 'peopleInfoList',
+      }));
+      yield put({ type: 'getPeopleInfo', payload: 'clear' });
+      yield put({ type: 'setDisabled', payload: true });
+    },
+    *onEBack({ payload }, { put, call, select, take }) {
+      if (payload === 'clear') {
+        yield put({ type: 'clearList', payload: {} });
+      }
+      const coordinate = {
+        containerType: 'module',
+        containerName: 'query-RKInfo',
+        datasourceName: 'QueryRKTable',
+      };
+      const { sourceData } = yield select(state => state.peopleInfo);
+      const size = sourceData.length;
+      const result = yield call(getData, coordinate, { pst: size, psz: 10 });
+      const meta = yield call(getMeta, coordinate);
+      yield put({ type: 'setMetas', payload: meta });
+      for (const row of result) {
+        yield put({ type: 'addPeople', payload: row });
+        yield take('addPeople/@@end');
+      }
+      yield put(NavigationActions.navigate({
+        routeName: 'peopleInfoList',
+      }));
+      yield put({ type: 'setDisabled', payload: true });
+    },
+    *setStatus({ payload }, { put }) {
+      yield put({ type: 'setDisabled', payload: false });
+      yield put({ type: 'setEdit', payload });
+    },
+  },
+  reducers: {
+    setPeopPleID(state, { payload }) {
+      return {
+        ...state,
+        peopleID: payload,
+      };
+    },
+    // 下拉刷新用到的，清空列表的数据
+    clearList(state) {
+      return { ...state, sourceData: {} };
+    },
+    getPeopleDetailInfo(state, { payload }) {
+      return {
+        ...state,
+        detailData: payload,
+      };
+    },
+    setPeopleList(state, { payload: { arrayData } }) {
+      return { ...state, sourceData: [...state.sourceData, ...arrayData] };
+    },
+    setMetas(state, { payload }) {
+      return { ...state, metas: payload };
+    },
+    setDSRList(state, { payload }) {
+      return {
+        ...state,
+        sourceData: payload,
+      };
+    },
+    setEdit(state, { payload }) {
+      return {
+        ...state,
+        editable: payload,
+      };
+    },
+    setDisabled(state, { payload }) {
+      return {
+        ...state,
+        disabled: payload,
+      };
+    },
+    setTypes(state, { payload }) {
+      return {
+        ...state,
+        types: payload,
+      };
+    },
+  },
+};
+

src/routes/error.js

 import React, { Component } from 'react';
-import { View, Text } from 'react-native';
+import { Text, ScrollView } from 'react-native';
 import { Button } from 'antd-mobile';
 import { NavigationActions } from 'react-navigation';
 
@@ -12,12 +12,12 @@ class ErrorScreen extends Component {
     const { navigate, state } = this.props.navigation;
     const { content } = state.params;
     return (
-      <View>
+      <ScrollView>
         <Text>
           { content || '' }
         </Text>
         <Button onClick={() => { navigate.dispatch(NavigationActions.back()); }} >确定</Button>
-      </View>
+      </ScrollView>
     );
   }
 }

src/routes/main/dangshireninfo/DSRInfoScreeen.js

@@ -3,7 +3,7 @@ import { Text, FlatList } from 'react-native';
 import { WingBlank, WhiteSpace } from 'antd-mobile';
 import { connect } from 'react-redux';
 import { createAction } from '../../../utils/index';
-import FlatListItem from '../houseinfo/FlatListItem';
+import FlatListItem from '../../../components/FlatListItem';
 
 @connect(({ DSRInfo }) => ({ DSRInfo/* , loading: !!loading.effects['obligeeInfo/getObligeeInfo'] */ }))
 class DSRInfoScreeen extends Component {

src/routes/main/houseinfo/ObligeeInfo.js

@@ -3,16 +3,16 @@
  */
 import React from 'react';
 import { createForm } from 'rc-form';
-import { View, StyleSheet, Text, ScrollView } from 'react-native';
-import { Card, WingBlank, WhiteSpace, List, InputItem, Button } from 'antd-mobile';
+import { View, StyleSheet, FlatList, Text, ScrollView } from 'react-native';
+import { Card, WingBlank, WhiteSpace, Button, List, InputItem } from 'antd-mobile';
 import { connect } from 'react-redux';
 import { createAction } from '../../../utils';
 
-@connect(({ obligeeInfo, ListHouse }) => ({ obligeeInfo, ListHouse }))
+@connect(({ obligeeInfo, ListHouse, loading }) => ({ obligeeInfo, ListHouse, loading: !!loading.effects['obligeeInfo/getObligeeInfo'] }))
 class ObligeeInfo extends React.Component {
   componentDidMount() {
     const { houseID } = this.props.ListHouse;
-    this.props.dispatch(createAction('obligeeInfo/getObligeeInfo')(houseID));
+    this.props.dispatch(createAction('obligeeInfo/getObligeeInfo')({ id: houseID }));
   }
   onPress = () => {
     const ID = this.props.obligeeInfo.sourceData.id;
@@ -34,27 +34,59 @@ class ObligeeInfo extends React.Component {
     const { houseID } = this.props.ListHouse;
     this.props.dispatch(createAction('obligeeInfo/onEBack')(houseID));
   };
+  onEndReached = () => {
+    // 以下是制造新数据
+    if (!this.props.loading) {
+      const { houseID } = this.props.ListHouse;
+      this.props.dispatch(createAction('obligeeInfo/getObligeeInfo')({ id: houseID }));
+    }
+  };
+  keyExtractor = item => `${item.id}`;
+  // 下拉刷新
+  renderRefresh = () => {
+    if (!this.props.loading) {
+      const { houseID } = this.props.ListHouse;
+      this.props.dispatch(createAction('obligeeInfo/getObligeeInfo')({ id: houseID, type: 'clear' }));
+    }
+  };
+  renderItem =({ item }) => {
+    // console.log(item);
+    return (
+      <WingBlank size="lg">
+        <WhiteSpace size="lg" />
+        <Card>
+          <Card.Header
+            title={item.dangShiRenXingMing}
+            extra={<Text style={Styles.cardText} onPress={this.onPress}>&gt;&gt;详情</Text>}
+          />
+          <Card.Body>
+            <Text style={Styles.cardBodyText}>当事人编号:<Text style={Styles.cardBodyText2}>{item.dangShiRenBianHao}</Text></Text>
+            <Text style={Styles.cardBodyText}>证件号码:<Text style={Styles.cardBodyText2}>{item.dangShiRenIdentityCard}</Text></Text>
+          </Card.Body>
+        </Card>
+        <WhiteSpace size="lg" />
+      </WingBlank>
+    );
+  };
   render() {
     const { sourceData, isDetail, detailData, editable, disabled } = this.props.obligeeInfo;
+    console.log(this.props.obligeeInfo);
+    const data = [sourceData];
+    // console.log(data);
     const { getFieldProps } = this.props.form;
+    const test = (
+      <FlatList
+        data={data}
+        renderItem={this.renderItem}
+        keyExtractor={this.keyExtractor}
+        onEndReachedThreshold={0.3}
+        onEndReached={this.onEndReached}
+        refreshing={this.props.loading}
+        onRefresh={this.renderRefresh}
+      />);
     if (isDetail === false) {
       return (
-        <ScrollView >
-          <WingBlank size="lg">
-            <WhiteSpace size="lg" />
-            <Card>
-              <Card.Header
-                title={sourceData.dangShiRenXingMing}
-                extra={<Text style={Styles.cardText} onPress={this.onPress}>&gt;&gt;详情</Text>}
-              />
-              <Card.Body>
-                <Text style={Styles.cardBodyText}>当事人编号:<Text style={Styles.cardBodyText2}>{sourceData.dangShiRenBianHao}</Text></Text>
-                <Text style={Styles.cardBodyText}>证件号码:<Text style={Styles.cardBodyText2}>{sourceData.dangShiRenIdentityCard}</Text></Text>
-              </Card.Body>
-            </Card>
-            <WhiteSpace size="lg" />
-          </WingBlank>
-        </ScrollView >
+        test
       );
     } else {
       return (

src/routes/main/houseinfo/listhouse.js

@@ -3,7 +3,7 @@ import { FlatList, Text } from 'react-native';
 import { Card, WingBlank, WhiteSpace } from 'antd-mobile';
 import { connect } from 'react-redux';
 import { createAction } from '../../../utils';
-import FlatListItem from './FlatListItem';
+import FlatListItem from '../../../components/FlatListItem';
 
 @connect(({ ListHouse, loading }) => ({ ListHouse, loading: !!loading.effects['ListHouse/getHouseList'] }))
 class ListHouContent extends Component {

src/routes/main/index.js

@@ -3,6 +3,7 @@ import { View, Text, Image, StyleSheet } from 'react-native';
 import { TabNavigator } from 'react-navigation';
 import userInfoPageScreen from './userinfo/index';
 import fwInfo from './fwInfo';
+import peopleInfoErJiScreen from './peopleInfo/index';
 import chatsIcon from '../../../image/chats-icon.png';
 import Empty from '../empty';
 import DSRErJiScreen from './dangshireninfo/index';
@@ -51,6 +52,20 @@ const Content = TabNavigator({
       ),
     },
   },
+  RKInfo: {
+    screen: peopleInfoErJiScreen,
+    navigationOptions: {
+      lazy: true,
+      tabBarLabel: '人口信息',
+      // Note: By default the icon is only shown on iOS. Search the showIcon option below.
+      tabBarIcon: () => (
+        <Image
+          source={chatsIcon}
+          style={[styles.icon]}
+        />
+      ),
+    },
+  },
   UserInfoPageScreen: {
     screen: userInfoPageScreen,
     navigationOptions: {

src/routes/main/peopleInfo/addPeopleInfo.js

+/**
+ * Created by zhouhuan on 2017/11/3.
+ */
+import React from 'react';
+import { createForm } from 'rc-form';
+import { View, ScrollView } from 'react-native';
+import { Button, List, InputItem } from 'antd-mobile';
+import { connect } from 'react-redux';
+import { createAction } from '../../../utils';
+
+@connect(({ peopleInfo }) => ({ peopleInfo }))
+class AddPeopleInfo extends React.Component {
+  componentDidMount() {
+    // const { id } = this.props.navigation.state.params;
+    // this.props.dispatch(createAction('peopleInfo/getPeopleDetail')(id));
+  }
+  onSubmit = () => {
+    this.props.form.validateFields({ force: true }, (error, value) => {
+      if (!error) {
+        this.props.dispatch(createAction('peopleInfo/savePeopleInfo')(value));
+      } else {
+        console.log('Validation failed');
+      }
+    });
+  };
+  onEditBack = () => {
+    this.props.dispatch(createAction('peopleInfo/onEBack')('clear'));
+  };
+  render() {
+    console.log(this.props.peopleInfo);
+    const { getFieldProps } = this.props.form;
+    return (
+      <ScrollView>
+        <List>
+          <InputItem
+            {...getFieldProps('xingMing', {
+              rules: [
+                { required: true, message: '不允许为空' },
+              ],
+            })}
+            clear
+            placeholder=""
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            姓名
+          </InputItem>
+          <InputItem
+            {...getFieldProps('identityCard', {
+            })}
+            clear
+            placeholder=""
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            证件号码
+          </InputItem>
+          <InputItem
+            {...getFieldProps('birthday', {
+            })}
+            clear
+            placeholder=""
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            出生日期
+          </InputItem>
+          <InputItem
+            {...getFieldProps('guoJi', {
+            })}
+            clear
+            placeholder=""
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            国籍
+          </InputItem>
+          <InputItem
+            {...getFieldProps('minZu', {
+            })}
+            clear
+            placeholder=""
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            民族
+          </InputItem>
+          <InputItem
+            {...getFieldProps('lianXiDianHua', {
+            })}
+            clear
+            placeholder=""
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            联系电话
+          </InputItem>
+          <InputItem
+            {...getFieldProps('lianXiDiZhi', {
+            })}
+            clear
+            placeholder=""
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            联系地址
+          </InputItem>
+          <InputItem
+            {...getFieldProps('yuHuZhuGuanXi', {
+            })}
+            clear
+            placeholder=""
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            与户主关系
+          </InputItem>
+          <InputItem
+            {...getFieldProps('zhengZhiMianMao', {
+            })}
+            clear
+            placeholder=""
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            政治面貌
+          </InputItem>
+          <InputItem
+            {...getFieldProps('hunYinZhuangKuang', {
+            })}
+            clear
+            placeholder=""
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            婚姻状况
+          </InputItem>
+          <List.Item>
+            <View style={{ flexDirection: 'row' }}>
+              <Button style={{ marginRight: 8 }} type="primary" onClick={this.onSubmit}>保存</Button>
+              <Button onClick={this.onEditBack}>返回</Button>
+            </View>
+          </List.Item>
+        </List>
+      </ScrollView>
+    );
+  }
+}
+export default createForm()(AddPeopleInfo);
+

src/routes/main/peopleInfo/index.js

+/**
+ * Created by zhouhuan on 2017/11/3.
+ */
+import { StackNavigator } from 'react-navigation';
+import PeopleInfo from './peopelInfo';
+import PeopleDetailInfo from './peopleDetailInfo';
+import AddPeopleInfo from './addPeopleInfo';
+
+const peopleInfoErJiScreen = StackNavigator(
+  {
+    peopleInfoList: {
+      screen: PeopleInfo,
+    },
+    peopleInfoDetail: {
+      screen: PeopleDetailInfo,
+    },
+    addPeoppleInfo: {
+      screen: AddPeopleInfo,
+    },
+  },
+  {
+    headerMode: 'none',
+    navigationOptions: {
+      gesturesEnabled: false,
+    },
+  },
+);
+export default peopleInfoErJiScreen;

src/routes/main/peopleInfo/peopelInfo.js

+/**
+ * Created by zhouhuan on 2017/10/30.
+ */
+import React from 'react';
+import Icon from 'react-native-vector-icons/FontAwesome';
+import { View, FlatList } from 'react-native';
+import { WingBlank, WhiteSpace } from 'antd-mobile';
+import { connect } from 'react-redux';
+import { createAction } from '../../../utils';
+import FlatListItem from '../../../components/FlatListItem';
+
+@connect(({ peopleInfo, loading }) => ({ peopleInfo, loading: !!loading.effects['peopleInfo/getPeopleInfo'] }))
+class PeopleInfo extends React.Component {
+  componentDidMount() {
+    this.props.dispatch(createAction('peopleInfo/getPeopleInfo')());
+  }
+  onPressItem = (id) => {
+    console.log(id);
+    this.props.dispatch(createAction('peopleInfo/jumpPage')(id));
+    // this.props.dispatch(createAction('peopleInfo/getPeopleDetail')(id));
+  };
+  onEndReached = () => {
+    // 以下是制造新数据
+    if (!this.props.loading) {
+      this.props.dispatch(createAction('peopleInfo/getPeopleInfo')());
+    }
+  };
+  addClick =() => {
+    this.props.dispatch(createAction('peopleInfo/addPeopleInfo')());
+  };
+  keyExtractor = item => `${item.id}`;
+  // 下拉刷新
+  renderRefresh = () => {
+    if (!this.props.loading) {
+      this.props.dispatch(createAction('peopleInfo/getPeopleInfo')('clear'));
+    }
+  };
+  renderItem =({ item }) => {
+    // console.log(item);
+    return (
+      <FlatListItem
+        title={item.xingMing}
+        meta={this.props.peopleInfo.metas}
+        item={item}
+        onPressItem={this.onPressItem}
+      />
+    );
+  };
+  render() {
+    const { sourceData } = this.props.peopleInfo;
+    const myButton = (
+      <Icon.Button name="plus" backgroundColor="#08BBF9" onPress={this.addClick}>
+        新增人口
+      </Icon.Button>
+    );
+    const flatList = (
+      <FlatList
+        data={sourceData}
+        renderItem={this.renderItem}
+        keyExtractor={this.keyExtractor}
+        onEndReachedThreshold={0.3}
+        onEndReached={this.onEndReached}
+        refreshing={this.props.loading}
+        onRefresh={this.renderRefresh}
+      />);
+    return (
+      <View>
+        <View>
+          <WingBlank size="lg">
+            <WhiteSpace size="lg" />
+            {myButton}
+          </WingBlank>
+        </View>
+        {flatList}
+      </View>
+    );
+  }
+}
+export default PeopleInfo;

src/routes/main/peopleInfo/peopleDetailInfo.js

+/**
+ * Created by zhouhuan on 2017/11/2.
+ */
+import React from 'react';
+import { createForm } from 'rc-form';
+import { View, ScrollView } from 'react-native';
+import { Button, List, InputItem } from 'antd-mobile';
+import { connect } from 'react-redux';
+import { createAction } from '../../../utils';
+
+@connect(({ peopleInfo }) => ({ peopleInfo }))
+class PeopleDetailInfo extends React.Component {
+  componentDidMount() {
+    const { id } = this.props.navigation.state.params;
+    this.props.dispatch(createAction('peopleInfo/getPeopleDetail')(id));
+  }
+  onEdit =() => {
+    this.props.dispatch(createAction('peopleInfo/setStatus')(true));
+  };
+  onSubmit = () => {
+    this.props.form.validateFields({ force: true }, (error, value) => {
+      if (!error) {
+        this.props.dispatch(createAction('peopleInfo/updateDSRDetail')({ id: this.props.peopleInfo.peopleID, singularData: value }));
+      } else {
+        console.log('Validation failed');
+      }
+    });
+  };
+  onEditBack = () => {
+    this.props.dispatch(createAction('peopleInfo/onEBack')('clear'));
+  };
+  render() {
+    const { detailData, editable, disabled } = this.props.peopleInfo;
+    console.log(this.props.peopleInfo);
+    const { getFieldProps } = this.props.form;
+    return (
+      <ScrollView>
+        <List>
+          <InputItem
+            {...getFieldProps('xingMing', {
+              initialValue: detailData.xingMing,
+              rules: [
+                { required: true, message: '不允许为空' },
+              ],
+            })}
+            clear
+            placeholder=""
+            editable={editable}
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            姓名
+          </InputItem>
+          <InputItem
+            {...getFieldProps('identityCard', {
+              initialValue: detailData.identityCard,
+            })}
+            clear
+            placeholder=""
+            editable={editable}
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            证件号码
+          </InputItem>
+          <InputItem
+            {...getFieldProps('birthday', {
+              initialValue: detailData.birthday,
+            })}
+            clear
+            placeholder=""
+            editable={editable}
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            出生日期
+          </InputItem>
+          <InputItem
+            {...getFieldProps('guoJi', {
+              initialValue: detailData.guoJi,
+            })}
+            clear
+            placeholder=""
+            editable={editable}
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            国籍
+          </InputItem>
+          <InputItem
+            {...getFieldProps('minZu', {
+              initialValue: detailData.minZu,
+            })}
+            clear
+            placeholder=""
+            editable={editable}
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            民族
+          </InputItem>
+          <InputItem
+            {...getFieldProps('lianXiDianHua', {
+              initialValue: detailData.lianXiDianHua,
+            })}
+            clear
+            placeholder=""
+            editable={editable}
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            联系电话
+          </InputItem>
+          <InputItem
+            {...getFieldProps('lianXiDiZhi', {
+              initialValue: detailData.lianXiDiZhi,
+            })}
+            clear
+            placeholder=""
+            editable={editable}
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            联系地址
+          </InputItem>
+          <InputItem
+            {...getFieldProps('yuHuZhuGuanXi', {
+              initialValue: detailData.yuHuZhuGuanXi,
+            })}
+            clear
+            placeholder=""
+            editable={editable}
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            与户主关系
+          </InputItem>
+          <InputItem
+            {...getFieldProps('zhengZhiMianMao', {
+              initialValue: detailData.zhengZhiMianMao,
+            })}
+            clear
+            placeholder=""
+            editable={editable}
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            政治面貌
+          </InputItem>
+          <InputItem
+            {...getFieldProps('hunYinZhuangKuang', {
+              initialValue: detailData.hunYinZhuangKuang,
+            })}
+            clear
+            placeholder=""
+            editable={editable}
+            ref={(el) => { this.customFocusInst = el; }}
+          >
+            婚姻状况
+          </InputItem>
+          <List.Item>
+            <View style={{ flexDirection: 'row' }}>
+              <Button style={{ marginRight: 8 }} type="primary" onClick={this.onEdit}>编辑</Button>
+              <Button style={{ marginRight: 8 }} onClick={this.onSubmit} disabled={disabled}>保存</Button>
+              <Button onClick={this.onEditBack}>返回</Button>
+            </View>
+          </List.Item>
+        </List>
+      </ScrollView>
+    );
+  }
+}
+export default createForm()(PeopleDetailInfo);