<template>
    <div class='notfond'>
        <div class='not-img'>
            <img src='@/assets/imgs/dlsb.png' alt />
        </div>
        <div class='not-text' v-if='isrequestAuth=="err"'>
            <span>您的权限不足……</span>
            <span>建议您联系管理员开通管理说明书相关权限</span>
        </div>
        <div class='not-text' v-else>
            <span>您的访问出错了！</span>
            <span>建议您稍后再试，或直接联系管理员解决</span>
        </div>
        <div class='not-button' @click='goLogin'>
            <span>关闭页面</span>
        </div>
    </div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
    data() {
        return {}
    },
    computed: {
        ...mapGetters(['isrequestAuth'])
    },
    mounted() {},
    methods: {
        goLogin() {
            let ssoServer = 'http://oauth.wanda-dev.cn'
            this.$store.commit('SETSSOTOKEN', null)
            let systemcode = 'CAD156',
                signal = new Date().getTime(),
                version = '1.0.0'
            window.location.href = `${ssoServer}/login?systemcode=${systemcode}&signal=${signal}&version=${version}`
            window.open(`${window.location.href}`, true)
        }
    }
}
</script>
<style lang="less" scoped>
.notfond {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    .not-img {
        width: 120px;
        height: 120px;
        img {
            width: 100%;
            height: 100%;
        }
    }
    .not-text {
        margin-top: 8px;
        span {
            display: block;
            text-align: center;
        }
        span:nth-of-type(1) {
            font-size: 16px;
            font-family: MicrosoftYaHei;
            color: rgba(31, 36, 41, 1);
            line-height: 21px;
        }
        span:nth-of-type(2) {
            margin-top: 4px;
            font-size: 14px;
            font-family: MicrosoftYaHei;
            color: rgba(100, 108, 115, 1);
            line-height: 19px;
        }
    }
    .not-button {
        margin-top: 32px;
        width: 80px;
        height: 32px;
        background: rgba(255, 255, 255, 1);
        border: 1px solid rgba(195, 199, 203, 1);
        border-radius: 4px;
        cursor: pointer;
        span {
            display: block;
            font-size: 14px;
            font-family: MicrosoftYaHei;
            color: rgba(31, 35, 41, 1);
            line-height: 32px;
            text-align: center;
        }
    }
}
</style>