<template>
    <div>
        <el-dialog
            :visible.sync="dialogVisibleNoAuth"
            width="330px"
            :before-close="closeDialog"
            :show-close="false"
            class="dialog-box"
        >
            <img src="~assets/images/icon-status-no-auth.png" alt>
            <h3>您尚未实名认证</h3>
            <p>请先补充完整信息，进行实名认证！</p>
            <div class="layout-btn" @click="toKyc">实名认证</div>
            <a href="javascript:;" class="later-btn" @click="closeDialog">稍后认证</a>
        </el-dialog>
    </div>
</template>

<script>
export default {
    name: "noAuth",
    data() {
        return {};
    },
    props: {
        dialogVisibleNoAuth: Boolean
    },
    methods: {
        closeDialog() {
            this.$emit("close");
        },
        toKyc() {
            this.$router.push({
                path: "/kyc"
            });
        }
    }
};
</script>

<style lang="less" scoped>
@import "../../assets/styles/common.css";
.dialog-box {
    h3 {
        margin-top: 30px;
        font-size: 24px;
        color: #3d86e9;
    }
    p {
        margin-top: 20px;
        font-size: 14px;
        color: #666;
    }
}
.layout-btn {
    width: 262px;
    margin: 40px auto 18px;
}
.later-btn {
    color: #666;
}
</style>
