<template>
    <el-container>
        <el-header class="header">
            <div class="head-title">
                <img src="../assets/pc_top_bg_01.png" class="bg-01" />
                <img src="../assets/pc_top_bg_02.png" class="bg-02" />
                <div class="wrapper">
                    <img src="../assets/pc_logo.png" class="logo" />
                </div>
            </div>
        </el-header>
        <el-main>
            <!-- <img src="../assets/img_success.png" class="icon" />
            <div class="content" v-if="type === 'register'">
                <div class="title">注册成功</div>
                <div class="msg">普通用户身份注册成功，是否进行企业认证？</div>
                <div class="btns">
                    <div class="btn-prim" @click="$router.replace('/auth')">企业认证</div>
                    <div class="btn-cancel" @click="$router.replace('/home')">返回主页</div>
                </div>
            </div>
            <div class="content" v-if="type === 'apply'">
                <div class="title">提交成功</div>
                <div class="msg">企业申请提交成功，请等待系统审核</div>
                <div class="btns">
                    <div class="btn-prim" @click="$router.replace('/home')">返回</div>
                </div>
            </div> -->
            <product-img :img="productInfo.img" :video="productInfo.video"></product-img>
        </el-main>
        <el-footer class="footer">
            <div class="wrapper">
                <div>
                    <a>网站地图</a>
                    <span class="divider"></span>
                    <a>收藏本站</a>
                    <span class="divider"></span>
                    <a>联系我们</a>
                </div>
                <div style="margin-top:10px">
                    版权所有©江西军民融合公共服务平台<span style="margin-left:20px">ICP备68686868号-1</span>
                </div>
            </div>
        </el-footer>
    </el-container>
</template>

<script>
import ProductImg from '../components/imgSwiper.vue';
export default {
    name: 'result',
    components: {
        ProductImg
    },
    data() {
        return {
            type: 'register',
            productInfo: {
                img: ''
            }
        };
    },
    created() {
        this.type = this.$route.query.type || this.type;
    },
    methods: {},
    watch: {}
};
</script>
<style lang="less" scoped>
.header {
    height: 220px !important;
    padding: 0;
    .head-title {
        height: 220px;
        background: linear-gradient(180deg, rgba(255, 204, 114, 1) 0%, rgba(255, 166, 142, 1) 100%);
        position: relative;
        .bg-01 {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
        }
        .bg-02 {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
        }
        .logo {
            width: 686px;
            position: absolute;
            left: 0;
            bottom: 44px;
        }
        .wrapper {
            width: 1200px;
            margin: 0 auto;
            position: relative;
            height: 100%;
        }
    }
}
.el-main {
    height: 700px;
    background: white;
    box-sizing: border-box;
    padding-top: 200px;
    .flex();
    align-items: flex-start;
    justify-content: center;
    .icon {
        width: 125px;
    }
    .content {
        margin-left: 30px;
        margin-top: 14px;
        .flex-col();
        .title {
            font-size: 23px;
            font-weight: bold;
            color: black;
            line-height: 32px;
        }
        .msg {
            font-size: 16px;
            font-weight: bold;
            color: black;
            margin-top: 10px;
            line-height: 22px;
        }
        .btns {
            .flex();
            margin-top: 30px;
            .btn-prim {
                width: 100px;
                height: 36px;
                background: @prim;
                border-radius: 2px;
                font-size: 14px;
                color: white;
                text-align: center;
                line-height: 36px;
                cursor: pointer;
                transition: all 0.3s;
                user-select: none;
                &:active {
                    background: shade(@prim, 20%);
                }
            }
            .btn-cancel {
                width: 100px;
                height: 36px;
                background: @border;
                border-radius: 2px;
                font-size: 14px;
                color: @text3;
                text-align: center;
                line-height: 36px;
                margin-left: 30px;
                cursor: pointer;
                transition: all 0.3s;
                user-select: none;
                &:active {
                    background: shade(@border, 10%);
                }
            }
        }
    }
}
.footer {
    background: #4b4442;
    height: 103px !important;
    .wrapper {
        height: 103px;
        width: 1200px;
        margin: auto;
        text-align: center;
        color: white;
        font-size: 14px;
        .flex-col();
        justify-content: center;
        > div {
            .flex();
            justify-content: center;
        }
        .divider {
            width: 1px;
            height: 14px;
            margin: 0 10px;
            background: white;
        }
    }
}
</style>
