<template>
  <div id="main">
    <indexNew />
    <!-- <Index1 v-if="showRole == 1" />
        <Index2 v-else-if="showRole == 2" />
        <Index3 v-else-if="showRole == 3" />
        <Index4 v-else-if="showRole == 4" />
        <Index1 v-else/> -->
  </div>
</template>
<script>

import Index1 from '@/views/Home/index-1.vue'
import Index2 from '@/views/Home/index-2.vue'
import Index3 from '@/views/Home/index-3.vue'
import Index4 from '@/views/Home/index-4.vue'

import indexNew from './Home/index-new-blue.vue'

export default {
    name: 'Index',
    components: {
        Index1,
        Index2,
        Index3,
        Index4,
        indexNew
    },
    data() {
        return {
            showRole: 0,

        }
    },
    watch: {

    },
    created() {
        let temp = this.$store.getters.roles
        let role = 0
        temp.map(x => {
            if (x == 'admin') {
                this.showRole = 1
            }

            if (x == 'test') { //学工
                this.showRole = 1
            }

            if (x == 'stumanger') { //学务
                this.showRole = 2
            }

            if (x == 'testteacher') { //辅导员
                this.showRole = 3
            }

            if (x == 'teststu') { //学生
                this.showRole = 4
            }
        })

    },
    methods: {

    }
}
</script>
<style lang="scss" scoped></style>
