准备好客户数据框架

@@ -22,10 +22,15 @@ export default class Edit extends Component {
   constructor(props) {
   constructor(props) {
     super(props);
     super(props);
     this.state = {
     this.state = {
-      customer_status: [],
+      customer_id: "",
+      name: "",
+      age: "",
+      phone: "",
+      sex: "",
+      is_sign: "",
+      recommend: "",
       is_married: "",
       is_married: "",
-      modalVisible: false,
-      recommend: ""
+      has_children: "",
     };
     };
   }
   }
   componentWillMount() {}
   componentWillMount() {}
@@ -35,37 +40,6 @@ export default class Edit extends Component {
   getListData() {
   getListData() {
     post("/test/insurance/article", {}, res => {}, err => {});
     post("/test/insurance/article", {}, res => {}, err => {});
   }
   }
-
-  setModalVisible(visible) {
-    this.setState({ modalVisible: visible });
-  }
-  _renderPicker() {
-    return (
-      <Modal
-        animationType={"slide"}
-        transparent={false}
-        visible={this.state.modalVisible}
-        onRequestClose={() => {
-          alert("Modal has been closed.");
-        }}
-      >
-        <Picker
-          selectedValue={this.state.is_married}
-          onValueChange={status => this.setState({ is_married: status })}
-        >
-          <Picker.Item label="是" value="yes" />
-          <Picker.Item label="否" value="no" />
-        </Picker>
-        <TouchableHighlight
-          onPress={() => {
-            this.setModalVisible(!this.state.modalVisible);
-          }}
-        >
-          <Text>Hide Modal</Text>
-        </TouchableHighlight>
-      </Modal>
-    );
-  }
   Alert_select(title, tips, statusName, select1, select2) {
   Alert_select(title, tips, statusName, select1, select2) {
     Alert.alert(
     Alert.alert(
       title,
       title,
@@ -81,17 +55,17 @@ export default class Edit extends Component {
           text: select2,
           text: select2,
           onPress: () => {
           onPress: () => {
             this.setState({ [statusName]: select2 });
             this.setState({ [statusName]: select2 });
-          },
-        },
+          }
+        }
       ],
       ],
       { cancelable: false }
       { cancelable: false }
     );
     );
   }
   }
-
   AlertIOS_input() {
   AlertIOS_input() {
     AlertIOS.prompt("婚姻状态", null, () => {});
     AlertIOS.prompt("婚姻状态", null, () => {});
   }
   }
-
+  submit() {}
+  delete() {}
   render() {
   render() {
     const { navigate } = this.props.navigation;
     const { navigate } = this.props.navigation;
     return (
     return (
@@ -179,14 +153,16 @@ export default class Edit extends Component {
           <TouchableOpacity
           <TouchableOpacity
             style={styles.itemContainer}
             style={styles.itemContainer}
             onPress={() => {
             onPress={() => {
-              this.Alert_select("婚姻状态", "选一下嘛", 'is_married', "已婚", "未婚");
+              this.Alert_select("婚姻状态", "选一下嘛", "is_married", "已婚", "未婚");
             }}
             }}
           >
           >
             <View style={styles.itemLeft}>
             <View style={styles.itemLeft}>
               <Text style={styles.leftTitle}>婚姻状态</Text>
               <Text style={styles.leftTitle}>婚姻状态</Text>
             </View>
             </View>
             <View style={styles.itemRight}>
             <View style={styles.itemRight}>
-              <Text style={styles.itemRightContent}>{this.state.is_married}</Text>
+              <Text style={styles.itemRightContent}>
+                {this.state.is_married}
+              </Text>
               <Image
               <Image
                 style={styles.itemRightImg}
                 style={styles.itemRightImg}
                 source={require("../../assets/Mine/rightArrow_gray.png")}
                 source={require("../../assets/Mine/rightArrow_gray.png")}
@@ -198,9 +174,7 @@ export default class Edit extends Component {
               <Text style={styles.leftTitle}>是否生育</Text>
               <Text style={styles.leftTitle}>是否生育</Text>
             </View>
             </View>
             <View style={styles.itemRight}>
             <View style={styles.itemRight}>
-              <Text style={styles.itemRightContent}>
-                否
-              </Text>
+              <Text style={styles.itemRightContent}>否</Text>
               <Image
               <Image
                 style={styles.itemRightImg}
                 style={styles.itemRightImg}
                 source={require("../../assets/Mine/rightArrow_gray.png")}
                 source={require("../../assets/Mine/rightArrow_gray.png")}
@@ -208,6 +182,26 @@ export default class Edit extends Component {
             </View>
             </View>
           </TouchableOpacity>
           </TouchableOpacity>
         </View>
         </View>
+
+        {/* 按钮 */}
+        <View style={styles.btnContainer}>
+          <TouchableOpacity
+            onPress={() => {
+              this.submit();
+            }}
+            style={styles.confirmBtn}
+          >
+            <Text style={styles.confirmBtnText}>确定</Text>
+          </TouchableOpacity>
+          <TouchableOpacity
+            onPress={() => {
+              this.delete();
+            }}
+            style={styles.deleteBtn}
+          >
+            <Text style={styles.deleteText}>删除</Text>
+          </TouchableOpacity>
+        </View>
       </View>
       </View>
     );
     );
   }
   }
@@ -256,5 +250,28 @@ const styles = StyleSheet.create({
   itemRightImg: {
   itemRightImg: {
     width: 14,
     width: 14,
     height: 14
     height: 14
+  },
+  confirmBtn: {
+    marginTop: 20,
+    marginHorizontal: 40,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: "#1B9341",
+    height: 45,
+    borderRadius: 5
+  },
+  confirmBtnText: {
+    fontSize: 16,
+    color: "white"
+  },
+  deleteBtn: {
+    marginHorizontal: 40,
+    justifyContent: "center",
+    alignItems: "center",
+  },
+  deleteText: {
+    fontSize: 16,
+    marginTop: 24,
+    color: "#1B9341"
   }
   }
 });
 });