<script>
export  default {
  name:"successPage",
  data(){
    return{

    }
  },
  methods:{
    // 进入考场选择页面
    determine(){
      let params = sessionStorage.getItem('params')
      let data = JSON.parse(params)
      this.$router.push('/examSelect?'+data.user_id)
    }
  }
}
</script>

<template>
<div class="page">
  <div class="success-page">
    <div class="success-font">
      您已成功交卷，请继续下一场考试。
    </div>
    <div class="success-btn" @click="determine">
      确定
    </div>
  </div>
</div>
</template>

<style scoped lang="less">
.page{
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
align-items: center;
  .success-page{
    width: 1773px;
    position: relative;
    height: 858px;
    background-image: url('../../assets/image/success-bg.png');
    background-size: 100% 100%;
  }
  .success-font{
    margin-top: 354px;
    text-align: center;
    font-size: 26px;
    color: rgba(255, 255, 255, 1);
  }
  .success-btn{
    width: 157px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 20px;
    color: rgba(255,255,255,1);
    position: absolute;
    bottom: 92px;
    left: 50%;
    margin-left: -78px;
    background-image: url('../../assets/image/highlight-btn.png');
  }
}
</style>