权利人信息修改保存

src/models/houseinfo/ObligeeInfo.js

 /**
  * Created by zhouhuan on 2017/10/30.
  */
+import { NavigationActions } from 'react-navigation';
 import { getData } from '../../utils/DataTemplate';
+import { datasourceApi } from '../../services/datasource';
 
 export default {
   namespace: 'obligeeInfo',
@@ -9,6 +11,7 @@ export default {
     sourceData: {},
     detailData: {},
     isDetail: false,
+    editable: false,
   },
   effects: {
     *getObligeeInfo({ payload }, { put, call, select }) {
@@ -26,7 +29,7 @@ export default {
       const singularData = result[0];
       yield put({ type: 'setDSRList', payload: { ...singularData } });
     },
-    *getObligeeDetail({ payload }, { put, call, select }) {
+    *getObligeeDetail({ payload }, { put, call }) {
       const coordinate = {
         containerType: 'module',
         containerName: 'query-DSRInfo',
@@ -37,6 +40,52 @@ export default {
       yield put({ type: 'getDSRDetail', payload: { ...result[0] } });
       yield put({ type: 'setDetail', payload: true });
     },
+    *updateDSRDetail({ payload }, { call, put }) {
+      console.log('update');
+      console.log(payload);
+      const coordinate = {
+        containerType: 'module',
+        containerName: 'query-DSRInfo',
+        datasourceName: 'QueryDSRInfoDetails',
+      };
+      const api = datasourceApi(coordinate);
+      yield call(api.update, payload.id, payload.singularData);
+      yield put(NavigationActions.navigate({
+        routeName: 'ObligeeInfo',
+      }));
+      yield put({ type: 'setEdit', payload: false });
+    },
+    *onSBack({ payload }, { put, call }) {
+      console.log(payload);
+      const coordinate = {
+        containerType: 'module',
+        containerName: 'query-DSRInfo',
+        datasourceName: 'QueryDSRInfoDetails',
+      };
+      const result = yield call(getData, coordinate, { params: { pID: payload } });
+      console.log(result);
+      yield put({ type: 'getDSRDetail', payload: { ...result[0] } });
+      yield put(NavigationActions.navigate({
+        routeName: 'ObligeeInfo',
+      }));
+      yield put({ type: 'setDetail', payload: true });
+      yield put({ type: 'setEdit', payload: false });
+    },
+    *onEBack({ payload }, { put, call }) {
+      console.log(payload);
+      const coordinate = {
+        containerType: 'module',
+        containerName: 'query-DSRInfo',
+        datasourceName: 'QueryDSRInfoTable',
+      };
+      const result = yield call(getData, coordinate, { params: { pID: payload } });
+      const singularData = result[0];
+      yield put({ type: 'setDSRList', payload: { ...singularData } });
+      yield put(NavigationActions.navigate({
+        routeName: 'ObligeeInfo',
+      }));
+      yield put({ type: 'setDetail', payload: false });
+    },
   },
   reducers: {
     getDSRDetail(state, { payload }) {
@@ -57,6 +106,12 @@ export default {
         isDetail: payload,
       };
     },
+    setEdit(state, { payload }) {
+      return {
+        ...state,
+        editable: payload,
+      };
+    },
   },
 };
 

src/routes/main/houseinfo/ObligeeInfo.js

@@ -18,10 +18,42 @@ class ObligeeInfo extends React.Component {
     const ID = this.props.obligeeInfo.sourceData.id;
     this.props.dispatch(createAction('obligeeInfo/getObligeeDetail')(ID));
   };
+  onEdit =() => {
+    console.log('detail');
+    this.props.dispatch(createAction('obligeeInfo/setEdit')(true));
+  };
+  onSubmit = () => {
+    console.log('submit');
+    this.props.form.validateFields({ force: true }, (error, value) => {
+      console.log(value);
+      if (!error) {
+        this.props.dispatch(createAction('obligeeInfo/updateDSRDetail')({ id: this.props.obligeeInfo.sourceData.id, singularData: value }));
+      } else {
+        console.log('Validation failed');
+      }
+    });
+  }
+  onEditBack = () => {
+    console.log('onEditBack');
+    const { houseID } = this.props.ListHouse;
+    console.log(houseID);
+    this.props.dispatch(createAction('obligeeInfo/onEBack')(houseID));
+  }
+  onSaveBack = () => {
+    console.log('onSaveBack');
+    const { houseID } = this.props.ListHouse;
+    this.props.dispatch(createAction('obligeeInfo/onSBack')(houseID));
+  }
   render() {
-    const { sourceData, isDetail, detailData } = this.props.obligeeInfo;
-    console.log(detailData);
+    const { sourceData, isDetail, detailData, editable } = this.props.obligeeInfo;
+    console.log(this.props.obligeeInfo);
     const { getFieldProps } = this.props.form;
+    let btnView
+    if (editable === false) {
+      btnView = (<View style={{ flexDirection: 'row' }}><Button type="primary" onClick={this.onEdit}>编辑</Button><Button onClick={this.onEditBack}>返回</Button></View>);
+    } else {
+      btnView = (<View style={{ flexDirection: 'row' }}><Button type="primary" onClick={this.onSubmit}>保存</Button><Button onClick={this.onSaveBack}>返回</Button></View>);
+    }
     if (isDetail === false) {
       return (
         <ScrollView >
@@ -55,6 +87,7 @@ class ObligeeInfo extends React.Component {
               })}
               clear
               placeholder="请输入"
+              editable={editable}
               ref={(el) => { this.customFocusInst = el; }}
             >
               姓名
@@ -65,6 +98,7 @@ class ObligeeInfo extends React.Component {
               })}
               clear
               placeholder="请输入"
+              editable={editable}
               ref={(el) => { this.customFocusInst = el; }}
             >
               性别
@@ -75,6 +109,7 @@ class ObligeeInfo extends React.Component {
               })}
               clear
               placeholder="请输入"
+              editable={editable}
               ref={(el) => { this.customFocusInst = el; }}
             >
               电话号码
@@ -85,6 +120,7 @@ class ObligeeInfo extends React.Component {
               })}
               clear
               placeholder="请输入"
+              editable={editable}
               ref={(el) => { this.customFocusInst = el; }}
             >
               身份证号码
@@ -95,6 +131,7 @@ class ObligeeInfo extends React.Component {
               })}
               clear
               placeholder="请输入"
+              editable={editable}
               ref={(el) => { this.customFocusInst = el; }}
             >
               身份证类型
@@ -105,6 +142,7 @@ class ObligeeInfo extends React.Component {
               })}
               clear
               placeholder="请输入"
+              editable={editable}
               ref={(el) => { this.customFocusInst = el; }}
             >
               地址
@@ -115,6 +153,7 @@ class ObligeeInfo extends React.Component {
               })}
               clear
               placeholder="请输入"
+              editable={editable}
               ref={(el) => { this.customFocusInst = el; }}
             >
               婚姻状态
@@ -125,15 +164,13 @@ class ObligeeInfo extends React.Component {
               })}
               clear
               placeholder="请输入"
+              editable={editable}
               ref={(el) => { this.customFocusInst = el; }}
             >
               是否原村民
             </InputItem>
             <List.Item>
-              <View style={{ flexDirection: 'row' }}>
-                <Button type="primary" onClick={this.onEdit}>编辑</Button>
-                <Button onClick={this.onReset}>返回</Button>
-              </View>
+              {btnView}
             </List.Item>
           </List>
         </ScrollView>