zhongshujie
6 天以前 bb584963c6abe77c5577cbcad3c9956b69444ae9
src/books/toddlerGameImplementation/view/components/chapter002.vue
@@ -329,7 +329,7 @@
                            商业玩具一般都是大规模生产的,供给远远大于市场的需求;而民间玩具很多都是手工制成的,生产很难规模化。
                        </p>
                        <p>
                            在现代高速发展的社会中,民间玩具存在的意义是什么?试比较商业玩具和民间玩具的优劣。
                            在高速发展的现代社会中,民间玩具存在的意义是什么?试比较商业玩具和民间玩具的优劣。
                        </p>
                        <textarea v-model="questionData.unitOne.two" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%; margin-left: 30px"
@@ -536,7 +536,7 @@
                                                p-id="11010"></path>
                                        </svg>
                                    </span>
                                    <span @click="toUrl(1)"> 文本资源: 0~6 岁儿童发展的里程碑</span>
                                    <span @click="toUrl(1)"> 文本资源:婴幼儿的玩具选择</span>
                                </div>
                            </div>
                        </div>
@@ -597,18 +597,96 @@
                    <p>
                        <img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" />
                    </p>
                    <p>1.请针对托育机构玩具投放的层次性原则谈一谈你的看法。</p>
                    <textarea v-model="questionData.unitOne.three" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px" class="fz-16 textarea-main"
                        @change="setQuestionData"></textarea>
                    <p>2.请思考教师应该如何通过环境创设让婴幼儿自主选择和主动探索。</p>
                    <textarea v-model="questionData.unitOne.four" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px" class="fz-16 textarea-main"
                        @change="setQuestionData"></textarea>
                    <p>3.婴幼儿玩具投放的适宜性原则如何在游戏区域创设中得以体现?</p>
                    <textarea v-model="questionData.unitOne.five" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 40px" class="fz-16 textarea-main"
                        @change="setQuestionData"></textarea>
                    <ul v-for="(item, index) in unitQuestionOne.unitOne" :key="'unitQuestionOne' + index">
                        <li>
                            {{ index + 1 }}.(单选){{ item.txt }}。
                        </li>
                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                            <label>
                                <input type="radio" :disabled="unitQuestionOne.isComplete" :name="item.txt"
                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionOne" />
                                <span>{{ citem.value }}.{{ citem.txt }}</span>
                            </label>
                        </li>
                        <li v-if="unitQuestionOne.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 unitQuestionOne.unitOneChoice" :key="'unitOneChoice' + index">
                        <li>
                            {{ index + 5 }}.(多选){{ item.txt }}。
                        </li>
                        <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                            <label>
                                <input type="checkbox" :disabled="unitQuestionOne.isComplete" :name="item.txt"
                                    :value="citem.value" v-model="item.userAnswer" @change="saveUnitQuestionOne" />
                                <span>{{ citem.value }}.{{ citem.txt }}</span>
                            </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, 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="goUnitOne">
                                    提交
                                </button>
                            </li>
                            <li>
                                <button @click="changeUnitOne" class="btn-border btn-w">
                                    重做
                                </button>
                            </li>
                            <li>
                                <button @click="unitQuestionOne.isShowAnswer = !unitQuestionOne.isShowAnswer"
                                    class="parimary-btn">
                                    查看答案
                                </button>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
@@ -716,8 +794,17 @@
                    </p>
                    <p><b>想一想:</b></p>
                    <p class="fm-kt">1.陌生的环境会加重幼儿的分离焦虑吗?</p>
                    <textarea v-model="questionData.unitOne.five" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 30px"
                        class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                    <p class="fm-kt">2.托育机构游戏环境包括哪些方面?</p>
                    <textarea v-model="questionData.unitOne.six" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 30px"
                        class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                    <p class="fm-kt">3.如果你是教师,你会如何创设游戏环境呢?</p>
                    <textarea v-model="questionData.unitOne.seven" placeholder="请输入内容" rows="6"
                        style="max-width: 90%; min-width: 90%; margin-left: 30px"
                        class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                    <p>
                        陈鹤琴认为,游戏可以给孩子快乐、经验、学识、思想和健康。所以家长不得不注意孩子的游戏环境,给孩子很好的设备,使孩子有充分的运动。这样孩子的身体就容易强健,心里就常常快乐,知识就容易增进,思想就容易启发。
                    </p>
@@ -738,25 +825,25 @@
                    <p>②帮助儿童建立同伴间活泼交往的宽松和合作的环境。</p>
                    <p>③帮助儿童积累一定的知识和经验。</p>
                    <p>④家、园协作,创设儿童游戏的心理环境。</p>
                    <div class="img-float w130">
                        <div class="bk">
                            <div class="bk1">
                                <p>
                                    <img class="rwmb-3 img-d" alt="" src="../../assets/images/xyx.png" />
                                </p>
                            </div>
                    <div class="bk">
                        <div class="bk1">
                            <p>
                                请回想你自己最喜欢的童年环境,用一些关键词说出你最喜欢的原因,思考适宜的游戏环境应该考虑哪些因素。
                                <img class="rwmb-3 img-i" alt="" src="../../assets/images/xyx.png" />
                            </p>
                        </div>
                    </div>
                    <span>
                        <h4 id="d033">(二)游戏环境创设的原则</h4>
                        <h5 id="e018">1.安全性原则</h5>
                        <p>
                            婴幼儿游戏环境创设中安全性肯定是放在第一位的,安全的游戏环境是婴幼儿健康成长的重要保障。只有在一个安全的环境中,婴幼儿的身心才能健康和谐发展。游戏环境的安全性主要包括身体安全和心理安全两个方面。身体安全主要是指游戏活动场所的宽敞,便于婴幼儿游戏和通行;游戏的玩具和材料安全、无毒、无尖锐棱角,摆放要安全牢固,方便婴幼儿取放,没有导致婴幼儿出现意外的危险因素存在;游戏玩具和材料要经常清洗消毒,保持卫生。心理安全是指在游戏过程中要让婴幼儿获得充分活动的机会,保持情绪愉悦,能按自己的意愿开展游戏,获得尊重感。
                            请回想你自己最喜欢的童年环境,用一些关键词说出你最喜欢的原因,思考适宜的游戏环境应该考虑哪些因素。
                        </p>
                    </span>
                        <textarea v-model="questionData.unitOne.eight" placeholder="请输入内容" rows="6"
                            style="max-width: 90%; min-width: 90%; margin-left: 30px"
                            class="fz-16 fm-son textarea-question ml-40" @change="setQuestionData"></textarea>
                    </div>
                    <h4 id="d033">(二)游戏环境创设的原则</h4>
                    <h5 id="e018">1.安全性原则</h5>
                    <p>
                        婴幼儿游戏环境创设中安全性肯定是放在第一位的,安全的游戏环境是婴幼儿健康成长的重要保障。只有在一个安全的环境中,婴幼儿的身心才能健康和谐发展。游戏环境的安全性主要包括身体安全和心理安全两个方面。身体安全主要是指游戏活动场所的宽敞,便于婴幼儿游戏和通行;游戏的玩具和材料安全、无毒、无尖锐棱角,摆放要安全牢固,方便婴幼儿取放,没有导致婴幼儿出现意外的危险因素存在;游戏玩具和材料要经常清洗消毒,保持卫生。心理安全是指在游戏过程中要让婴幼儿获得充分活动的机会,保持情绪愉悦,能按自己的意愿开展游戏,获得尊重感。
                    </p>
                </div>
            </div>
        </div>
@@ -876,7 +963,7 @@
                    <p>
                        《托育机构设置标准(试行)》指出:“托育机构应当配备符合婴幼儿月龄特点的家具、用具、玩具、图书和游戏材料等,并符合国家相关安全质量标准和环保标准。”因此,婴幼儿游戏环境创设中的因素和材料的选用,都要以婴幼儿的安全、健康为先。首先,要符合安全标准,包括使用安全材料、锁好所有橱柜、关闭电器开关、关好窗户,确保婴幼儿接触不到危险的物品或地方;场地上铺上地毯、软垫或草坪,为婴幼儿坐、爬、走、跑、跳、攀爬等调节肢体活动提供方便,增强安全系数。其次,要定期检查环境,确保对婴幼儿安全的持续保障,随时排查和清除婴幼儿活动区域内的安全隐患。最后,要考虑婴幼儿的心理健康,给婴幼儿提供一个平等、安全、自由,能鼓励其探索与创造的心理环境。只有这样,婴幼儿才能活跃思维,主动、自信地在与环境互动中学习和游戏。
                    </p>
                    <h5 id="e023">2.创设情景化的游戏环境</h5>
                    <h5 id="e023">2.创设情境化的游戏环境</h5>
                    <p>
                        为婴幼儿提供虚拟的社会环境,让他们通过直接参与获得深刻体验尤其重要。由于婴幼儿年龄特点的差异,不同年龄段的情境化游戏环境的创设也不同,具有各自的特点。例如,在主题活动“果蔬舞会”中创设的“娃娃家”里面可有设计成蔬果形状的亲子照片墙。有的幼儿从自己家里带来一些小蔬果,还提供了一些色彩鲜艳、形象真切的厨房用具、娃娃、奶瓶等。这些玩具都是贴近幼儿日常生活经验的,是他们喜欢操作、能够模仿的。幼儿会在娃娃家做饭、喂娃娃喝奶、穿衣、洗衣服、叠衣服等,在游戏过程中还原和再现生活情景。这样不仅促进了他们感情、个性的健康发展,还提高了他们的生活技能。托育中大班幼儿对事物的理解力逐渐增强,他们不仅对角色游戏非常感兴趣,也对挑战性和创造性的材料很感兴趣。因此,我们在环境创设中应以体验化的游戏情境创设为主。
                    </p>
@@ -938,6 +1025,9 @@
                    <p>
                        在家中设置游戏区时,家长应确保室内环境是安全无害的和干净的。选用的玩具材料要安全无毒,游玩区域要选择适合的地点,如铺着厚垫子的地或床上。
                    </p>
                    <p>
                        当家长开始重视和遵循这些基本原则时,有一天会突然发现,自己与孩子可以玩得很好,甚至孩子还能自主提出很多超出自己想象的玩耍方式。
                    </p>
                </div>
            </div>
        </div>
@@ -953,9 +1043,7 @@
                    </li>
                </ul>
                <div class="bodystyle">
                    <p>
                        当家长开始重视和遵循这些基本原则时,有一天会突然发现,自己与孩子可以玩得很好,甚至孩子还能自主提出很多超出自己想象的玩耍方式。
                    </p>
                    <h4 id="d037">(三)家庭游戏环境创设的方法</h4>
                    <h5 id="e032">1.创设开放的物质环境</h5>
                    <p>
@@ -1089,9 +1177,40 @@
                    <p>
                        <img class="rwmb-1" alt="" src="../../assets/images/xxxgjc.png" />
                    </p>
                    <p>
                        <img class="rwmb-1" alt="" src="../../assets/images/0060_01.jpg" />
                    </p>
                    <ul v-for="(item, index) in unitQuestionTwo.unitOne.slice(0, 1)" :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="saveUnitQuestionTwo" />
                                <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>
                </div>
            </div>
        </div>
@@ -1106,21 +1225,151 @@
                    <li class="header-left-text">婴幼儿游戏活动实施</li>
                </ul>
                <div class="bodystyle">
                    <ul v-for="(item, index) in unitQuestionTwo.unitOne.slice(1, 2)" :key="'unitQuestionTwo2' + index">
                        <li>
                            {{ index + 2 }}.(单选){{ 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="saveUnitQuestionTwo" />
                                <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.unitOneChoice" :key="'unitTwoChoice' + index">
                        <li>
                            {{ index + 3 }}.(多选){{ 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="saveUnitQuestionTwo" />
                                <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="goUnitTwo">
                                    提交
                                </button>
                            </li>
                            <li>
                                <button @click="changeUnitTwo" class="btn-border btn-w">
                                    重做
                                </button>
                            </li>
                            <li>
                                <button @click="unitQuestionTwo.isShowAnswer = !unitQuestionTwo.isShowAnswer"
                                    class="parimary-btn">
                                    查看答案
                                </button>
                            </li>
                        </ul>
                    </div>
                    <p>
                        <img class="rwmb-1" alt="" src="../../assets/images/0060_01.jpg" />
                    </p>
                    <p>本次岗位实训,是你们将理论知识转化为实际操作能力的重要契机,这不仅是对专业知识的一次实战检验,更是未来从事相关职业必不可少的练兵。让我们一起开启这场充满挑战与惊喜的实训吧!</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(2)">文本资源: 模块二 岗位进阶训练</span>
                            </div>
                        </div>
                    </div>
                    <!-- 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(3)">文本资源: 模块二 实训工作任务</span>
                            </div>
                        </div>
                    </div>
                    <p>
                        <img class="rwmb-1" alt="" src="../../assets/images/0060_04.jpg" />
                    </p>
                    <p>1.请说一说言传身教在家庭教育中的重要性。</p>
                    <p>2.家长应该如何为婴幼儿创设良好的游戏环境?</p>
                    <p>3.请设计2~3个适合在家庭室内开展的亲子游戏。</p>
                    <p>
                        4.设计题:请为某托育机构设计游戏区域环境,要求撰写一份设计方案并绘制布局图;完成后结合布局图解说设计方案。
                    </p>
                    <p>设计要求:</p>
                    <p>(1)分组讨论并完成任务。</p>
                    <p>
                        (2)撰写创设方案(包含的要素:情况分析、创设目标、创设过程);之后根据方案绘制布局图。
                    </p>
                    <p>(3)准确、清晰地结合方案和布局图进行现场解说。</p>
                    <p class="content">接下来,我们将跟随双师走进托育机构,为你展示如何创设和制作孩子们喜欢的游戏环境与游戏材料。相信这些案例会给你带来启发和帮助。</p>
                    <div class="video-box">
                        <p class="center text">
                            <video :src="videoPathOne" 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.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
                                <img :src="collectResourceList.findIndex(item => item.id == '7b46f56f98456f9e94750395694222e4') > -1 ? collectCheck : collectImg"
                                    alt="" class="collect-btn" @click="handleCollect('video-01')" />
                            </el-tooltip>
                        </p>
                    </div>
                    <p>
                        <img class="rwmb-1" alt="" src="../../assets/images/ysyd.png" />
                    </p>
@@ -1135,13 +1384,31 @@
                    <p>
                        4.郭力平、吴龙英:《早期教育环境创设》,上海,华东师范大学出版社,2019。
                    </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="3" :page="questionNum"
            :questionTitle="questionTitleMain" ref="dialogRef">
        <dialogExaminations :isClear="dialogVisibleOne" :primaryColor="themeColor" :cardList="cardArrayList"
            v-if="interfaceQuestion" :chapter="3" :page="questionNum" :questionTitle="questionTitleMain"
            ref="dialogRef">
        </dialogExaminations>
    </div>
</template>
@@ -1194,22 +1461,32 @@
            chapter001: {
                pdfMd5: {
                    1: {
                        md5: "6a7118abdc38a24995f26c164d63648c",
                        name: " 0~6 岁儿童发展的里程碑",
                        md5: "e08c9c426561125b4c071831226bbd13",
                        name: "婴幼儿的玩具选择",
                    },
                    2: {
                        md5: "b3c5d39f898ad612cb74e6bd055b7072",
                        name: " 模块二 岗位进阶训练",
                    },
                    3: {
                        md5: "c4c522a383216f6b2bc4c0ceb0fe73aa",
                        name: " 模块二 实训工作任务",
                    },
                },
                question: {
                    1: {
                        questionTitleMain: "学习模块一",
                        questionNum: 35,
                        questionTitleMain: "学习模块二",
                        questionNum: 58,
                    },
                },
            },
            // 题目
            dialogVisibleOne: false,
            themeColor: "#6E85AF",
            themeColor: "#6dcff6",
            questionNum: 0,
            questionTitleMain: "",
            cardArrayList: [],
            // 题目
            tableData: {
                unitOne: {
                    one: "",
@@ -1243,7 +1520,280 @@
                    twentyOne: "",
                },
            },
            // 习题38页
            unitQuestionOne: {
                isComplete: false,
                isShowAnswer: false,
                unitOne: [
                    {
                        txt: "关于玩具的定义,以下说法正确的是( )",
                        isRight: null,
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
                                txt: "玩具仅指商店里出售的供儿童玩耍的物品",
                                value: "A"
                            },
                            {
                                txt: "玩具包括成人专门为儿童制作的物品,但不包括自然材料",
                                value: "B"
                            },
                            {
                                txt: "广义的玩具包括沙子、泥巴等自然材料,而狭义的玩具指专门为儿童制作的玩耍器具",
                                value: "C"
                            },
                            {
                                txt: "玩具只能是儿童用手触摸的物品,不能包括听或看的东西",
                                value: "D"
                            },
                        ]
                    },
                    {
                        txt: "以下哪种玩具不属于科学性玩具?( )",
                        isRight: null,
                        answer: "D",
                        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"
                            },
                        ]
                    },
                    {
                        txt: "某托班教师为幼儿投放玩具时,以下哪种做法最符合“适宜性原则”?( )",
                        isRight: null,
                        answer: "C",
                        userAnswer: "",
                        option: [
                            {
                                txt: "投放复杂的拼图玩具,以挑战幼儿的能力",
                                value: "A"
                            },
                            {
                                txt: "开设“娃娃家”,投放仿真食物模型和指偶等材料",
                                value: "B"
                            },
                            {
                                txt: "只投放一种类型的玩具,以减少幼儿的选择困难",
                                value: "C"
                            },
                            {
                                txt: "投放大量电子玩具,以吸引幼儿的兴趣",
                                value: "D"
                            },
                        ]
                    },
                ],
                unitOneChoice: [
                    {
                        txt: "根据儿童发展特点,以下关于玩具选择的建议正确的是( )",
                        isRight: null,
                        answer: ["A", "B", "D", "E"],
                        userAnswer: [],
                        option: [
                            {
                                txt: "1岁左右的幼儿适合玩推拉玩具,因为他们刚刚学会走路",
                                value: "A"
                            },
                            {
                                txt: "2岁以上的幼儿适合玩球类玩具,可以锻炼上下肢肌肉和骨骼",
                                value: "B"
                            },
                            {
                                txt: "4个月以下的婴幼儿适合玩复杂的拼图玩具,以促进智力发展",
                                value: "C"
                            },
                            {
                                txt: "8个月以上的婴幼儿可以玩一些抓握玩具,帮助他们发展手部精细动作",
                                value: "D"
                            },
                            {
                                txt: "3岁以上的幼儿可以尝试简单的角色扮演玩具,如医生套装或厨房玩具",
                                value: "E"
                            },
                        ]
                    },
                ],
            },
            // 习题48页
            unitQuestionTwo: {
                isComplete: false,
                isShowAnswer: false,
                unitOne: [
                    {
                        txt: "以下哪个选项最准确地描述了游戏环境在早期教育中的角色和构成?( )",
                        isRight: null,
                        answer: "B",
                        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"
                            },
                        ]
                    },
                ],
                unitOneChoice: [
                    {
                        txt: "教师在布置游戏区时,邀请幼儿一起设计“森林探险”主题区,投放了适合2~3岁幼儿的玩具(如仿真树木、动物玩偶),并确保玩具无毒、无尖锐棱角。同时,教师还设置了不同难度的游戏任务,让幼儿自主选择挑战。该教师在环境创设是遵循了哪些原则?( )",
                        isRight: null,
                        answer: ["A", "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"
                            },
                        ]
                    },
                    {
                        txt: "下面哪些遵循了游戏环境安全性原则?( )",
                        isRight: null,
                        answer: ["A", "B"],
                        userAnswer: [],
                        option: [
                            {
                                txt: "选择无毒、无尖锐棱角的玩具",
                                value: "A"
                            },
                            {
                                txt: "避免使用易碎或含有小零件的玩具",
                                value: "B"
                            },
                            {
                                txt: "玩具随意摆放,方便幼儿拿取",
                                value: "C"
                            },
                            {
                                txt: "一周进行一次玩具清洗消毒工作",
                                value: "D"
                            },
                        ]
                    },
                ],
            },
        };
    },
    watch: {
        interfaceQuestion: {
            handler(newValue) {
                if (newValue[this.questionNum] != undefined) {
                    this.cardArrayList = newValue[this.questionNum];
                }
            },
            deep: true,
            immediate: true
        },
    },
    async mounted() {
        const bookQuestion = localStorage.getItem(
@@ -1259,8 +1809,54 @@
        if (questionData) {
            this.questionData = JSON.parse(questionData);
        }
        const unitQuestionOne = localStorage.getItem("toddlerGameImplementation-book-chapter002-unitQuestionOne");
        if (unitQuestionOne) {
            this.unitQuestionOne = JSON.parse(unitQuestionOne);
        }
        const unitQuestionTwo = localStorage.getItem("toddlerGameImplementation-book-chapter002-unitQuestionTwo");
        if (unitQuestionTwo) {
            this.unitQuestionTwo = JSON.parse(unitQuestionTwo);
        }
        this.getVidoePath()
        this.collectResourceList = await getCollectResource(this.config.activeBook.bookId)
    },
    methods: {
        async getVidoePath() {
            this.videoPathOne = await getResourcePath(
                "be3a6b64dcbbd21f94f516271bdeb2ee"
            );
        },
        handleCollect(e) {
            if (e == 'video-01') {
                this.handleCollectResource("7b46f56f98456f9e94750395694222e4", "7b46f56f98456f9e94750395694222e4", '', "视频", "bits", '视频:双师访谈微课:游戏材料与环境')
                this.chapterData.isCollectVideo = !this.chapterData.isCollectVideo
            }
        },
        //资源收藏事件
        // resourcePath  文件路径,
        // resourceType  文件类型
        // source        文件来源
        handleCollectResource(id, md5, resourcePath, resourceType, source, resourceName) {
            let list = this.collectResourceList
            if (list.findIndex(item => item.id == id) > -1) {
                list = list.filter(item => item.id != id)
            } else {
                list.push({
                    id,
                    md5,
                    resourcePath,
                    resourceType,
                    source,
                    resourceName,
                })
            }
            this.collectResourceList = list
            setCollectResource(this.config.activeBook.bookId, this.collectResourceList)
        },
        setBookQuestion() {
            localStorage.setItem(
                "toddleGame-book-chapter02-tableData",
@@ -1273,6 +1869,98 @@
                JSON.stringify(this.questionData)
            );
        },
        goUnitOne() {
            for (let index = 0; index < this.unitQuestionOne.unitOne.length; index++) {
                const item = this.unitQuestionOne.unitOne[index];
                if (item.userAnswer == item.answer) {
                    item.isRight = true
                } else {
                    item.isRight = false
                }
            }
            for (let index = 0; index < this.unitQuestionOne.unitOneChoice.length; index++) {
                const item = this.unitQuestionOne.unitOneChoice[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.unitQuestionOne.isComplete = true
            this.unitQuestionOne.isShowAnswer = true
            this.saveUnitQuestionOne()
        },
        changeUnitOne() {
            localStorage.removeItem("toddlerGameImplementation-book-chapter002-unitQuestionOne")
            for (let index = 0; index < this.unitQuestionOne.unitOne.length; index++) {
                const item = this.unitQuestionOne.unitOne[index];
                item.userAnswer = ""
                item.isRight = null
            }
            for (let index = 0; index < this.unitQuestionOne.unitOneChoice.length; index++) {
                const item = this.unitQuestionOne.unitOneChoice[index];
                item.userAnswer = []
                item.isRight = null
            }
            this.unitQuestionOne.isComplete = false
            this.unitQuestionOne.isShowAnswer = false
        },
        saveUnitQuestionOne() {
            localStorage.setItem(
                "toddlerGameImplementation-book-chapter002-unitQuestionOne",
                JSON.stringify(this.unitQuestionOne)
            );
        },
        goUnitTwo() {
            for (let index = 0; index < this.unitQuestionTwo.unitOne.length; index++) {
                const item = this.unitQuestionTwo.unitOne[index];
                if (item.userAnswer == item.answer) {
                    item.isRight = true
                } else {
                    item.isRight = false
                }
            }
            for (let index = 0; index < this.unitQuestionTwo.unitOneChoice.length; index++) {
                const item = this.unitQuestionTwo.unitOneChoice[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
            this.saveUnitQuestionTwo()
        },
        changeUnitTwo() {
            localStorage.removeItem("toddlerGameImplementation-book-chapter002-unitQuestionTwo")
            for (let index = 0; index < this.unitQuestionTwo.unitOne.length; index++) {
                const item = this.unitQuestionTwo.unitOne[index];
                item.userAnswer = ""
                item.isRight = null
            }
            for (let index = 0; index < this.unitQuestionTwo.unitOneChoice.length; index++) {
                const item = this.unitQuestionTwo.unitOneChoice[index];
                item.userAnswer = []
                item.isRight = null
            }
            this.unitQuestionTwo.isComplete = false
            this.unitQuestionTwo.isShowAnswer = false
        },
        saveUnitQuestionTwo() {
            localStorage.setItem(
                "toddlerGameImplementation-book-chapter002-unitQuestionTwo",
                JSON.stringify(this.unitQuestionTwo)
            );
        },
        toUrl(val) {
            if (val) {
                this.p_md5 = this.chapter001.pdfMd5[val].md5;
@@ -1280,6 +1968,13 @@
                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();
            }
        },
    },
};
</script>