实名认证

js/navigator/AppNavigators.js

@@ -18,6 +18,7 @@ import Setting from "../page/Setting"
 import MyInfo from "../page/MyInfo"
 import MyGift from "../page/MyGift"
 import Attestation from "../page/Attestation/Attestation"
+import WaitAttestation from "../page/WaitAttestation"
 
 const InitNavigator = createStackNavigator({
     LoginPage: {
@@ -34,6 +35,12 @@ const InitNavigator = createStackNavigator({
     }
 })
 const MainNavigator = createStackNavigator({
+    WaitAttestation: {
+        screen: WaitAttestation,
+        navigationOptions: {
+            headerTitle: "实名认证"
+        }
+    },
     Attestation: {
         screen: Attestation,
         navigationOptions: {

js/page/WaitAttestation.js

@@ -0,0 +1,121 @@
+import React, { Component } from "react"
+import { StyleSheet, Text, View, Image } from "react-native"
+import { unitWidth, unitHeight } from "../utils/AdapterUtil";
+
+export default class WaitAttestation extends Component {
+    state = {
+        pageStatus: 4
+    }
+    render() {
+        return (
+            <View style={styles.container}>
+                {
+                    this.state.pageStatus === 0 ? (<Image
+                        source={require("../../static/xueli.png")}
+                        style={styles.icon}
+                    />) : null
+                }
+                {
+                    this.state.pageStatus === 1 ? (<Image
+                        source={require("../../static/gongzuo.png")}
+                        style={styles.icon}
+                    />) : null
+                }
+                {
+                    this.state.pageStatus === 2 ? (<Image
+                        source={require("../../static/shenfen.png")}
+                        style={styles.icon}
+                    />) : null
+                }
+                {
+                    this.state.pageStatus === 3 ? (<Image
+                        source={require("../../static/pass.png")}
+                        style={styles.icon}
+                    />) : null
+                }
+                {
+                    this.state.pageStatus === 4 ? (<Image
+                        source={require("../../static/notPass.png")}
+                        style={styles.icon}
+                    />) : null
+                }
+
+                {
+                    this.state.pageStatus !== 3 && this.state.pageStatus !== 4 ? (<Text style={{ fontSize: unitWidth * 32, color: "#333333", marginBottom: unitHeight * 10 }}>提交成功，等待审核</Text>) : null
+                }
+                {
+                    this.state.pageStatus === 4 ? (<Text style={{ fontSize: unitWidth * 32, color: "#333333", marginBottom: unitHeight * 10 }}>非常抱歉，您没有通过身份验证</Text>) : null
+                }
+                {
+                    this.state.pageStatus === 3 ? (<Text style={{ fontSize: unitWidth * 32, color: "#FA788A", marginBottom: unitHeight * 10 }}>您已通过身份认证，信用值+10</Text>) : null
+                }
+                {
+                    this.state.pageStatus === 4 ? (<View style={{ flexDirection: "row" }}>
+                        <Text style={{ fontSize: unitWidth * 24, color: "#333333" }}>您可以进行</Text>
+                        <Text style={{ fontSize: unitWidth * 24, color: "#FA788A" }}>重新申请</Text>
+                    </View>) : null
+                }
+
+                {
+                    this.state.pageStatus === 0 ? (<Text style={{ fontSize: unitWidth * 24, color: "#999999" }}>学历认证将在3-5个工作日内完成审核，请您耐心等待</Text>) : null
+                }
+                {
+                    this.state.pageStatus === 1 ? (<Text style={{ fontSize: unitWidth * 24, color: "#999999" }}>工作认证将在3-5个工作日内完成审核，请您耐心等待</Text>) : null
+                }
+                {
+                    this.state.pageStatus === 2 ? (<Text style={{ fontSize: unitWidth * 24, color: "#999999" }}>身份认证将在3-5个工作日内完成审核，请您耐心等待</Text>) : null
+                }
+                {
+                    this.state.pageStatus === 3 ? (<View style={styles.userInfo}>
+                        <View style={styles.formItem}>
+                            <Text style={{ fontSize: unitWidth * 28, color: "#333333" }}>真实姓名：</Text>
+                            <View style={styles.inputArea}>
+                                <Text style={{ fontSize: unitWidth * 28, color: "#333333" }}>张明明</Text>
+                            </View>
+                        </View>
+                        <View style={styles.formItem}>
+                            <Text style={{ fontSize: unitWidth * 28, color: "#333333" }}>身份证号：</Text>
+                            <View style={styles.inputArea}>
+                                <Text style={{ fontSize: unitWidth * 28, color: "#333333" }}>370281000000000000</Text>
+                            </View>
+                        </View>
+                    </View>) : null
+                }
+
+
+            </View>
+        )
+    }
+}
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        alignItems: "center",
+        backgroundColor: "#fff"
+    },
+    icon: {
+        width: unitWidth * 228,
+        height: unitHeight * 204,
+        marginTop: unitHeight * 87,
+        marginBottom: unitHeight * 57
+    },
+    userInfo: {
+        width: "100%",
+        height: 100,
+        paddingLeft: unitWidth * 27,
+        marginTop: unitHeight * 188
+    },
+    formItem: {
+        flexDirection: "row",
+        height: unitHeight * 72,
+        marginBottom: unitHeight * 20,
+        alignItems: "center"
+    },
+    inputArea: {
+        width: unitWidth * 566,
+        height: "100%",
+        backgroundColor: "#F9F9F9",
+        justifyContent: "center",
+        paddingLeft: unitWidth * 20
+    }
+})