测试图书 7.4

zhongshujie

3 天以前 1695fcd442fe2cefb6d3b63869ad8a72ebd5210a

 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,7 +269,8 @@
                            <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="'unitQuestion' + index">
@@ -287,7 +288,7 @@
                            <span class="c-g"> 答案：{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                item.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"
@@ -336,7 +337,7 @@
                            <span class="c-g"> 答案：{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                item.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"
@@ -370,7 +371,7 @@
                            <span class="c-g"> 答案：{{ item.answer.join(',') }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                item.userAnswer.length ? item.userAnswer.join(',') : ''
                                }}</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"
@@ -412,7 +413,7 @@
                    </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">
@@ -574,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="'exampleOne' + index">
                                <li>
                                    {{ index + 1 }}.（单选）{{ 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
                    </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>
                                <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="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 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>
@@ -822,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="'exampleTwo' + 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>
@@ -837,7 +836,7 @@
                                <span class="c-g"> 答案：{{ item.answer }}</span>
                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                    item.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"
@@ -952,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>儿童元交际能力的发展离不开成人的支持。元交际能力是在与成人生活游戏的相互作用的过程中逐步习得的，最早萌发于母婴游戏中。游戏作为元交际也是一种重要的学习方式，可以锻炼儿童掌握人类文化经验系统所必需的元交际能力。
@@ -992,7 +987,7 @@
                            <span class="c-g"> 答案：{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                item.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"
@@ -1040,7 +1035,7 @@
                            <span class="c-g"> 答案：{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                item.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"
@@ -1072,7 +1067,7 @@
                        </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></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>
@@ -1266,9 +1261,10 @@
                    </p>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                        <ul v-for="(item, index) in exampleThree.unitOne" :key="'exampleThree' + index">
                        <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>
                                {{ index + 1 }}.（单选）{{ item.txt }}
                                （单选题）{{ item.txt }}
                            </li>
                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                <label>
@@ -1281,7 +1277,7 @@
                                <span class="c-g"> 答案：{{ item.answer }}</span>
                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                    item.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"
@@ -1470,9 +1466,10 @@
                    <p>此时虽然成人不再是婴幼儿游戏中常见的伙伴，但是婴幼儿游戏仍然离不开成人的支持，成人应担任好相应的辅助角色。</p>
                    <div class="bk2">
                        <p><img class="rwmb-5" alt="" src="../../assets/images/bkzn.png" /></p>
                        <ul v-for="(item, index) in exampleFour.unitOne" :key="'exampleFour' + index">
                        <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>
                                {{ index + 1 }}.（单选）{{ item.txt }}
                                （单选）{{ item.txt }}
                            </li>
                            <li class="inputChoice" v-for="(citem, cindex) in item.option" :key="cindex">
                                <label>
@@ -1485,7 +1482,7 @@
                                <span class="c-g"> 答案：{{ item.answer }}</span>
                                <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                    item.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"
@@ -1544,26 +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>
                            <textarea v-model="questionData.unitOne.six" placeholder="请输入内容" rows="6"
                                style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question"
                                @change="setQuestionData"></textarea>

                    <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>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                    </span>
                </div>
            </div>
        </div>
@@ -1602,7 +1592,7 @@
                            <span class="c-g"> 答案：{{ item.answer }}</span>
                            <span :class="{ 'c-g': item.isRight, 'c-r': item.isRight == false }">您的答案：{{
                                item.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"
@@ -1634,7 +1624,7 @@
                        </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></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>
@@ -1697,7 +1687,7 @@
                    <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>
@@ -1727,14 +1717,18 @@
            :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: {
@@ -1746,11 +1740,14 @@
        },
    },
    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: "",
@@ -1770,7 +1767,7 @@
            chapter001: {
                pdfMd5: {
                    1: {
                        md5: "6a7118abdc38a24995f26c164d63648c",
                        md5: "4b012884ed1396953ceebfca2893df63",
                        name: " 0～6 岁儿童发展的里程碑",
                    },
                },
@@ -1814,7 +1811,10 @@
                    four: "",
                    five: "",
                    six: "",
                }
                },
                askAbout: {
                    one: "",
                },
            },
            tableData: {
                unitOne: {
@@ -2416,7 +2416,7 @@
                                value: "B"
                            },
                            {
                                txt: "6个月至2岁",
                                txt: "社会领域",
                                value: "C"
                            },
                            {
@@ -2427,6 +2427,7 @@
                    },
                ],
            },
            questionDataImg: ""
        }
    },
    async mounted() {
@@ -2600,6 +2601,7 @@
            }
            this.unitQuestion.isComplete = true
            this.unitQuestion.isShowAnswer = true
            this.saveUnitOne()
        },
        changeCheckData() {
            localStorage.removeItem("toddleGame-book-chapter01-UnitOne")
@@ -2640,6 +2642,7 @@
            }
            this.unitQuestionOne.isComplete = true
            this.unitQuestionOne.isShowAnswer = true
            this.saveUnitTwo()
        },
        changeUnitTwo() {
            localStorage.removeItem("toddleGame-book-chapter01-UnitTwo")
@@ -2823,6 +2826,57 @@
            }
        },

        //上传图片
        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>