Skip to content

M
manager-app-sz
提交 0fb77ba3 authored 作者: zhouhuan's avatar zhouhuan
浏览文件
操作

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

# Conflicts: # src/routes/main/houseinfo/ObligeeInfo.js # src/routes/main/houseinfo/listhouse.js
上级 e4c6d2f9
隐藏空白字符变更
内嵌 并排
正在显示 包含 460 行增加 和 214 行删除
android/.idea/gradle.xml
浏览文件 @ 0fb77ba3
......@@ -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
浏览文件 @ 0fb77ba3
......@@ -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
浏览文件 @ 0fb77ba3
......@@ -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/models/index.js
浏览文件 @ 0fb77ba3
......@@ -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
浏览文件 @ 0fb77ba3
......@@ -3,79 +3,119 @@
*/
import { Toast } from 'antd-mobile';
import { NavigationActions } from 'react-navigation';
import { getData } from '../../utils/DataTemplate';
import { getData, getMeta } from '../../utils/DataTemplate';
import { datasourceApi } from '../../services/datasource';
export default {
namespace: 'peopleInfo',
state: {
sourceData: {},
sourceData: [],
metas: [],
detailData: {},
isDetail: false,
editable: false,
disabled: true,
types: '',
peopleID: '',
},
effects: {
*getPeopleInfo({ payload }, { put, call, select }) {
*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: {} });
}
console.log('gogogo');
const { sourceData } = yield select(state => state.peopleInfo);
const size = sourceData.length;
console.log(size);
const coordinate = {
containerType: 'module',
containerName: 'query-RKInfo',
datasourceName: 'QueryRKTable',
};
const result = yield call(getData, coordinate, { pst: size, psz: 10 });
console.log(result);
const singularData = result[0];
yield put({ type: 'setDSRList', payload: { ...singularData } });
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-DSRInfo',
datasourceName: 'QueryDSRInfoDetails',
containerName: 'query-RKInfo',
datasourceName: 'QueryRKDetails',
};
const result = yield call(getData, coordinate, { params: { pID: payload } });
console.log(result);
yield put({ type: 'getDSRDetail', payload: { ...result[0] } });
yield put({ type: 'setDetail', payload: true });
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-DSRInfo',
datasourceName: 'QueryDSRInfoDetails',
containerName: 'query-RKInfo',
datasourceName: 'QueryRKDetails',
};
const api = datasourceApi(coordinate);
yield call(api.update, payload.id, payload.singularData);
Toast.success('修改成功!', 1);
Toast.success('修改成功!', 0.5);
yield put(NavigationActions.navigate({
routeName: 'peopleInfo',
routeName: 'peopleInfoList',
}));
yield put({ type: 'getPeopleInfo', payload: 'clear' });
yield put({ type: 'setDisabled', payload: true });
yield put({ type: 'setDetail', payload: false });
},
*onEBack({ payload }, { put, call }) {
*onEBack({ payload }, { put, call, select, take }) {
if (payload === 'clear') {
yield put({ type: 'clearList', payload: {} });
}
const coordinate = {
containerType: 'module',
containerName: 'query-DSRInfo',
datasourceName: 'QueryDSRInfoTable',
containerName: 'query-RKInfo',
datasourceName: 'QueryRKTable',
};
const result = yield call(getData, coordinate, { params: { pID: payload } });
const singularData = result[0];
yield put({ type: 'setDSRList', payload: { ...singularData } });
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: 'peopleInfo',
routeName: 'peopleInfoList',
}));
yield put({ type: 'setDisabled', payload: true });
yield put({ type: 'setDetail', payload: false });
},
*setStatus({ payload }, { put }) {
yield put({ type: 'setDisabled', payload: false });
......@@ -83,28 +123,34 @@ export default {
},
},
reducers: {
setPeopPleID(state, { payload }) {
return {
...state,
peopleID: payload,
};
},
// 下拉刷新用到的，清空列表的数据
clearList(state) {
return { ...state, sourceData: {} };
},
getDSRDetail(state, { payload }) {
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,
};
},
setDetail(state, { payload }) {
return {
...state,
isDetail: payload,
};
},
setEdit(state, { payload }) {
return {
...state,
......@@ -117,6 +163,12 @@ export default {
disabled: payload,
};
},
setTypes(state, { payload }) {
return {
...state,
types: payload,
};
},
},
};
src/routes/error.js
浏览文件 @ 0fb77ba3
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
浏览文件 @ 0fb77ba3
......@@ -3,7 +3,7 @@ import { Text, FlatList } from 'react-native';
import { Card, 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/listhouse.js
浏览文件 @ 0fb77ba3
......@@ -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
浏览文件 @ 0fb77ba3
......@@ -3,7 +3,7 @@ import { View, Text, Image, StyleSheet } from 'react-native';
import { TabNavigator } from 'react-navigation';
import userInfoPageScreen from './userinfopage';
import fwInfo from './fwInfo';
import PeopleInfo from './peopleInfo/peopelInfo';
import peopleInfoErJiScreen from './peopleInfo/index';
import chatsIcon from '../../../image/chats-icon.png';
import Empty from '../empty';
import DSRErJiScreen from './dangshireninfo/index';
......@@ -53,7 +53,7 @@ const Content = TabNavigator({
},
},
RKInfo: {
screen: Empty('权属信息的新增，修改，还可以勾选房子', 'DSRInfoScreen'),
screen: peopleInfoErJiScreen,
navigationOptions: {
lazy: true,
tabBarLabel: '人口信息',
......
src/routes/main/peopleInfo/addPeopleInfo.js
浏览文件 @ 0fb77ba3
/**
* 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
浏览文件 @ 0fb77ba3
/**
* 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
浏览文件 @ 0fb77ba3
......@@ -2,35 +2,22 @@
* Created by zhouhuan on 2017/10/30.
*/
import React from 'react';
import { createForm } from 'rc-form';
import { View, StyleSheet, FlatList, Text, ScrollView } from 'react-native';
import { Card, WingBlank, WhiteSpace, Button, List, InputItem } from 'antd-mobile';
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')());
}
onPress = () => {
const ID = this.props.peopleInfo.sourceData.id;
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.sourceData.id, singularData: value }));
} else {
console.log('Validation failed');
}
});
};
onEditBack = () => {
this.props.dispatch(createAction('peopleInfo/onEBack')());
onPressItem = (id) => {
console.log(id);
this.props.dispatch(createAction('peopleInfo/jumpPage')(id));
// this.props.dispatch(createAction('peopleInfo/getPeopleDetail')(id));
};
onEndReached = () => {
// 以下是制造新数据
......@@ -38,6 +25,9 @@ class PeopleInfo extends React.Component {
this.props.dispatch(createAction('peopleInfo/getPeopleInfo')());
}
};
addClick =() => {
this.props.dispatch(createAction('peopleInfo/addPeopleInfo')());
};
keyExtractor = item => `${item.id}`;
// 下拉刷新
renderRefresh = () => {
......@@ -48,160 +38,42 @@ class PeopleInfo extends React.Component {
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>
<FlatListItem
title={item.xingMing}
meta={this.props.peopleInfo.metas}
item={item}
onPressItem={this.onPressItem}
/>
);
};
render() {
const { sourceData, isDetail, detailData, editable, disabled } = this.props.peopleInfo;
console.log(this.props.peopleInfo);
console.log(isDetail);
// const data = [sourceData];
// console.log(data);
const { getFieldProps } = this.props.form;
/* const test = (
const { sourceData } = this.props.peopleInfo;
const myButton = (
<Icon.Button name="plus" backgroundColor="#08BBF9" onPress={this.addClick}>
新增人口
</Icon.Button>
);
const flatList = (
<FlatList
data={data}
data={sourceData}
renderItem={this.renderItem}
keyExtractor={this.keyExtractor}
onEndReachedThreshold={0.3}
onEndReached={this.onEndReached}
refreshing={this.props.loading}
onRefresh={this.renderRefresh}
/>); */
if (isDetail === false) {
return (
<View><Text>123</Text></View>
);
} else {
return (
<ScrollView>
<List>
<InputItem
{...getFieldProps('dangShiRenXingMing', {
initialValue: detailData.dangShiRenXingMing,
rules: [
{ required: true, message: '不允许为空' },
{ validator: this.validateFWBianMa },
],
})}
clear
placeholder="请输入"
editable={editable}
ref={(el) => { this.customFocusInst = el; }}
>
姓名
</InputItem>
<InputItem
{...getFieldProps('dangShiRenXingBie', {
initialValue: detailData.dangShiRenXingBie,
})}
clear
placeholder="请输入"
editable={editable}
ref={(el) => { this.customFocusInst = el; }}
>
性别
</InputItem>
<InputItem
{...getFieldProps('dangShiRenTelephone', {
initialValue: detailData.dangShiRenTelephone,
})}
clear
placeholder="请输入"
editable={editable}
ref={(el) => { this.customFocusInst = el; }}
>
电话号码
</InputItem>
<InputItem
{...getFieldProps('dangShiRenIdentityCard', {
initialValue: detailData.dangShiRenIdentityCard,
})}
clear
placeholder="请输入"
editable={editable}
ref={(el) => { this.customFocusInst = el; }}
>
身份证号码
</InputItem>
<InputItem
{...getFieldProps('dangShiRenIdentityCardbak', {
initialValue: detailData.dangShiRenIdentityCardbak,
})}
clear
placeholder="请输入"
editable={editable}
ref={(el) => { this.customFocusInst = el; }}
>
身份证类型
</InputItem>
<InputItem
{...getFieldProps('dangShiRenAddress', {
initialValue: detailData.dangShiRenAddress,
})}
clear
placeholder="请输入"
editable={editable}
ref={(el) => { this.customFocusInst = el; }}
>
地址
</InputItem>
<InputItem
{...getFieldProps('DSRMaritalStatus', {
initialValue: detailData.DSRMaritalStatus,
})}
clear
placeholder="请输入"
editable={editable}
ref={(el) => { this.customFocusInst = el; }}
>
婚姻状态
</InputItem>
<InputItem
{...getFieldProps('DSRCensusType', {
initialValue: detailData.DSRCensusType,
})}
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>
);
}
/>);
return (
<View>
<View>
<WingBlank size="lg">
<WhiteSpace size="lg" />
{myButton}
</WingBlank>
</View>
{flatList}
</View>
);
}
}
const Styles = StyleSheet.create({
cardText: {
color: '#2196F3',
textAlign: 'right',
},
cardBodyText: {
marginBottom: 10,
marginLeft: 13,
},
});
export default createForm()(PeopleInfo);
export default PeopleInfo;
src/routes/main/peopleInfo/peopleDetailInfo.js
浏览文件 @ 0fb77ba3
/**
* 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);
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论