<template>
    <div class="terms-wrap">
        <img src="../../../../resources/img/check.png" alt="완료 아이콘" class="ma mb15">
        <!-- 기업 -->
        <div v-if="type === 'ROLE_CO_MANAGER' || type === 'ROLE_CO_USER'">
            <p class="text-ct middle-title mb10">기업회원 가입 신청이 <span style="color:green">완료</span>되었습니다.</p>
            <p class="text-ct detail-text mb30">KERIS 관리자 확인 후 기업관리자 승인 알림이 발송됩니다.<br />
                KERIS 관리자 승인 전까지 일반회원으로 등록됩니다.</p>
        </div>
        <!-- 일반 -->
        <div v-else>
            <p class="text-ct middle-title mb30">회원가입이 <span style="color:green">완료</span>되었습니다.</p>
            <p class="text-ct detail-text mb30">소속기업 등록을 하시면 AI 디지털교과서 통합지원센터의 다양한 지원 서비스를 이용하실 수 있습니다.<br />
                소속기업 등록을 원하시는 경우 아래의 절차에 맞게 진행해주세요.<br />
            </p>
            <div class="background-box pd30 mb30">
                <p class="text-ct detail-text" style="line-height:150%">
                    ① 아래의 <span class="detail-bold" style="color:#007aff">'로그인'</span> 버튼 클릭<br />
                    ② 우측 상단의 <span class="detail-bold" style="color:#007aff">'마이페이지 → 나의 정보관리'</span> 클릭<br />
                    ③ <span class="detail-bold" style="color:#007aff">'소속기업 등록하기'</span> 버튼 클릭 후 기업정보 입력
                </p>
            </div>

        </div>
        <div class="flex justify-center">
            <div class="gd-2">
                <button class="large-btn darkg-border-btn" title="로그인" @click="loginGo">로그인</button>
            </div>
        </div>
    </div>
</template>

<script>
import PageNavigationBar from '../../../component/pagenavigationbar/PageNavigationBar.vue';
import ProgressBar from '../../../component/progressbar/ProgressBar.vue';
export default {
    props: {
        type: {
            type: String,
            defalust: ''
        }
    },
    data() {
        return {

        }
    },
    methods: {
        loginGo: function () {
            this.$router.push({ path: '/login.page', query: {} });
        }

    },
    watch: {
        'type': function (newV, oldV) {
        }

    },
    computed: {
    },
    components: {
        'PageNavigationBar': PageNavigationBar,
        'ProgressBar': ProgressBar
    },
    created() {
    },
    mounted() {
    }
}
</script>


<style scoped></style>
