<template>
    <div id="FullScreen" class="home">
        <img class="banner" src="https://release-sup8-images.oss-cn-shanghai.aliyuncs.com/lwl/home-banner.png">
        <img class="logo" src="https://release-sup8-images.oss-cn-shanghai.aliyuncs.com/lwl/logo.png">
        <p class="tips">请选择对应身份进入</p>
        <img @click="toChannel" class="action" src="https://release-sup8-images.oss-cn-shanghai.aliyuncs.com/lwl/clerk.png">
        <img @click="toConsumer" class="action" src="https://release-sup8-images.oss-cn-shanghai.aliyuncs.com/lwl/consumer.png">
    </div>
</template>

<script>
    import actMixin from '@/assets/js/actMixin'

    export default {
        name: "Home",
        props: ["comp", "cfg", "selectedPage"],
        mixins: [actMixin],
        methods: {
            toChannel() {
                window.location.href = `/key?eno=${this.enterpriseNo}&entranceid=1`;
            },
            toConsumer() {
                this.$parent.changeSelectedPage('3-3');
            }
        }
    }
</script>

<style scoped>
    .home {
        width: 100%;
        height: 100vh;
        background-size: 100% 100%;
        position: relative;
    }

    .banner {
        width: 100%;
        /*height: 2.99rem;*/
    }

    .logo {
        width: 5.93rem;
        height: 1.15rem;
    }

    .tips {
        color: #99c31f;
        font-size: 0.28rem;
        padding-left: 1.25rem;
        margin: 0;
    }

    .action {
        width: 6.23rem;
        height: 1.97rem;
        display: block;
        margin: 0.5rem auto;
    }
</style>