zhongshujie
6 天以前 bb584963c6abe77c5577cbcad3c9956b69444ae9
src/books/toddlerGameImplementation/view/components/chapter001.vue
@@ -70,10 +70,10 @@
                            <td class="ta-l table-tr-bc">
                                <p class="td-0"><b>学习前:</b></p>
                                <p>①完成本任务的学习初体验活动。</p>
                                <p>②查阅 0~3 岁婴儿身心发展特点的相关资料。</p>
                                <p>②查阅 0~3 岁婴幼儿身心发展特点的相关资料。</p>
                                <p class="td-0"><b>学习中:</b></p>
                                <p>①深入了解婴幼儿早期发展的相关知识。</p>
                                <p>②能够将婴幼儿游戏实景与婴幼儿发展进行--对应。</p>
                                <p>②能够将婴幼儿游戏实景与婴幼儿发展进行一一对应。</p>
                                <p class="td-0"><b>学习后:</b></p>
                                <p>①完成本任务的学习效果检测。</p>
                                <p>②尝试结合所学对婴幼儿的行为表现进行初步分析。</p>
@@ -247,10 +247,10 @@
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/sjtz.png" /></p>
                        <p>试着把0~3岁婴幼儿的发展概况以思维导图的形式展示出来,可以从语言、动作、认知、情绪情感等角度呈现,并总结对婴幼儿照护工作实践的启示要点。
                            <!-- <img class="jc-img" alt="" src="../../assets/images/SWDT.svg"
                                title="请使用思维导图工具绘制思维导图,绘制完毕后下载为图片,上传到教材中" @click="showMindMapDialog" /> -->
                            <img class="jc-img" alt="" src="../../assets/images/SWDT.svg"
                                title="请使用思维导图工具绘制思维导图,绘制完毕后下载为图片,上传到教材中" @click="showMindMapDialog" />
                        </p>
                        <!-- <div class="w100 textarea-box">
                        <div class="w100 textarea-box">
                            <ul class="fl w80">
                                <li>
                                    <el-upload ref="upload" class="upload-demo" action="'#'" :limit="1"
@@ -269,10 +269,11 @@
                            <div>
                                <img class="img-a" alt="" :src="questionDataImg" />
                            </div>
                        </div> -->
                        </div>
                        <p><br></p>
                    </div>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(0, 2)" :key="index">
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(0, 2)" :key="'unitQuestion' + index">
                        <li>
                            {{ index + 1 }}.(单选){{ item.txt }}。
                        </li>
@@ -321,7 +322,7 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(2, 4)" :key="index">
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(2, 4)" :key="'unitQuestion2' + index">
                        <li>
                            {{ index + 3 }}.(单选){{ item.txt }}。
                        </li>
@@ -355,7 +356,7 @@
                            </span>
                        </li>
                    </ul>
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(4, 5)" :key="index">
                    <ul v-for="(item, index) in unitQuestion.unitOne.slice(4, 5)" :key="'unitQuestionCheck' + index">
                        <li>
                            {{ index + 5 }}.(多选){{ item.txt }}。
                        </li>
@@ -412,9 +413,24 @@
                    </div>
                    <p><img class="rwmb-1" src="../../assets/images/0019_01.jpg" alt="" /></p>
                    <p>
                        生长发育正常是健康的重要标志,这种发育是有一定规律的,既是连续的,又有阶段性,即在不同年龄阶段,有着不同的发育标志。以下二维码中呈现了教育部与联合国儿童基金会共同推广的0~6岁儿童的发展里程碑,有助于你了解和关注婴幼儿的早期成长。
                        生长发育正常是健康的重要标志,这种发育是有一定规律的,既是连续的,又有阶段性,即在不同年龄阶段,有着不同的发育标志。以下呈现了教育部与联合国儿童基金会共同推广的0~6岁儿童的发展里程碑,有助于你了解和关注婴幼儿的早期成长。
                    </p>
                    <!-- pdf 查看器 -->
                    <div class="pdf-text">
                        <div class="pdf-con">
                            <div class="pdf-view">
                                <span>
                                    <svg t="1717640665152" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                        xmlns="http://www.w3.org/2000/svg" p-id="11009" width="25.098" height="24.098">
                                        <path
                                            d="M896.152 336.108l0 576.229c0 26.511-21.508 48.019-48.018 48.019L175.866 960.356c-26.511 0-48.019-21.508-48.019-48.019L127.847 112.019c0-26.511 21.508-48.019 48.019-48.019l448.179 0c26.512 0 63.527 15.508 82.031 34.013l156.064 156.064C880.645 272.582 896.152 309.597 896.152 336.108zM832.127 384.127 624.045 384.127c-26.512 0-48.02-21.508-48.02-48.019L576.025 128.025 191.873 128.025l0 768.306 640.254 0L832.127 384.127zM335.93 448.153l352.14 0c9.004 0 16.006 7.003 16.006 16.006l0 32.013c0 9.003-7.002 16.007-16.006 16.007L335.93 512.179c-9.003 0-16.006-7.003-16.006-16.007l0-32.013C319.924 455.156 326.927 448.153 335.93 448.153zM704.076 592.21l0 32.013c0 9.004-7.002 16.007-16.006 16.007L335.93 640.23c-9.003 0-16.006-7.003-16.006-16.007L319.924 592.21c0-9.003 7.003-16.006 16.006-16.006l352.14 0C697.074 576.204 704.076 583.207 704.076 592.21zM704.076 720.262l0 32.013c0 9.003-7.002 16.006-16.006 16.006L335.93 768.281c-9.003 0-16.006-7.003-16.006-16.006l0-32.013c0-9.004 7.003-16.007 16.006-16.007l352.14 0C697.074 704.255 704.076 711.258 704.076 720.262zM640.051 320.102l188.076 0c-3.002-8.505-7.502-17.009-11.002-20.511L660.563 143.029c-3.502-3.501-12.006-8-20.512-11.003L640.051 320.102z"
                                            p-id="11010"></path>
                                    </svg>
                                </span>
                                <span @click="toUrl(1)"> 文本资源: 0~6 岁儿童发展的里程碑</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
@@ -559,105 +575,102 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <div class="img-float w135">
                        <div class="bk">
                            <div class="bk1">
                                <img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" />
                            </div>
                            <p>依据剩余精力说,婴幼儿游戏的动力来源于哪里?如何看待这种动力?</p>
                            <textarea v-model="questionData.unitOne.four" placeholder="请输入内容" rows="6"
                                style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question"
                                @change="setQuestionData"></textarea>
                    <div class="bk">
                        <div class="bk1">
                            <img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" />
                        </div>
                        <p>依据剩余精力说,婴幼儿游戏的动力来源于哪里?如何看待这种动力?</p>
                        <textarea v-model="questionData.unitOne.four" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question ml-30"
                            @change="setQuestionData"></textarea>
                    </div>
                    <span>
                        <h3 id="c005">二、生活准备说</h3>
                        <p>生活准备说或称前练习说,是由德国学者格鲁斯提出来的。格鲁斯的代表作有《动物的游戏》《人的游戏》。他在研究美学的过程中,受席勒的艺术起源与游戏思想的影响,开始对儿童游戏产生兴趣,在批评剩余精力说的基础上建构起了自己的理论。
                    <h3 id="c005">二、生活准备说</h3>
                    <p>生活准备说或称前练习说,是由德国学者格鲁斯提出来的。格鲁斯的代表作有《动物的游戏》《人的游戏》。他在研究美学的过程中,受席勒的艺术起源与游戏思想的影响,开始对儿童游戏产生兴趣,在批评剩余精力说的基础上建构起了自己的理论。
                    </p>
                    <p>格鲁斯发现低等动物的本能行为是与生俱来且成熟的,因此不需要游戏;而人类在出生时发育并不充分,需要在家长的帮助和照顾下,锻炼和发展适应生活的技能和本领。这一成长期是动物的不成熟期,游戏也正是这一时期的特有现象。基于此,格鲁斯认为游戏不仅是无伤害地处理动物剩余精力的手段,而且为它们提供了参加严肃生活的途径。他坚信,游戏具有生物适用的技能;游戏是对与生俱来的但不完善和成熟的本能行为的练习,能够帮助动物适应未来的生活。
                    </p>
                    <p>格鲁斯将儿童的游戏分为两类:练习性游戏和社会性游戏。前者包括感知运动的练习和高级的心理能力的练习,其作用在于促进自我控制能力的发展;后者包括追逐打闹和模仿性的游戏,其作用在于形成人与人之间的关系。
                    </p>
                    <p>格鲁斯的游戏理论和斯宾塞的游戏理论并不是矛盾的或针锋相对的,而是相互补充的。它们的共同之处在于从动物进化的视角来解读游戏;不同之处在于两者观察的角度不同,即斯宾塞说明了动物进化与游戏的生物学条件之间的关系,而格鲁斯则进一步说明了动物进化与游戏的生物适应机能之间的关系。格鲁斯所指的高等动物仅凭天生本领无法适应生活,而要借助后天的练习和学习。这是符合事实的。他所强调的幼年期的可塑性与游戏的生物适应机能得到了和谐统一。这也有利于改变人们的儿童观,对扭转当时人们认为儿童游戏无价值的传统观念无疑具有积极的意义。但他过分依赖“本能”概念,把“本能”作为发展的中心驱力,把动物的游戏与人类儿童的游戏等量齐观,也遭到了质疑。它给教育的启示是,婴幼儿时期是重要的游戏期;我们应该重视游戏的价值,引导婴幼儿在游戏中发展将来生活所需要的各种本领。
                    </p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                        </p>
                        <p>格鲁斯发现低等动物的本能行为是与生俱来且成熟的,因此不需要游戏;而人类在出生时发育并不充分,需要在家长的帮助和照顾下,锻炼和发展适应生活的技能和本领。这一成长期是动物的不成熟期,游戏也正是这一时期的特有现象。基于此,格鲁斯认为游戏不仅是无伤害地处理动物剩余精力的手段,而且为它们提供了参加严肃生活的途径。他坚信,游戏具有生物适用的技能;游戏是对与生俱来的但不完善和成熟的本能行为的练习,能够帮助动物适应未来的生活。
                        <p class="center videoname">
                            <span>视频:生活准备说</span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == 'dcb45feb677250012c73d3a6affb7d27') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-02')" />
                            </el-tooltip>
                        </p>
                        <p>格鲁斯将儿童的游戏分为两类:练习性游戏和社会性游戏。前者包括感知运动的练习和高级的心理能力的练习,其作用在于促进自我控制能力的发展;后者包括追逐打闹和模仿性的游戏,其作用在于形成人与人之间的关系。
                        </p>
                        <p>格鲁斯的游戏理论和斯宾塞的游戏理论并不是矛盾的或针锋相对的,而是相互补充的。它们的共同之处在于从动物进化的视角来解读游戏;不同之处在于两者观察的角度不同,即斯宾塞说明了动物进化与游戏的生物学条件之间的关系,而格鲁斯则进一步说明了动物进化与游戏的生物适应机能之间的关系。格鲁斯所指的高等动物仅凭天生本领无法适应生活,而要借助后天的练习和学习。这是符合事实的。他所强调的幼年期的可塑性与游戏的生物适应机能得到了和谐统一。这也有利于改变人们的儿童观,对扭转当时人们认为儿童游戏无价值的传统观念无疑具有积极的意义。但他过分依赖“本能”概念,把“本能”作为发展的中心驱力,把动物的游戏与人类儿童的游戏等量齐观,也遭到了质疑。它给教育的启示是,婴幼儿时期是重要的游戏期;我们应该重视游戏的价值,引导婴幼儿在游戏中发展将来生活所需要的各种本领。
                        </p>
                        <div class="video-box">
                            <p class="center text">
                                <video :src="videoPathTwo" webkit-playsinline="true" x-webkit-airplay="true"
                                    playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                    x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                            </p>
                            <p class="center videoname">
                                <span>视频:生活准备说</span>
                                <el-tooltip class="item" effect="dark"
                                    :content="chapterData.isCollectVideo01 ? '点击取消' : '点击收藏'" placement="top-start">
                                    <img :src="collectResourceList.findIndex(item => item.id == 'dcb45feb677250012c73d3a6affb7d27') > -1 ? collectCheck : collectImg"
                                        alt="" class="collect-btn" @click="handleCollect('video-02')" />
                                </el-tooltip>
                            </p>
                        </div>
                        <div class="bk2">
                            <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                            <ul v-for="(item, index) in exampleOne.unitOne" :key="index">
                    </div>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                        <p class="center mr-0"><span class="ls2">2021年初级育婴师理论知识考试真题</span></p>
                        <ul class='mr-0'  v-for="(item, index) in exampleOne.unitOne" :key="'exampleOne' + index">
                            <li>
                                (单选题){{ item.txt }}。
                            </li>
                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                <label>
                                    <input type="radio" :disabled="exampleOne.isComplete" :name="item.txt"
                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleOne" />
                                    <span>{{ citem.value }} . {{ citem.txt }}</span>
                                </label>
                            </li>
                            <li v-if="exampleOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                                <span class="c-g"> 答案:{{ item.answer }}</span>
                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                                    item.userAnswer
                                    }}</span>
                                <span class="icon-box-big fl al-c">
                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                        <path
                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                            fill="#1AFA29" p-id="18768"></path>
                                    </svg>
                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                        <path
                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                            fill="#d81e06" p-id="25746"></path>
                                    </svg>
                                </span>
                            </li>
                        </ul>
                        <!-- 提交按钮 -->
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ev w80 choice">
                                <li>
                                    {{ index + 1 }}.(单选){{ item.txt }}。
                                    <button class="btn-border btn-w" @click="goExampleOne">
                                        提交
                                    </button>
                                </li>
                                <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                    <label>
                                        <input type="radio" :disabled="exampleOne.isComplete" :name="item.txt"
                                            :value="citem.value" v-model="item.userAnswer" @change="saveExampleOne" />
                                        <span>{{ citem.value }} . {{ citem.txt }}</span>
                                    </label>
                                <li>
                                    <button @click="changeExampleOne" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li v-if="exampleOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                                    <span class="c-g"> 答案:{{ item.answer }}</span>
                                    <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                                        item.userAnswer
                                        }}</span>
                                    <span class="icon-box-big fl al-c">
                                        <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                            version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                            xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                            <path
                                                d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                                fill="#1AFA29" p-id="18768"></path>
                                        </svg>
                                        <svg v-if="item.isRight == false" t="1716987085767" class="icon"
                                            viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                            p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20"
                                            height="20">
                                            <path
                                                d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                                fill="#d81e06" p-id="25746"></path>
                                        </svg>
                                    </span>
                                <li>
                                    <button @click="exampleOne.isShowAnswer = !exampleOne.isShowAnswer"
                                        class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                            <!-- 提交按钮 -->
                            <div class="w100 fl ju-cn">
                                <ul class="fl ju-ev w80 choice">
                                    <li>
                                        <button class="btn-border btn-w" @click="goExampleOne">
                                            提交
                                        </button>
                                    </li>
                                    <li>
                                        <button @click="changeExampleOne" class="btn-border btn-w">
                                            重做
                                        </button>
                                    </li>
                                    <li>
                                        <button @click="exampleOne.isShowAnswer = !exampleOne.isShowAnswer"
                                            class="parimary-btn">
                                            查看答案
                                        </button>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <h3 id="c006">三、复演说</h3>
                        <p>复演说的主要倡导者是美国心理学家霍尔。在他看来,儿童的游戏是对人类祖先生活的“回忆”重视。霍尔对格鲁斯的游戏理论是不认同的,他认为格鲁斯关于游戏是对未来成人活动的练习的观点是非常片面的、表面的和错误的,因为它忽视了过去。霍尔认为,胎儿在胎内的发展重演了动物进化的过程(从原生物到人),儿童时期的发展则重演了人类进化的过程(从猿到人)。从儿童的身上可以找到与之相应的游戏行为表现,这是人类祖先行为的反映。儿童的游戏就是祖先的“工作”,原始人的打猎、追逐等构成了现代儿童游戏的基本内容。由于这些活动已经成为人的本能,因此儿童做起来不需要花费力气,并且游戏的快乐也总是直接与遗传趋势的方向和力量成比例的。现代生活中是找不到任何对于游戏快乐的解释,只有回溯“过去”才能发现游戏的深远意义。许多现代的活动都是原始人生存斗争的复演。此外,儿童在游戏中既能感受到快乐,也能进行情感的宣泄。
                        </p>
                    </span>
                    </div>
                    <h3 id="c006">三、复演说</h3>
                    <p>复演说的主要倡导者是美国心理学家霍尔。在他看来,儿童的游戏是对人类祖先生活的“回忆”重视。霍尔对格鲁斯的游戏理论是不认同的,他认为格鲁斯关于游戏是对未来成人活动的练习的观点是非常片面的、表面的和错误的,因为它忽视了过去。霍尔认为,胎儿在胎内的发展重演了动物进化的过程(从原生物到人),儿童时期的发展则重演了人类进化的过程(从猿到人)。从儿童的身上可以找到与之相应的游戏行为表现,这是人类祖先行为的反映。儿童的游戏就是祖先的“工作”,原始人的打猎、追逐等构成了现代儿童游戏的基本内容。由于这些活动已经成为人的本能,因此儿童做起来不需要花费力气,并且游戏的快乐也总是直接与遗传趋势的方向和力量成比例的。现代生活中是找不到任何对于游戏快乐的解释,只有回溯“过去”才能发现游戏的深远意义。许多现代的活动都是原始人生存斗争的复演。此外,儿童在游戏中既能感受到快乐,也能进行情感的宣泄。
                    </p>
                </div>
            </div>
        </div>
@@ -807,9 +820,10 @@
                    </p>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                        <ul v-for="(item, index) in exampleTwo.unitOne" :key="index">
                          <p class="center mr-0"><span class="ls2">2019 年高级育婴师理论知识考试真题</span></p>
                        <ul class='mr-0' v-for="(item, index) in exampleTwo.unitOne" :key="'exampleTwo' + index">
                            <li>
                                {{ index + 1 }}.(单选){{ item.txt }}。
                                (单选题){{ item.txt }}。
                            </li>
                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                <label>
@@ -937,23 +951,19 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <div class="img-rights w115">
                        <div class="bk">
                            <div class="bk1">
                                <p><img class="rwmb-3 img-b" alt="" src="../../assets/images/xyx.png" /></p>
                            </div>
                            <p>如何帮助维持儿童的唤醒处于中等水平?</p>
                            <textarea v-model="questionData.unitOne.five" placeholder="请输入内容" rows="6"
                                style="max-width: 90%; min-width: 90%; resize: none;" class="fz-16 textarea-question"
                                @change="setQuestionData"></textarea>
                    <h4 id="d011">(三)游戏的元交际理论</h4>
                    <p>游戏的元交际理论将游戏看作一种意识与信息的意义交流和理解过程。作为一种元交际活动,游戏本身是有价值的,游戏是儿童进入人类的文化和表征世界的一种必需的技能和重要途径。</p>
                    <p>元交际是该理论的核心概念,指的是交际的“交际”,是隐藏在显性的或外在的交际后面的“交际”,实际上是一种抽象的交际。比如说客人在等小伙计上面时,看到小伙计黑黑的指甲浸在面汤里,于是说了一句:“你的指甲都泡在汤里了!”小伙计一笑,说:“没关系!我不怕烫!”很显然这是一次失败的交流。客人的意思是表达不满和对食品安全的怀疑,而非小伙计理解的“关心”;如果信息交流的双方无法准确理解元交际所传递的信息,就会使交际过程阻断,产生意义理解上的分歧。元交际能力是一种非常重要的社会交往能力,是一种就内隐的交际所传达的信息进行意义沟通的能力。缺乏这种能力,就无法胜任社会性交往活动。
                    </p>
                    <div class="bk">
                        <div class="bk1">
                            <p><img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" /></p>
                        </div>
                        <p>如何帮助维持儿童的唤醒处于中等水平?</p>
                        <textarea v-model="questionData.unitOne.five" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%; resize: none;" class="fz-16 textarea-question ml-30"
                            @change="setQuestionData"></textarea>
                    </div>
                    <span>
                        <h4 id="d011">(三)游戏的元交际理论</h4>
                        <p>游戏的元交际理论将游戏看作一种意识与信息的意义交流和理解过程。作为一种元交际活动,游戏本身是有价值的,游戏是儿童进入人类的文化和表征世界的一种必需的技能和重要途径。</p>
                        <p>元交际是该理论的核心概念,指的是交际的“交际”,是隐藏在显性的或外在的交际后面的“交际”,实际上是一种抽象的交际。比如说客人在等小伙计上面时,看到小伙计黑黑的指甲浸在面汤里,于是说了一句:“你的指甲都泡在汤里了!”小伙计一笑,说:“没关系!我不怕烫!”很显然这是一次失败的交流。客人的意思是表达不满和对食品安全的怀疑,而非小伙计理解的“关心”;如果信息交流的双方无法准确理解元交际所传递的信息,就会使交际过程阻断,产生意义理解上的分歧。元交际能力是一种非常重要的社会交往能力,是一种就内隐的交际所传达的信息进行意义沟通的能力。缺乏这种能力,就无法胜任社会性交往活动。
                        </p>
                    </span>
                    <p>最早把游戏与元交际联系在一起解释游戏作为一种元交际的深刻意义的是人类学家贝特森。他在动物的游戏中发现,游戏中的许多动作如果是发生在实际生活中,将会引起严重的后果,但是因为发生在游戏中,所以就不被当回事。由此,他提出,所有的动物在游戏时,都会发出某种适应性的信号以使伙伴知道所发生的动作的目的是什么,是真的还是假装的。游戏活动以元交际过程为基础,游戏活动的开展需要以游戏双方能够识别对方的游戏意图为前提,游戏活动具有适应的技能和意义。
                    </p>
                    <p>儿童元交际能力的发展离不开成人的支持。元交际能力是在与成人生活游戏的相互作用的过程中逐步习得的,最早萌发于母婴游戏中。游戏作为元交际也是一种重要的学习方式,可以锻炼儿童掌握人类文化经验系统所必需的元交际能力。
@@ -962,7 +972,7 @@
                    </p>
                    <p>各种各样的游戏观点虽然不尽相同,但它们都是前人宝贵的探索经验,也促进了我们对婴幼儿游戏的理解。无论在哪一个时代,游戏始终都是重要的任务,是婴幼儿在发展之路上不可或缺的成长活动。</p>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(0, 3)" :key="index">
                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(0, 3)" :key="'unitQuestionOne' + index">
                        <li>
                            {{ index + 1 }}.(单选){{ item.txt }}。
                        </li>
@@ -1010,7 +1020,7 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(3, 5)" :key="index">
                    <ul v-for="(item, index) in unitQuestionOne.unitTwo.slice(3, 5)" :key="'unitQuestionOne2' + index">
                        <li>
                            {{ index + 4 }}.(单选){{ item.txt }}。
                        </li>
@@ -1044,7 +1054,7 @@
                            </span>
                        </li>
                    </ul>
                    <ul v-for="(item, index) in unitQuestionOne.unitTwoChoice" :key="item.txt">
                    <ul v-for="(item, index) in unitQuestionOne.unitTwoChoice" :key="'unitTwoChoice' + index">
                        <li>
                            {{ index + 6 }}.(多选){{ item.txt }}。
                        </li>
@@ -1056,10 +1066,10 @@
                            </label>
                        </li>
                        <li v-if="unitQuestionOne.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                            <span class="c-g"> 答案:<span v-for="(answer, index) in item.answer"
                                    :key="'answer-' + index">{{ answer }}、</span></span>
                            <span class="c-g"> 答案:<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
                                    }}、</span></span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:<span
                                    v-for="(userAnswer, index) in item.userAnswer" :key="'userAnswer-' + index">{{
                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
                                        userAnswer }}、</span></span>
                            <span class="icon-box-big fl al-c">
                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
@@ -1217,7 +1227,7 @@
                    <p>游戏为婴幼儿提供了丰富的探索机会。他们在游戏中与环境积极地互动,“品味”环境的同时也在不断地探索和发现自己的运动潜能,在积累运动经验中不断促使身体的正常发育。这对婴幼儿的身心健康发展具有积极的意义。
                    </p>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/sjtz.png" /></p>
                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                        <p>在实践中观察一个婴幼儿游戏情景,分析对婴幼儿身体发展的作用。</p>
                        <p>第一步,选择游戏类型,制订观察计划。</p>
                        <p>第二步,观察游戏,记录游戏过程。</p>
@@ -1251,14 +1261,65 @@
                    </p>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                        <p class="center"><span class="ls2">2022年全国职业院校早期教育专业保教技能竞赛真题</span></p>
                        <p>(单选题)(  )是儿童依恋发展的第三阶段:特殊的情感联结阶段。</p>
                        <p>A.出生至3个月</p>
                        <p>B.3至6个月</p>
                        <p>C.6个月至2岁</p>
                        <p>D.2岁以后</p>
                        <p>参考答案:C。依恋是在儿童与家长相互作用的过程中,在情感上逐渐形成的一种联结、纽带或持久的关系。根据鲍尔比的划分,依恋的发展阶段包括:无差别社会反应阶段(出生至3个月)、有差别社会性反应阶段(3至6个月)、特殊的情感联结阶段(6个月至2岁)、目标调整的伙伴关系阶段(2岁以后)。
                        </p>
                        <p class="center mr-0"><span class="ls2">2022年全国职业院校早期教育专业保教技能竞赛真题</span></p>
                        <ul class="mr-0" v-for="(item, index) in exampleThree.unitOne" :key="'exampleThree' + index">
                            <li>
                                (单选题){{ item.txt }}
                            </li>
                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                <label>
                                    <input type="radio" :disabled="exampleThree.isComplete" :name="item.txt"
                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleThree" />
                                    <span>{{ citem.value }}.{{ citem.txt }}</span>
                                </label>
                            </li>
                            <li v-if="exampleThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                                <span class="c-g"> 答案:{{ item.answer }}</span>
                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                                    item.userAnswer
                                }}</span>
                                <span class="icon-box-big fl al-c">
                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                        <path
                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                            fill="#1AFA29" p-id="18768"></path>
                                    </svg>
                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                        <path
                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                            fill="#d81e06" p-id="25746"></path>
                                    </svg>
                                </span>
                            </li>
                            <li v-if="exampleThree.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa td-2">
                                依恋是在儿童与家长相互作用的过程中,在情感上逐渐形成的一种联结、纽带或持久的关系。根据鲍尔比的划分,依恋的发展阶段包括:无差别社会反应阶段(出生至3个月)、有差别社会性反应阶段(3至6个月)、特殊的情感联结阶段(6个月至2岁)、目标调整的伙伴关系阶段(2岁以后)。
                            </li>
                        </ul>
                        <!-- 提交按钮 -->
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ev w80 choice">
                                <li>
                                    <button class="btn-border btn-w" @click="goExampleThree">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="changeExampleThree" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="exampleThree.isShowAnswer = !exampleThree.isShowAnswer"
                                        class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <p><br></p>
                    <p><br></p>
@@ -1288,6 +1349,21 @@
                    <p>婴幼儿游戏多种多样、不拘一格。按照不同的维度有不同的分类方法,常见的游戏类型有按照游戏中的交往对象分为亲子游戏、玩物游戏和伙伴游戏;按照婴幼儿的认知发展水平分为感觉运动游戏、象征性游戏、结构性游戏和规则性游戏;按照游戏者的活动形式分为运动性游戏、智力性游戏、装扮性游戏、操作性游戏和接受性游戏;按照游戏的功能性分为活动性游戏、发展语言的游戏、感官游戏、智力游戏、音乐和娱乐游戏等;按照游戏者的活动内容分为动作技能性游戏、认知性游戏、社会戏剧性游戏和机构性游戏;按照教育使用的角度分为创造性游戏和规则游戏等。
                    </p>
                    <p>对于婴幼儿游戏的划分虽然有多种,但这些游戏都是在各自的定位中寻求着婴幼儿整体、全面的发展。下文将选择重点的游戏类型进行介绍。</p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathEight" webkit-playsinline="true" x-webkit-airplay="true"
                                playsinline="true" x5-video-orientation="h5" x5-video-player-fullscreen="true"
                                x5-playsinline="" controls controlslist="nodownload" class="w100 video"></video>
                        </p>
                        <p class="center videoname">
                            <span>视频:婴幼儿游戏的类型 </span>
                            <el-tooltip class="item" effect="dark"
                                :content="chapterData.isCollectVideo07 ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '8215ef4093c9b916f147c41cdbe8f60a') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-08')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <h4 id="d016">(一)按照游戏中的交往对象分</h4>
                    <h5 id="e001">1.亲子游戏</h5>
                    <p>亲子游戏是婴幼儿社会性游戏的一种重要形式,主要指的是家长和婴幼儿之间的互动游戏。亲子游戏发生得很早,婴幼儿从一生下来,便受到了周围环境的影响。家长或婴幼儿的其他照料看护者不仅为婴幼儿提供了生理所需要的各种营养,还是与婴幼儿最早接触的交往对象和第一个重要的游戏伙伴,在这种交往的过程中便产生了亲子游戏这种最早的社会性游戏。
@@ -1390,13 +1466,65 @@
                    <p>此时虽然成人不再是婴幼儿游戏中常见的伙伴,但是婴幼儿游戏仍然离不开成人的支持,成人应担任好相应的辅助角色。</p>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                        <p class="center"><span class="ls2">2022年全国职业院校早期教育专业保教技能竞赛真题</span></p>
                        <p>(单选题)根据婴幼儿认知领域的发育年龄,制定和设计(  )的游戏方案。</p>
                        <p>A.语言领域</p>
                        <p>B.动作领域</p>
                        <p>C.社会领域</p>
                        <p>D.认知领域</p>
                        <p>参考答案:D。本题考查的是对婴幼儿不同类型游戏的理解。认知领域的游戏是以婴幼儿认知发展水平为基础来设计的游戏。</p>
                        <p class="center mr-0"><span class="ls2">2022年全国职业院校早期教育专业保教技能竞赛真题</span></p>
                        <ul class="mr-0" v-for="(item, index) in exampleFour.unitOne" :key="'exampleFour' + index">
                            <li>
                                (单选){{ item.txt }}
                            </li>
                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                <label>
                                    <input type="radio" :disabled="exampleFour.isComplete" :name="item.txt"
                                        :value="citem.value" v-model="item.userAnswer" @change="saveExampleFour" />
                                    <span>{{ citem.value }}.{{ citem.txt }}</span>
                                </label>
                            </li>
                            <li v-if="exampleFour.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                                <span class="c-g"> 答案:{{ item.answer }}</span>
                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                                    item.userAnswer
                                }}</span>
                                <span class="icon-box-big fl al-c">
                                    <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                        version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                        xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                        <path
                                            d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                            fill="#1AFA29" p-id="18768"></path>
                                    </svg>
                                    <svg v-if="item.isRight == false" t="1716987085767" class="icon"
                                        viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                                        p-id="25745" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                        <path
                                            d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                            fill="#d81e06" p-id="25746"></path>
                                    </svg>
                                </span>
                            </li>
                            <li v-if="exampleFour.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa td-2">
                                本题考查的是对婴幼儿不同类型游戏的理解。认知领域的游戏是以婴幼儿认知发展水平为基础来设计的游戏。
                            </li>
                        </ul>
                        <!-- 提交按钮 -->
                        <div class="w100 fl ju-cn">
                            <ul class="fl ju-ev w80 choice">
                                <li>
                                    <button class="btn-border btn-w" @click="goExampleFour">
                                        提交
                                    </button>
                                </li>
                                <li>
                                    <button @click="changeExampleFour" class="btn-border btn-w">
                                        重做
                                    </button>
                                </li>
                                <li>
                                    <button @click="exampleFour.isShowAnswer = !exampleFour.isShowAnswer"
                                        class="parimary-btn">
                                        查看答案
                                    </button>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <h3 id="c013">三、婴幼儿游戏的特点</h3>
                    <p>婴幼儿游戏与普遍意义上的儿童游戏具有相同的属性。但因婴幼儿的发展水平及不同年龄特点,婴幼儿游戏具有其特殊性。</p>
@@ -1413,19 +1541,19 @@
                        <p>其实,对于心心这个重复接水的行为,家长没有必要担心,也不要直接阻拦,而是要给予理解、适宜引导。比如,可以把从饮水机接水改为从盆里舀水灌到瓶子里,灌满倒空再灌。这不仅可以满足孩子玩水的需求,而且可以锻炼孩子的手部精细动作。
                        </p>
                    </div>
                    <div class="img-rights w120">
                        <div class="bk mb-40">
                            <div class="bk1">
                                <img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" />
                            </div>
                            <p>如何指导家长支持和推进婴幼儿游戏?</p>
                    <h4 id="d019">(二)游戏内容的情感性、生活化</h4>
                    <p>无论是游戏的发生还是维持,婴幼儿都依赖外界给予的刺激。这个刺激往往是成人融入情感、费了心力设计的情境。婴幼儿早期最先接触的游戏就是亲子游戏,这一游戏类型带有浓厚的感情色彩。在亲子交流中,充满柔情的身体接触与充满善意的言语交流都凝聚着家长的爱,使婴幼儿感受到爱与关注。这不仅能促进亲子间感情的瞬间升温,还有利于婴幼儿个性的发展。
                    </p>
                    <div class="bk mb-40">
                        <div class="bk1">
                            <img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" />
                        </div>
                        <p>如何指导家长支持和推进婴幼儿游戏?</p>
                        <textarea v-model="questionData.unitOne.six" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question ml-30"
                            @change="setQuestionData"></textarea>
                    </div>
                    <span>
                        <h4 id="d019">(二)游戏内容的情感性、生活化</h4>
                        <p>无论是游戏的发生还是维持,婴幼儿都依赖外界给予的刺激。这个刺激往往是成人融入情感、费了心力设计的情境。婴幼儿早期最先接触的游戏就是亲子游戏,这一游戏类型带有浓厚的感情色彩。在亲子交流中,充满柔情的身体接触与充满善意的言语交流都凝聚着家长的爱,使婴幼儿感受到爱与关注。这不仅能促进亲子间感情的瞬间升温,还有利于婴幼儿个性的发展。
                        </p>
                    </span>
                </div>
            </div>
        </div>
@@ -1449,41 +1577,96 @@
                    <p>虽然我们从婴幼儿的各个方面去探索游戏对于其发展的积极作用,但实际上婴幼儿作为一个完整的个体,其发展呈现出整体化。对于婴幼儿来说,他们感知世界的方式也是整体化的。当婴幼儿游戏时,他们是全身心沉浸在他们所创造的世界里。因为在他们的世界里,他们是无所不能的,是能实现他们一切的愿望的。因此,他们必须调动全身力气去完成游戏,在玩耍和探索中获得身心的全面发展。
                    </p>
                    <p><img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" /></p>
                    <p>1.(单选)婴幼儿反复敲打桌子,在椅子上摇来摇去。这类游戏属于(  )。</p>
                    <p>A.结构性游戏</p>
                    <p>B.象征性游戏</p>
                    <p>C.机能性游戏</p>
                    <p>D.规则性游戏</p>
                    <p>2.(单选)(  )的出现一般被认为是游戏发展的高级阶段。</p>
                    <p>A.结构性游戏</p>
                    <p>B.象征性游戏</p>
                    <p>C.机能性游戏</p>
                    <p>D.规则性游戏</p>
                    <p>3.(单选)“以物代物”“以人代人”是(  )里婴幼儿的典型表现。</p>
                    <p>A.结构性游戏</p>
                    <p>B.象征性游戏</p>
                    <p>C.机能性游戏</p>
                    <p>D.规则性游戏</p>
                    <p>4.(单选)由于0~2岁婴幼儿处于感知运动阶段,因此婴幼儿游戏以(  )为主。</p>
                    <p>A.结构性游戏</p>
                    <p>B.象征性游戏</p>
                    <p>C.练习性游戏</p>
                    <p>D.规则性游戏</p>
                    <p>5.(单选)家长在指导婴幼儿开展游戏时应注意(  )。</p>
                    <p>A.态度生硬</p>
                    <p>B.服从婴幼儿的意愿</p>
                    <p>C.尊重和信任婴幼儿</p>
                    <p>D.批评犯错误的婴幼儿</p>
                    <p>6.(多选)按照游戏中的交往对象,婴幼儿游戏分为(  )。</p>
                    <p>A.结构性游戏</p>
                    <p>B.亲子游戏</p>
                    <p>C.玩物游戏</p>
                    <p>D.伙伴游戏</p>
                    <p>7.(多选)婴幼儿游戏的价值有(  )。</p>
                    <p>A.促进身体发展</p>
                    <p>B.促进认知发展</p>
                    <p>C.促进社会性发展</p>
                    <p>D.促进个性发展</p>
                    <ul v-for="(item, index) in unitQuestionTwo.unitTwo" :key="'unitQuestionTwo' + index">
                        <li>
                            {{ index + 1 }}.(单选){{ item.txt }}
                        </li>
                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                            <label>
                                <input type="radio" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitThree" />
                                <span>{{ citem.value }}.{{ citem.txt }}</span>
                            </label>
                        </li>
                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                            <span class="c-g"> 答案:{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:{{
                                item.userAnswer
                            }}</span>
                            <span class="icon-box-big fl al-c">
                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                    <path
                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                        fill="#1AFA29" p-id="18768"></path>
                                </svg>
                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                        </li>
                    </ul>
                    <ul v-for="(item, index) in unitQuestionTwo.unitTwoChoice" :key="'unitTwoChoice2' + index">
                        <li>
                            {{ index + 6 }}.(多选){{ item.txt }}
                        </li>
                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                            <label>
                                <input type="checkbox" :disabled="unitQuestionTwo.isComplete" :name="item.txt"
                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitThree" />
                                <span>{{ citem.value }}.{{ citem.txt }}</span>
                            </label>
                        </li>
                        <li v-if="unitQuestionTwo.isShowAnswer" class="event-header-text-bc pd-5 fl jc-sa">
                            <span class="c-g"> 答案:<span v-for="(answer, dindex) in item.answer" :key="dindex">{{ answer
                                    }}、</span></span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案:<span
                                    v-for="(userAnswer, eindex) in item.userAnswer" :key="eindex">{{
                                        userAnswer }}、</span></span>
                            <span class="icon-box-big fl al-c">
                                <svg v-if="item.isRight" t="1716986419862" class="icon" viewBox="0 0 1820 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18767"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="40" height="20">
                                    <path
                                        d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.6044444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                                        fill="#1AFA29" p-id="18768"></path>
                                </svg>
                                <svg v-if="item.isRight == false" t="1716987085767" class="icon" viewBox="0 0 1024 1024"
                                    version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="25745"
                                    xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20">
                                    <path
                                        d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                                        fill="#d81e06" p-id="25746"></path>
                                </svg>
                            </span>
                        </li>
                    </ul>
                    <!-- 提交按钮 -->
                    <div class="w100 fl ju-cn">
                        <ul class="fl ju-ev w80 choice">
                            <li>
                                <button class="btn-border btn-w" @click="goUnitThree">
                                    提交
                                </button>
                            </li>
                            <li>
                                <button @click="changeUnitThree" class="btn-border btn-w">
                                    重做
                                </button>
                            </li>
                            <li>
                                <button @click="unitQuestionTwo.isShowAnswer = !unitQuestionTwo.isShowAnswer"
                                    class="parimary-btn">
                                    查看答案
                                </button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
@@ -1504,28 +1687,67 @@
                    <p><span class="ls1 fm-fzfs">关于认识婴幼儿游戏的书籍:</span></p>
                    <p>1.刘焱:《儿童游戏通论》,北京,北京师范大学出版社,2004。</p>
                    <p>2.[英]珍妮特·莫伊蕾斯:《仅仅是游戏吗——游戏在早期儿童教育中的作用与地位》,刘焱、刘峰峰、雷美琴译,北京,北京师范大学出版社,2010。</p>
                    <p>3.[美]托尼·W.林德:《在游戏中发展儿童——以游戏为基础的跨学科儿童干预法》,陈学峰、江泽菲等译,上海,华东师范大学出版社,2008。</p>
                    <p>3.[美]托尼·W. 林德:《在游戏中发展儿童——以游戏为基础的跨学科儿童干预法》,陈学峰、江泽菲等译,上海,华东师范大学出版社,2008。</p>
                    <p><span class="ls1 fm-fzfs">关于婴幼儿发展关键期的书籍:</span></p>
                    <p>1.冯国强:《0~6岁身心智发展实用全典:婴幼儿关键期P.E.D早教法》,北京,中国妇女出版社,2016。</p>
                    <p>2.韩棣华:《0~3岁:孩子成长的关键期》,北京,北京出版社,2004。</p>
                    <p class="dialogQuestion mt-20 mb-20" @click="openQuestion(1)">
                        <span class="td-0">【本节测试】</span>
                        <span class="td-0">
                            <svg t="1736157124915" class="icon" viewBox="0 0 1024 1024" version="1.1"
                                xmlns="http://www.w3.org/2000/svg" p-id="2536"
                                xmlns:xlink="http://www.w3.org/1999/xlink" width="28" height="28">
                                <path
                                    d="M798.72 76.8H947.2v145.92h51.2V25.6h-199.68zM947.2 798.72v145.92h-148.48v51.2H998.4v-197.12zM66.56 222.72V76.8h148.48V25.6H12.8v197.12zM215.04 944.64H66.56v-145.92H12.8v197.12h202.24z"
                                    fill="#fff" p-id="2537"></path>
                                <path
                                    d="M826.88 522.24L512 207.36c0-2.56-2.56-2.56-7.68-2.56-2.56 0-5.12 0-7.68 2.56L184.32 524.8c-2.56 2.56-5.12 7.68-2.56 10.24 2.56 5.12 5.12 7.68 10.24 7.68h58.88V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6V504.32c0-5.12-5.12-10.24-10.24-10.24h-2.56l217.6-220.16 220.16 222.72c-5.12 0-10.24 5.12-10.24 10.24V793.6c0 12.8 10.24 25.6 25.6 25.6 12.8 0 25.6-10.24 25.6-25.6v-250.88h51.2c5.12 0 10.24-5.12 10.24-10.24 2.56-5.12 0-7.68-2.56-10.24z"
                                    fill="#fff" p-id="2538"></path>
                                <path
                                    d="M386.56 762.88h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-69.12h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-10.24 7.68-17.92 17.92-17.92z m0-71.68h240.64c10.24 0 17.92 7.68 17.92 17.92 0 10.24-7.68 17.92-17.92 17.92h-240.64c-10.24 0-17.92-7.68-17.92-17.92 0-7.68 7.68-17.92 17.92-17.92zM514.56 535.04h-20.48c-5.12 0-7.68-2.56-7.68-7.68v-2.56c0-17.92 5.12-30.72 23.04-46.08 17.92-15.36 23.04-23.04 23.04-33.28s-7.68-20.48-20.48-20.48c-15.36 0-25.6 7.68-30.72 25.6 0 5.12-5.12 5.12-10.24 5.12l-25.6-5.12c-5.12 0-7.68-5.12-5.12-10.24 10.24-38.4 33.28-53.76 79.36-53.76 38.4 0 61.44 25.6 61.44 51.2 0 20.48-7.68 35.84-33.28 53.76-20.48 15.36-23.04 20.48-23.04 33.28-2.56 7.68-7.68 10.24-10.24 10.24zM481.28 588.8v-28.16c0-5.12 2.56-7.68 7.68-7.68h30.72c5.12 0 7.68 2.56 7.68 7.68V588.8c0 5.12-2.56 7.68-7.68 7.68h-30.72c-5.12 0-7.68-5.12-7.68-7.68z"
                                    fill="#fff" p-id="2539"></path>
                            </svg>
                        </span>
                    </p>
                </div>
            </div>
        </div>
        <preView :isClear="dialogVisible" :md5="p_md5" :pdfTitle="somePdfTitleValue" ref="pdfDialogRef"></preView>
        <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor"
            :cardList="interfaceQuestion[questionNum]" v-if="interfaceQuestion" :chapter="2" :page="questionNum"
            :questionTitle="questionTitleMain" ref="dialogRef">
        </dialogExaminations>
        <mindMapView :isClear="mapDialogVisible" ref="mindMapDialogRef"></mindMapView>
    </div>
</template>
<script>
import { getResourcePath } from "@/assets/methods/resources";
import { getResourcePath, uploadFilePath } from "@/assets/methods/resources";
import { getCollectResource, setCollectResource } from "@/assets/methods/resources";
import preView from "@/components/pdfview/index.vue";
import mindMapView from '@/components/mindMapView/index.vue'
import dialogExaminations from "@/components/dialogExaminations/index.vue";
import tool from '@/assets/js/toolClass.js'
import { Message } from 'element-ui'
export default {
    name: "chapterOne",
    props: {
        showPageList: {
            type: Array,
        },
        interfaceQuestion: {
            type: Object,
        },
    },
    components: {
        mindMapView,
        preView,
        dialogExaminations,
    },
    data() {
        return {
            mindMapDialogRef: '',
            mapDialogVisible: false,
            collectImg: require("../../assets/images/icon/heart.png"),
            collectCheck: require("../../assets/images/icon/heart-check.png"),
            videoPathOne: "",
@@ -1533,7 +1755,34 @@
            videoPathThree: "",
            videoPathFour: "",
            videoPathFive: "",
            videoPathSix: "",
            videoPathSeven: "",
            videoPathEight: "",
            collectResourceList: [],
            // pdf
            dialogVisible: false,
            pdfDialogRef: "",
            somePdfTitleValue: "",
            p_md5: "",
            chapter001: {
                pdfMd5: {
                    1: {
                        md5: "4b012884ed1396953ceebfca2893df63",
                        name: " 0~6 岁儿童发展的里程碑",
                    },
                },
                question: {
                    1: {
                        questionTitleMain: "学习模块一",
                        questionNum: 35,
                    },
                },
            },
            // 题目
            dialogVisibleOne: false,
            themeColor: "#6dcff6",
            questionNum: 0,
            questionTitleMain: "",
            chapterData: {
                isCollectVideo: false,
                isCollectVideo01: false,
@@ -1542,6 +1791,7 @@
                isCollectVideo04: false,
                isCollectVideo05: false,
                isCollectVideo06: false,
                isCollectVideo07: false,
            },
            textQuestionData: {
                one: "",
@@ -1553,7 +1803,6 @@
                seven: "",
                eight: "",
            },
            questionData: {
                unitOne: {
                    one: "",
@@ -1562,7 +1811,10 @@
                    four: "",
                    five: "",
                    six: "",
                }
                },
                askAbout: {
                    one: "",
                },
            },
            tableData: {
                unitOne: {
@@ -1879,6 +2131,182 @@
                    },
                ],
            },
            unitQuestionTwo: {
                isComplete: false,
                isShowAnswer: false,
                unitTwo: [
                    {
                        txt: "婴幼儿反复敲打桌子,在椅子上摇来摇去。这类游戏属于( )",
                        isRight: null,
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
                                txt: "结构性游戏",
                                value: "A"
                            },
                            {
                                txt: "象征性游戏",
                                value: "B"
                            },
                            {
                                txt: "机能性游戏",
                                value: "C"
                            },
                            {
                                txt: "规则性游戏",
                                value: "D"
                            },
                        ]
                    },
                    {
                        txt: "( )的出现一般被认为是游戏发展的高级阶段。",
                        isRight: null,
                        answer: "A",
                        userAnswer: "",
                        option: [
                            {
                                txt: "结构性游戏",
                                value: "A"
                            },
                            {
                                txt: "象征性游戏",
                                value: "B"
                            },
                            {
                                txt: "机能性游戏",
                                value: "C"
                            },
                            {
                                txt: "规则性游戏",
                                value: "D"
                            },
                        ]
                    },
                    {
                        txt: "“以物代物”“以人代人”是( )里婴幼儿的典型表现。",
                        isRight: null,
                        answer: "B",
                        userAnswer: "",
                        option: [
                            {
                                txt: "结构性游戏",
                                value: "A"
                            },
                            {
                                txt: "象征性游戏",
                                value: "B"
                            },
                            {
                                txt: "机能性游戏",
                                value: "C"
                            },
                            {
                                txt: "规则性游戏",
                                value: "D"
                            },
                        ]
                    },
                    {
                        txt: "由于0~2岁婴幼儿处于感知运动阶段,因此婴幼儿游戏以( )为主。",
                        isRight: null,
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
                                txt: "结构性游戏",
                                value: "A"
                            },
                            {
                                txt: "象征性游戏",
                                value: "B"
                            },
                            {
                                txt: "机能性游戏",
                                value: "C"
                            },
                            {
                                txt: "规则性游戏",
                                value: "D"
                            },
                        ]
                    },
                    {
                        txt: "家长在指导婴幼儿开展游戏时应注意( )。",
                        isRight: null,
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
                                txt: "态度生硬",
                                value: "A"
                            },
                            {
                                txt: "服从婴幼儿的意愿",
                                value: "B"
                            },
                            {
                                txt: "尊重和信任婴幼儿",
                                value: "C"
                            },
                            {
                                txt: "批评犯错误的婴幼儿",
                                value: "D"
                            },
                        ]
                    },
                ],
                unitTwoChoice: [
                    {
                        txt: "按照游戏中的交往对象,婴幼儿游戏分为( )。",
                        isRight: null,
                        answer: ["B", "C", "D"],
                        userAnswer: [],
                        option: [
                            {
                                txt: "结构性游戏",
                                value: "A"
                            },
                            {
                                txt: "亲子游戏",
                                value: "B"
                            },
                            {
                                txt: "玩物游戏",
                                value: "C"
                            },
                            {
                                txt: "伙伴游戏",
                                value: "D"
                            },
                        ]
                    },
                    {
                        txt: "婴幼儿游戏的价值有( )。",
                        isRight: null,
                        answer: ["A", "B", "C", "D"],
                        userAnswer: [],
                        option: [
                            {
                                txt: "促进身体发展",
                                value: "A"
                            },
                            {
                                txt: "促进认知发展",
                                value: "B"
                            },
                            {
                                txt: "促进社会性发展",
                                value: "C"
                            },
                            {
                                txt: "促进个性发展",
                                value: "D"
                            },
                        ]
                    },
                ],
            },
            exampleOne: {
                isComplete: false,
                isShowAnswer: false,
@@ -1938,7 +2366,68 @@
                        ]
                    },
                ],
            }
            },
            exampleThree: {
                isComplete: false,
                isShowAnswer: false,
                unitOne: [
                    {
                        txt: "( )是儿童依恋发展的第三阶段:特殊的情感联结阶段。",
                        isRight: null,
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
                                txt: "出生至3个月",
                                value: "A"
                            },
                            {
                                txt: "3至6个月",
                                value: "B"
                            },
                            {
                                txt: "6个月至2岁",
                                value: "C"
                            },
                            {
                                txt: "2岁以后",
                                value: "D"
                            },
                        ]
                    },
                ],
            },
            exampleFour: {
                isComplete: false,
                isShowAnswer: false,
                unitOne: [
                    {
                        txt: "根据婴幼儿认知领域的发育年龄,制定和设计( )的游戏方案。",
                        isRight: null,
                        answer: "D",
                        userAnswer: "",
                        option: [
                            {
                                txt: "语言领域",
                                value: "A"
                            },
                            {
                                txt: "社会领域",
                                value: "B"
                            },
                            {
                                txt: "社会领域",
                                value: "C"
                            },
                            {
                                txt: "认知领域",
                                value: "D"
                            },
                        ]
                    },
                ],
            },
            questionDataImg: ""
        }
    },
    async mounted() {
@@ -1962,6 +2451,11 @@
            this.unitQuestionOne = JSON.parse(unitTwo);
        }
        const unitThree = localStorage.getItem("toddleGame-book-chapter01-unitThree");
        if (unitThree) {
            this.unitQuestionTwo = JSON.parse(unitThree);
        }
        const exampleOne = localStorage.getItem("toddleGame-book-chapter01-exampleOne");
        if (exampleOne) {
            this.exampleOne = JSON.parse(exampleOne);
@@ -1971,6 +2465,17 @@
        if (exampleTwo) {
            this.exampleTwo = JSON.parse(exampleTwo);
        }
        const exampleThree = localStorage.getItem("toddleGame-book-chapter01-exampleThree");
        if (exampleThree) {
            this.exampleThree = JSON.parse(exampleThree);
        }
        const exampleFour = localStorage.getItem("toddleGame-book-chapter01-exampleFour");
        if (exampleFour) {
            this.exampleFour = JSON.parse(exampleFour);
        }
        const textQuestionData = localStorage.getItem("toddlerGameImplementation-book-chapter001-textQuestionData");
        if (textQuestionData) {
@@ -2003,6 +2508,12 @@
            this.videoPathSeven = await getResourcePath(
                "4f1f70e849911a2a90ce4df6b08fd3cc"
            );
            this.videoPathEight = await getResourcePath(
                "8215ef4093c9b916f147c41cdbe8f60a"
            );
        },
        handleCollect(e) {
            if (e == 'video-01') {
@@ -2026,9 +2537,10 @@
            } else if (e == 'video-07') {
                this.handleCollectResource("4f1f70e849911a2a90ce4df6b08fd3cc", "4f1f70e849911a2a90ce4df6b08fd3cc", '', "视频", "bits", '视频:社会文化历史学派的游戏理论')
                this.chapterData.isCollectVideo06 = !this.chapterData.isCollectVideo06
            } else if (e == 'video-08') {
                this.handleCollectResource("  isCollectVideo06: false,", "8215ef4093c9b916f147c41cdbe8f60a", '', "视频", "bits", '视频:社会文化历史学派的游戏理论')
                this.chapterData.isCollectVideo07 = !this.chapterData.isCollectVideo07
            }
            this.handleChapterData();
        },
        //资源收藏事件
        // resourcePath  文件路径,
@@ -2089,6 +2601,7 @@
            }
            this.unitQuestion.isComplete = true
            this.unitQuestion.isShowAnswer = true
            this.saveUnitOne()
        },
        changeCheckData() {
            localStorage.removeItem("toddleGame-book-chapter01-UnitOne")
@@ -2106,7 +2619,6 @@
            this.unitQuestion.isComplete = false
            this.unitQuestion.isShowAnswer = false
        },
        goUnitTwo() {
            for (let index = 0; index < this.unitQuestionOne.unitTwo.length; index++) {
                const item = this.unitQuestionOne.unitTwo[index];
@@ -2130,6 +2642,7 @@
            }
            this.unitQuestionOne.isComplete = true
            this.unitQuestionOne.isShowAnswer = true
            this.saveUnitTwo()
        },
        changeUnitTwo() {
            localStorage.removeItem("toddleGame-book-chapter01-UnitTwo")
@@ -2147,6 +2660,50 @@
            this.unitQuestionOne.isShowAnswer = false
            this.unitQuestionOne.textOne = ""
            this.unitQuestionOne.textTwo = ""
        },
        saveUnitThree() {
            localStorage.setItem('toddleGame-book-chapter01-UnitThree', JSON.stringify(this.unitQuestionTwo))
        },
        goUnitThree() {
            for (let index = 0; index < this.unitQuestionTwo.unitTwo.length; index++) {
                const item = this.unitQuestionTwo.unitTwo[index];
                if (item.userAnswer == item.answer) {
                    item.isRight = true
                } else {
                    item.isRight = false
                }
            }
            for (let index = 0; index < this.unitQuestionTwo.unitTwoChoice.length; index++) {
                const item = this.unitQuestionTwo.unitTwoChoice[index];
                if (item.userAnswer.length === item.answer.length) {
                    // 使用every方法检查userAnswer中的每个元素是否都在answer中
                    const isRight = item.userAnswer.every(answer => item.answer.includes(answer));
                    item.isRight = isRight;
                } else {
                    // 如果长度不同,则它们不可能完全相同
                    item.isRight = false;
                }
            }
            this.unitQuestionTwo.isComplete = true
            this.unitQuestionTwo.isShowAnswer = true
        },
        changeUnitThree() {
            localStorage.removeItem("toddleGame-book-chapter01-UnitThree")
            for (let index = 0; index < this.unitQuestionTwo.unitTwo.length; index++) {
                const item = this.unitQuestionTwo.unitTwo[index];
                item.userAnswer = ""
                item.isRight = null
            }
            for (let index = 0; index < this.unitQuestionTwo.unitTwoChoice.length; index++) {
                const item = this.unitQuestionTwo.unitTwoChoice[index];
                item.userAnswer = []
                item.isRight = null
            }
            this.unitQuestionTwo.isComplete = false
            this.unitQuestionTwo.isShowAnswer = false
            this.unitQuestionTwo.textOne = ""
            this.unitQuestionTwo.textTwo = ""
        },
        saveExampleOne() {
            localStorage.setItem('toddleGame-book-chapter01-exampleOne', JSON.stringify(this.exampleOne))
@@ -2198,18 +2755,128 @@
            this.exampleTwo.isComplete = false
            this.exampleTwo.isShowAnswer = false
        },
        saveExampleThree() {
            localStorage.setItem('toddleGame-book-chapter01-exampleThree', JSON.stringify(this.exampleThree))
        },
        goExampleThree() {
            for (let index = 0; index < this.exampleThree.unitOne.length; index++) {
                const item = this.exampleThree.unitOne[index];
                if (item.userAnswer == item.answer) {
                    item.isRight = true
                } else {
                    item.isRight = false
                }
            }
            this.exampleThree.isComplete = true
            this.exampleThree.isShowAnswer = true
        },
        changeExampleThree() {
            localStorage.removeItem("toddleGame-book-chapter01-exampleThree")
            for (let index = 0; index < this.exampleThree.unitOne.length; index++) {
                const item = this.exampleThree.unitOne[index];
                item.userAnswer = ""
                item.isRight = null
            }
            this.exampleThree.isComplete = false
            this.exampleThree.isShowAnswer = false
        },
        saveExampleFour() {
            localStorage.setItem('toddleGame-book-chapter01-exampleFour', JSON.stringify(this.exampleFour))
        },
        goExampleFour() {
            for (let index = 0; index < this.exampleFour.unitOne.length; index++) {
                const item = this.exampleFour.unitOne[index];
                if (item.userAnswer == item.answer) {
                    item.isRight = true
                } else {
                    item.isRight = false
                }
            }
            this.exampleFour.isComplete = true
            this.exampleFour.isShowAnswer = true
        },
        changeExampleFour() {
            localStorage.removeItem("toddleGame-book-chapter01-exampleFour")
            for (let index = 0; index < this.exampleFour.unitOne.length; index++) {
                const item = this.exampleFour.unitOne[index];
                item.userAnswer = ""
                item.isRight = null
            }
            this.exampleFour.isComplete = false
            this.exampleFour.isShowAnswer = false
        },
        saveTextQuestionData() {
            localStorage.setItem(
                "toddlerGameImplementation-book-chapter001-textQuestionData",
                JSON.stringify(this.textQuestionData)
            );
        }
        //打开思维导图
        // showMindMapDialog() {
        //     this.mindMapDialog = true
        // },
        },
        toUrl(val) {
            if (val) {
                this.p_md5 = this.chapter001.pdfMd5[val].md5;
                this.somePdfTitleValue = this.chapter001.pdfMd5[val].name;
                this.$refs.pdfDialogRef.openDialog();
            }
        },
        openQuestion(num) {
            if (num) {
                this.questionNum = this.chapter001.question[num].questionNum;
                this.questionTitleMain = this.chapter001.question[num].questionTitleMain;
                this.$refs.dialogRef.openDialogQuestion();
            }
        },
        //上传图片
        fileUpload(file) {
            return new Promise((resolve, reject) => {
                const isJPG = file.file.type === 'image/jpeg' || file.file.type === 'image/png'
                if (!isJPG) {
                    Message.error('上传文件只能是 jpg/png 格式!')
                    return reject()
                }
                const FileName = file.file.name.split('.')[0]
                const Extension = file.file.name.split('.')[1]
                const FileType = file.file.type
                let size = 1024
                tool
                    .getFileMd5(file.file, size * 1024)
                    .then(async (e) => {
                        if (!(this.questionData.askAbout.one == e)) {
                            const imgData = new FormData()
                            imgData.append('Md5', e)
                            imgData.append('FileName', FileName)
                            imgData.append('Extension', Extension)
                            imgData.append('FileType', FileType)
                            imgData.append('MetaData', null)
                            imgData.append('file', file.file)
                            let rData = await uploadFilePath(imgData);
                            if (rData) {
                                this.questionData.askAbout.one = e
                                this.questionDataImg = await getResourcePath(e);
                                this.$refs.upload.clearFiles(); // 清除文件列表
                            }
                        } else {
                            Message.error('当前文件已上传,请勿重复操作!')
                            this.$refs.upload.clearFiles(); // 清除文件列表
                        }
                    })
                    .catch((e) => {
                        console.error(e);
                        this.$refs.upload.clearFiles(); // 清除文件列表
                    })
            })
        },
        //删除
        delFile() {
            this.questionData.askAbout.one = ''
            this.questionDataImg = ''
        },
        showMindMapDialog() {
            this.mapDialogVisible = true
            this.$refs.mindMapDialogRef.openDialog();
        },
    }
}
</script>