<template>
    <div id="app" >
        <select-business class="selectBusiness" />
        <router-view></router-view>
        <vCase></vCase>
    </div>
</template>
<script>
    import vCase from '@/components/case'
    import Setting from '@/setting';
    import util from '@/libs/util';
    import selectBusiness from '@/components/selectBusiness'
    export default {
        name: 'App',
        components: {
                vCase,
                selectBusiness
            },
        created () {
            //在页面加载时读取localStorage里的状态信息
            if (util.local.get(Setting.storeKey) ) {
                this.$store.replaceState(Object.assign({}, this.$store.state,util.local.get(Setting.storeKey)))
                this.$store.system.replaceState(Object.assign({}, sessionStorage.getItem('systemData')))
            } 

            //在页面刷新时将vuex里的信息保存到localStorage里
            window.addEventListener("beforeunload",()=>{    
                util.local.get(Setting.tokenKey) && util.local.set(Setting.storeKey,this.$store.state)
                sessionStorage.setItem('systemData', this.$store.system.state)
            })                                                                                      
        }
    }
</script>

<style scoped>
.selectBusiness {
    width: 100%;
    height: 100%;
}
</style>