GCLS_Page_Book/src/components/dialogue/index.vue

<template>
    <!-- 对话题 -->
    <div class="dialogue">
        <div class="dialogue_main">
            <component
                :answer="answer"
                :cur="cur"
                :getAnswer="getAnswer"
                :is="getViewCom"
                :queIndex="queIndex"
                :uiType="uiType"
                :watchIndex="watchIndex"
                :handleChildSrcList="handleChildSrcList"
                ref="bookChildren"
            />
        </div>
    </div>
</template>

<script>
import AccomplishDialogue from "./AccomplishDialogue"; //完成对话
import ImgAccomplishDialogue from "./ImgAccomplishDialogue"; //根据图片完成对话
import RecordSpell from "./RecordSpell"; //大声朗读
import KnowNumber from "./KnowNumber"; //认识中文数字
import ListenAndLearn from "./ListenAndLearn"; //听录音 学生字
import ReadNumber from "./ReadNumber"; // 读出数字
import CompareImg from './CompareImgs' // 比较图片 并录音
import ImageRecordHasSound from "./ImageRecordHasSound"; //看图录音有拼音
import ImageRecordHasArtice from "./ImageRecordHasArtice"; //看图录音有内容
import ImageRecordHasIntro from "./ImageRecordHasIntro"; //看图录音有内容
import ImgRecordSenten from './ImageRecordSenten' // 根据短语和图片造句录音
import MultiwordRecord from './MultiwordRecord' // 多字练习
import WriteDialogue from './WriteDialogue' // 对话录音题-单人录音
import ReadArticle from './ReadArticle' // 读课文
import ImageRecord from './ImageRecord' // 看图录音
import RecordOrInput from './RecordOrInput' // 描述下划线的内容
export default {
    name: "dialogue",
    props: ["moduleType", "cur", "getAnswer", "queIndex", "answer", "uiType", "watchIndex","handleChildSrcList"],
    components: {
        AccomplishDialogue,
        ImgAccomplishDialogue,
        RecordSpell,
        KnowNumber,
        ListenAndLearn,
        ReadNumber,
        CompareImg,
        ImageRecordHasSound,
        ImageRecordHasArtice,
        ImageRecordHasIntro,
        ImgRecordSenten,
        MultiwordRecord,
        WriteDialogue,
        ReadArticle,
        ImageRecord,
        RecordOrInput
    },
    data () {
        return {};
    },
    methods: {
        practiceTip () {
            return this.$refs.bookChildren.practiceJudge()
        }
    },
    computed: {
        getViewCom () {
            switch (this.moduleType) {
                case "01":
                    return RecordSpell;
                case "02":
                    return KnowNumber;
                case "03":
                    return ListenAndLearn;
                case "04":
                    return ImgAccomplishDialogue;
                case "05":
                    return ReadNumber;
                case "06":
                    return ImageRecordHasSound;
                case "07":
                    return ImageRecordHasArtice;
                case "08":
                    return ImageRecordHasIntro;
                case "09":
                    return ImgRecordSenten;
                case "10":
                    return CompareImg;
                case "11":
                    return MultiwordRecord;
                case "12":
                    return WriteDialogue;
                case "13":
                    return ReadArticle;
                case "14":
                    return ImageRecord;
                case "15":
                    return RecordOrInput;
            }
        }
    }
};
</script>

<style lang="scss" scoped>
.correct {
    height: 100%;
}
</style>