<template>
    <TopNavigation/>
    <!-- 实名认证成功 -->
    <div class="content">
        <div class="authentication_successful">
            <div class="authentication_successful_one">实名认证成功</div>
            <div class="authentication_successful_two">认证成功后不能修改</div>
            <div class="authentication_successful_information">
                <div class="authentication_successful_name">姓名</div>
                <div class="authentication_successful_text">{{form.realName}}</div>
            </div>
            <div class="authentication_successful_information">
                <div class="authentication_successful_name">手机号码</div>
                <div class="authentication_successful_text">{{form.phone}}</div>
            </div>
            <div class="authentication_successful_information">
                <div class="authentication_successful_name">身份证号</div>
                <div class="authentication_successful_text">{{form.idNo}}</div>
            </div>
            <div class="authentication_successful_information">
                <div class="authentication_successful_name">身份证照</div>
                <div class="authentication_successful_text">已上传</div>
            </div>
            <div class="real_name_return">
                <div class="real_name_return_con">返回</div>
            </div>
        </div>
    </div>
        <!-- <div v-else>
            <div class="tabs">
                <div class="text1">企业认证已完成</div>
                <div class="text2">
                    <span>账户实名认证后不能修改</span>
                </div>
            </div>
            <div class="info">
                <div class="text1">法人姓名</div>
                <div class="text2">{{ form.realName }}</div>
            </div>
            <div class="info">
                <div class="text1">身份证照片</div>
                <div class="text2">已上传</div>
            </div>
            <div class="info">
                <div class="text1">企业名称</div>
                <div class="text2">{{ form.orgName }}</div>
            </div>
            <div class="info">
                <div class="text1">身份证号</div>
                <div class="text2" v-if="form.idNo">{{ idNo }}</div>
            </div>
            <div class="info">
                <div class="text1">身份证照片</div>
                <div class="text2">已上传</div>
            </div>
            <div class="info">
                <div class="text1">工商营业执照注册号/统一社会信用代码</div>
            </div>
            <div class="text4">{{ form.orgNo }}</div>

            <div class="info">
                <div class="text1">工商营业执照有效日期截止时间</div>
                <div class="text2" v-if="form.orgLicenseExpire">{{ form.orgLicenseExpire }}</div>
                <div class="text2 text3" v-else>长期</div>
            </div>
            <div class="info">
                <div class="text1">营业执照</div>
                <div class="text2">已上传</div>
            </div>
        </div> -->
</template>
<script>
import TopNavigation from "../../components/TopNavigation.vue"
export default {
    components: {
        TopNavigation
    },
    data() {
        return {
            form: {}
        };
    },
    computed: {
        idNo() {
            return this.form.idNo.slice(0, 4) + ' ********** ' + this.form.idNo.slice(14, 18);
        }
    },
    mounted() {
        this.$http
            .post(
                '/identityAuth/all',
                {
                    query: {
                        userId: this.$store.state.userInfo.id
                    }
                },
                { body: 'json' }
            )
            .then(res => {
                if (!res.empty) {
                    this.form = res.content[0];
                    console.log(this.form.org);
                }
            });
    }
};
</script>
<style lang="less" scoped>
.content{
    width: 100%;
    height: 100%;
    position: absolute;
    background: @bg;
    margin-top: 44px;
    .authentication_successful{
            width: 100%;
            padding: 16px;
            box-sizing: border-box;
            .authentication_successful_one{
                font-size: 20px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #FFFFFF;
                margin-bottom: 6px;
            }
            .authentication_successful_two{
                font-size: 12px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #FFCA5E;
                margin-bottom: 20px;
            }
            .authentication_successful_information{
                display: flex;
                margin-bottom: 16px;
                font-size: 14px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #5F646F;
                .authentication_successful_name{
                    width: 56px;  
                    margin-right: 24px;
                }
            }
            .real_name_return{
                padding: 0 50px;
                box-sizing: border-box;
                margin-top: 100px;
                .real_name_return_con{
                    width: 100%;
                    height: 40px;
                    background: #29293F;
                    border-radius: 8px;
                    line-height: 40px;
                    text-align: center;
                    font-size: 16px;
                    font-family: PingFangSC-Medium, PingFang SC;
                    font-weight: 500;
                    color: #939599;
                }
            }
    }
}
</style>
