<template>
  <div class="app-container">
    <LearnRecord v-if="this.$store.state.user.userType == '04' || this.$store.state.user.userType == '05'"/>
    <indexOther v-else-if="this.$store.state.user.userType !== '00' && this.$store.state.user.userType !== '0'" :uuid="uuid"/>
    <indexOwner v-else/>
<!--    <noticeAnnouncement/>-->
  </div>
</template>
<script>
import IndexOther from '@/views/IndexPage/index_other.vue';
import IndexOwner from '@/views/IndexPage/index_owner.vue';
import LearnRecord from '@/views/educTrainLearn/learnRecord/index.vue';
import NoticeAnnouncement from '@/views/IndexPage/noticeAnnouncement.vue'

export default {
  components: { NoticeAnnouncement, IndexOwner, IndexOther, LearnRecord },
  data: function() {
    return {
      uuid: ''
    }
  },
  watch: {
    '$route.query': function() {
      this.uuid = this.$route.query.uuid ? this.$route.query.uuid : ''
    }
  }
}
</script>
