kangaroo/js/page/WaitAttestation.js

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
    }
    componentDidMount() {
        this.setState({
            pageStatus: this.props.navigation.state.params.status
        })
    }
    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
    }
})