<template>
    <div class="header">
        <div class="inner" style="width: 100%">
            <div class="logo" @click="toIndex" style="float: left">
                <img src="../../assets/img/logo.png" alt="">
            </div>
          <div style="float: right;margin:0 60px;font-size: 18px">
            <span style="cursor:pointer" @click="exit">
              退出<i class="icon el-icon-s-unfold"></i>
            </span>
          </div>
        </div>
    </div>
</template>
<script>
import { mapState,mapActions } from 'vuex'
import Setting from '@/setting'
import util from '@/libs/util'
export default {
    data() {
        return {
            token: util.local.get(Setting.tokenKey),
        };
    },
    mounted(){
        
    },
    methods: {
        toIndex(){
            this.$refs.nav.jump({
                index: '/index/list',
                title: '首页'
            })
        },
      exit(){
            let cid = sessionStorage.getItem('cid')
          window.location = 'http://39.108.250.202/student/#/station/preview?courseId='+cid+'&curriculumName=银行项目'
      },
    },
};
</script>
<style lang="scss" scoped>
    .header{
      width:100%;
        z-index: 1;
        display: flex;
        align-items: center;
        position: relative;
        height: 68px;
        background-color: #fff;
        .logo{
            width: 500px;
            margin-left: 42px;
            cursor: pointer;
            img{
                width: 100%;
            }
        }
    }
</style>