Merge branch 'master' of http://182.92.203.7:2001/r/testbookLayout

litian

2025-05-30 1cc866e81b56617d426c3216843b5e45cef38b42

 src/books/toddlerGameImplementation/view/components/chapter001.vue

@@ -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">
@@ -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,18 +575,15 @@
                    <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" />
                            <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"
                            style="max-width: 90%; min-width: 90%; resize:none;" class="fz-16 textarea-question ml-30"
                                @change="setQuestionData"></textarea>
                        </div>
                    </div>
                    <span>
                        <h3 id="c005">二、生活准备说</h3>
                        <p>生活准备说或称前练习说，是由德国学者格鲁斯提出来的。格鲁斯的代表作有《动物的游戏》《人的游戏》。他在研究美学的过程中，受席勒的艺术起源与游戏思想的影响，开始对儿童游戏产生兴趣，在批评剩余精力说的基础上建构起了自己的理论。
                        </p>
@@ -638,8 +636,7 @@
                                        </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">
                                        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>
@@ -672,7 +669,7 @@
                        <h3 id="c006">三、复演说</h3>
                        <p>复演说的主要倡导者是美国心理学家霍尔。在他看来，儿童的游戏是对人类祖先生活的“回忆”重视。霍尔对格鲁斯的游戏理论是不认同的，他认为格鲁斯关于游戏是对未来成人活动的练习的观点是非常片面的、表面的和错误的，因为它忽视了过去。霍尔认为，胎儿在胎内的发展重演了动物进化的过程（从原生物到人），儿童时期的发展则重演了人类进化的过程（从猿到人）。从儿童的身上可以找到与之相应的游戏行为表现，这是人类祖先行为的反映。儿童的游戏就是祖先的“工作”，原始人的打猎、追逐等构成了现代儿童游戏的基本内容。由于这些活动已经成为人的本能，因此儿童做起来不需要花费力气，并且游戏的快乐也总是直接与遗传趋势的方向和力量成比例的。现代生活中是找不到任何对于游戏快乐的解释，只有回溯“过去”才能发现游戏的深远意义。许多现代的活动都是原始人生存斗争的复演。此外，儿童在游戏中既能感受到快乐，也能进行情感的宣泄。
                        </p>
                    </span>

                </div>
            </div>
        </div>
@@ -952,23 +949,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>
                        </div>
                    </div>
                    <span>
                        <h4 id="d011">（三）游戏的元交际理论</h4>
                        <p>游戏的元交际理论将游戏看作一种意识与信息的意义交流和理解过程。作为一种元交际活动，游戏本身是有价值的，游戏是儿童进入人类的文化和表征世界的一种必需的技能和重要途径。</p>
                        <p>元交际是该理论的核心概念，指的是交际的“交际”，是隐藏在显性的或外在的交际后面的“交际”，实际上是一种抽象的交际。比如说客人在等小伙计上面时，看到小伙计黑黑的指甲浸在面汤里，于是说了一句：“你的指甲都泡在汤里了！”小伙计一笑，说：“没关系！我不怕烫！”很显然这是一次失败的交流。客人的意思是表达不满和对食品安全的怀疑，而非小伙计理解的“关心”；如果信息交流的双方无法准确理解元交际所传递的信息，就会使交际过程阻断，产生意义理解上的分歧。元交际能力是一种非常重要的社会交往能力，是一种就内隐的交际所传达的信息进行意义沟通的能力。缺乏这种能力，就无法胜任社会性交往活动。
                        </p>
                    </span>
                    <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>
                    <p>最早把游戏与元交际联系在一起解释游戏作为一种元交际的深刻意义的是人类学家贝特森。他在动物的游戏中发现，游戏中的许多动作如果是发生在实际生活中，将会引起严重的后果，但是因为发生在游戏中，所以就不被当回事。由此，他提出，所有的动物在游戏时，都会发出某种适应性的信号以使伙伴知道所发生的动作的目的是什么，是真的还是假装的。游戏活动以元交际过程为基础，游戏活动的开展需要以游戏双方能够识别对方的游戏意图为前提，游戏活动具有适应的技能和意义。
                    </p>
                    <p>儿童元交际能力的发展离不开成人的支持。元交际能力是在与成人生活游戏的相互作用的过程中逐步习得的，最早萌发于母婴游戏中。游戏作为元交际也是一种重要的学习方式，可以锻炼儿童掌握人类文化经验系统所必需的元交际能力。
@@ -1544,26 +1537,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>
                        </div>
                    </div>
                    <span>

                        <h4 id="d019">（二）游戏内容的情感性、生活化</h4>
                        <p>无论是游戏的发生还是维持，婴幼儿都依赖外界给予的刺激。这个刺激往往是成人融入情感、费了心力设计的情境。婴幼儿早期最先接触的游戏就是亲子游戏，这一游戏类型带有浓厚的感情色彩。在亲子交流中，充满柔情的身体接触与充满善意的言语交流都凝聚着家长的爱，使婴幼儿感受到爱与关注。这不仅能促进亲子间感情的瞬间升温，还有利于婴幼儿个性的发展。
                        </p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                        <p><br></p>
                    </span>
                    <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>
                </div>
            </div>
        </div>
@@ -1727,14 +1713,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 +1736,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 +1763,7 @@
            chapter001: {
                pdfMd5: {
                    1: {
                        md5: "6a7118abdc38a24995f26c164d63648c",
                        md5: "4b012884ed1396953ceebfca2893df63",
                        name: " 0～6 岁儿童发展的里程碑",
                    },
                },
@@ -1814,7 +1807,10 @@
                    four: "",
                    five: "",
                    six: "",
                }
                },
                askAbout: {
                    one: "",
                },
            },
            tableData: {
                unitOne: {
@@ -2427,6 +2423,7 @@
                    },
                ],
            },
            questionDataImg: ""
        }
    },
    async mounted() {
@@ -2825,6 +2822,60 @@
            }
        },

        //上传图片
        fileUpload(file) {
            console.log(file, "file");
            return new Promise((resolve, reject) => {
                const isJPG = file.file.type === 'image/jpeg' || file.file.type === 'image/png'
                console.log(isJPG, "isJPG");
                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) => {
                        console.log(this.questionData.askAbout.one == e, "this.questionData.askAbout.one == 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>