<template>
    <div class="event-content">
        <!--<VoteHint v-if="this.$store.getters.getisVoteResulthover==true"/>-->
        <div v-if="this.$store.getters.getIsSelectedNow">

            <!--<div v-if="this.$store.getters.getItemTitle.eventType=='preview'">
              <PreviewMission/>
            </div>
            <div v-if="this.$store.getters.getItemTitle.eventType=='homeWork'">
              <Homework/>
            </div>-->
            <div v-if="this.$store.getters.getItemTitle.eventType == 'Exam'">
                <PaperView />
            </div>
            <div v-if="this.$store.getters.getItemTitle.eventType == 'Vote'">
                <Vote />
            </div>
            <div v-if="this.$store.getters.getItemTitle.eventType == 'Survey'">
                <QuesNaire />
            </div>
        </div>
        <!-- 如果篩選時未選的時候預設顯示列表第一個-->
        <div class="noSelected" v-if="!this.$store.getters.getIsSelectedNow">
            <h3>{{$t("studentWeb.event.selectActivity")}}</h3>
        </div>

    </div>
</template>

<script>
    import Homework from "./EventContentTypeTemplate/Homework";
    import PreviewMission from "./EventContentTypeTemplate/PreviewMission";
    import Vote from "./EventContentTypeTemplate/Vote";
    import PaperView from "./EventContentTypeTemplate/PaperView";
    import VoteHint from "./EventContentTypeTemplate/VoteHint";
    import QuesNaire from "./EventContentTypeTemplate/QuesNaire";
    export default {
        name: "EventContent",
        components: {
            Homework,
            PreviewMission,
            PaperView,
            Vote,
            VoteHint,
            QuesNaire
        },
        methods: {},
        mounted() {

        },
        data() {
            return {
            };
        }
    };
</script>

<style>
</style>