增加icon

unknown

2024-05-27 36b6f8d069bf3adf3b1cdc7434003769731b6cf1

 src/books/lifeCare/view/chapter007.vue

@@ -1,5 +1,5 @@
<template>
  <div class="chapter" num="7">
  <div class="chapter" num="8">
    <div class="page-box" page="114">
      <div class="bodystyle topImg">
        <h2 id="b007"><img class="img-0" alt="" src="../image/dy7.jpg" /></h2>
@@ -67,7 +67,12 @@
            </p>
          </div>
          <p class="center">
            <img class="img-a" alt="" src="../image/0126-1.jpg" />
            <el-image
              class="chapter002-img-0035"
              :src="picOneUrl"
              :preview-src-list="picArr"
            />
            <!-- <img class="img-a" alt="" src="../image/0126-1.jpg" /> -->
          </p>
        </div>
        <div class="bk">
@@ -134,7 +139,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text1')"
          ></textarea>
        </div>
@@ -147,7 +151,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text2')"
          ></textarea>
        </div>
@@ -246,7 +249,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text4')"
          ></textarea>
        </div>
@@ -258,7 +260,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text5')"
          ></textarea>
@@ -268,7 +269,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text6')"
          ></textarea>
@@ -278,7 +278,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text7')"
          ></textarea>
@@ -288,7 +287,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text8')"
          ></textarea>
@@ -345,7 +343,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text9')"
          ></textarea>
        </div>
@@ -375,7 +372,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text10')"
          ></textarea>
        </div>
@@ -397,11 +393,33 @@
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            创设良好睡眠环境的评分标准<img
              src="../icons/task.png"
              @click="activityGroup"
              alt=""
            />
            创设良好睡眠环境的评分标准
            <div @click="activityGroup">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="19.28"
                height="20.563"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </div>
          </div>
          <div v-if="chapter007.isGroupOpen" class="tips-file">
            <table class="table111 table122">
@@ -513,7 +531,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text11')"
          ></textarea>
        </div>
@@ -526,14 +543,33 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text12')"
          ></textarea>
        </div>
        <p>3.观察并收集婴幼儿的睡眠信号。若有照片，可贴在下面。</p>
        <div class="bk-tx">
          <p><br /></p>
          <p><br /></p>
          <div class="upload-list" v-if="chapter007.pictrueListTwo.length > 0">
            <div
              class="demo-image__preview"
              v-for="item in chapter007.pictrueListTwo"
              :key="item"
            >
              <el-image
                style="height: 100%"
                :src="item"
                :preview-src-list="chapter007.pictrueListTwo"
              >
              </el-image>
            </div>
          </div>
          <div class="bk-inputUpload">
            <input
              type="file"
              id="fileTwo"
              @change="handUploadFile($event, '2')"
            />
            <span class="btnUpload-list" @click="handFile('fileTwo')">+</span>
          </div>
        </div>
        <p>4.查阅阅读手册，研讨及归纳婴幼儿的睡眠信号。</p>
        <div class="bk-tx">
@@ -543,7 +579,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text13')"
          ></textarea>
@@ -553,7 +588,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text14')"
          ></textarea>
@@ -563,7 +597,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text15')"
          ></textarea>
@@ -573,7 +606,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text16')"
          ></textarea>
@@ -583,7 +615,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text17')"
          ></textarea>
@@ -623,7 +654,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text18')"
          ></textarea>
        </div>
@@ -634,7 +664,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text19')"
          ></textarea>
        </div>
@@ -669,7 +698,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text99')"
          ></textarea>
        </div>
@@ -733,7 +761,7 @@
            ><span class="bj1-h3">三</span>　　睡前准备　</span
          >
        </h3>
        <p><br /></p>
        <p>&nbsp;</p>
        <!-- <div class="bk-sys">
          <div class="bj1-sys">
            <p class="left">
@@ -747,11 +775,29 @@
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频：午睡前的准备<img
              src="../icons/video.png"
              @click="activityOne"
              alt=""
            />
            视频：午睡前的准备
            <div @click="activityOne">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="20.863"
                height="20.817"
                viewBox="0 0 19.863 13.817"
              >
                <g transform="translate(-40.961 -184.321)">
                  <path
                    class="a"
                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
                    transform="translate(51.824 196.82) rotate(-90)"
                  />
                  <path
                    class="b"
                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
                    transform="translate(-3269 15293.001)"
                  />
                </g>
              </svg>
            </div>
          </div>
          <div
            class="tips-file"
@@ -790,11 +836,29 @@
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频：午睡前的护理<img
              src="../icons/video.png"
              @click="activityTwo"
              alt=""
            />
            视频：午睡前的护理
            <div @click="activityTwo">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="20.863"
                height="20.817"
                viewBox="0 0 19.863 13.817"
              >
                <g transform="translate(-40.961 -184.321)">
                  <path
                    class="a"
                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
                    transform="translate(51.824 196.82) rotate(-90)"
                  />
                  <path
                    class="b"
                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
                    transform="translate(-3269 15293.001)"
                  />
                </g>
              </svg>
            </div>
          </div>
          <div
            class="tips-file"
@@ -813,6 +877,7 @@
            ></video>
          </div>
        </div>
        <p><br /></p>
        <p><br /></p>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述　⊙</p>
@@ -843,7 +908,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text20')"
          ></textarea>
        </div>
@@ -854,7 +918,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text21')"
          ></textarea>
        </div>
@@ -871,11 +934,29 @@
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频：脱衣物指导<img
              src="../icons/video.png"
              @click="activityFour"
              alt=""
            />
            视频：脱衣物指导
            <div @click="activityFour">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="20.863"
                height="20.817"
                viewBox="0 0 19.863 13.817"
              >
                <g transform="translate(-40.961 -184.321)">
                  <path
                    class="a"
                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
                    transform="translate(51.824 196.82) rotate(-90)"
                  />
                  <path
                    class="b"
                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
                    transform="translate(-3269 15293.001)"
                  />
                </g>
              </svg>
            </div>
          </div>
          <div
            class="tips-file"
@@ -902,7 +983,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text22')"
          ></textarea>
        </div>
@@ -922,11 +1002,34 @@
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            指导穿脱衣物的评分标准<img
              src="../icons/task.png"
              @click="activityScore1"
              alt=""
            />
            指导穿脱衣物的评分标准
            <div @click="activityScore1">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="19.28"
                height="20.563"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </div>
            <!-- <img src="../icons/task.png" @click="activityScore1" alt="" /> -->
          </div>
          <div v-if="chapter007.isScore1Open" class="tips-file">
            <table class="table111 table122">
@@ -1044,7 +1147,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text23')"
          ></textarea>
        </div>
@@ -1055,7 +1157,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text24')"
          ></textarea>
        </div>
@@ -1091,11 +1192,33 @@
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            给婴幼儿讲述故事的评分标准<img
              src="../icons/task.png"
              @click="activityScore2"
              alt=""
            />
            给婴幼儿讲述故事的评分标准
            <div @click="activityScore2">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                width="19.28"
                height="20.563"
                viewBox="0 0 19.28 20.563"
              >
                <g transform="translate(-109.056 -82.941)">
                  <path
                    class="a"
                    d="M3439.656-15185.7h-12.643a1.815,1.815,0,0,1-1.816-1.81v-16.944a1.83,1.83,0,0,1,1.816-1.809h15.674a1.8,1.8,0,0,1,1.79,1.809v13.93h-4.217a.6.6,0,0,0-.6.6v4.217h0Zm-9.819-2.764a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm0-2a.5.5,0,0,0-.5.5.5.5,0,0,0,.5.5h4a.5.5,0,0,0,.5-.5.5.5,0,0,0-.5-.5Zm1.393-8.525a2.416,2.416,0,0,0-2.416,2.411,2.421,2.421,0,0,0,2.416,2.42h.111a1.8,1.8,0,0,0,1.1,1.1,1.809,1.809,0,0,0,.6.107,1.808,1.808,0,0,0,1.7-1.206h4.072l-.172.172a.635.635,0,0,0-.179.454.569.569,0,0,0,.179.4.637.637,0,0,0,.435.176.6.6,0,0,0,.424-.176l1.2-1.214a.618.618,0,0,0,0-.858l-1.2-1.187a.619.619,0,0,0-.431-.176.6.6,0,0,0-.427.176.615.615,0,0,0,0,.854l.172.176h-4.072a1.8,1.8,0,0,0-1.1-1.1,1.755,1.755,0,0,0-.6-.1,1.808,1.808,0,0,0-1.7,1.206h-.111a.554.554,0,0,1-.145-.016,1.2,1.2,0,0,1-.84-.4,1.217,1.217,0,0,1-.3-.878,1.2,1.2,0,0,1,1.206-1.137.407.407,0,0,1,.069,0h3.729a1.807,1.807,0,0,0,1.118,1.114,1.816,1.816,0,0,0,.576.091,1.789,1.789,0,0,0,1.7-1.205h.309a2.415,2.415,0,0,0,1.679-.775,2.407,2.407,0,0,0,.637-1.729,2.411,2.411,0,0,0-2.419-2.324h-6.213a1.821,1.821,0,0,0-1.107-1.1,1.8,1.8,0,0,0-.6-.1,1.814,1.814,0,0,0-1.706,1.2,1.8,1.8,0,0,0,.077,1.389,1.787,1.787,0,0,0,1.026.92,1.841,1.841,0,0,0,.6.1,1.807,1.807,0,0,0,1.706-1.2h6.266a1.179,1.179,0,0,1,.836.4,1.22,1.22,0,0,1,.305.874,1.213,1.213,0,0,1-1.214,1.146h-.172a1.8,1.8,0,0,0-1.118-1.118,1.711,1.711,0,0,0-.576-.1,1.8,1.8,0,0,0-1.706,1.214Z"
                    transform="translate(-3316.14 15289.201)"
                  />
                  <path
                    class="a"
                    d="M316.806,239.727a.6.6,0,1,0,.6-.6A.6.6,0,0,0,316.806,239.727Zm-5.421-4.207a.6.6,0,1,0,.6.6A.587.587,0,0,0,311.385,235.52Zm2.4,8.438a.607.607,0,1,0-.6-.613A.621.621,0,0,0,313.789,243.958Z"
                    transform="translate(-196.896 -148.921)"
                  />
                  <path
                    class="a"
                    d="M763.392,793.79l3.262-3.262h-3.262Z"
                    transform="translate(-638.661 -690.634)"
                  />
                </g>
              </svg>
            </div>
          </div>
          <div v-if="chapter007.isScore2Open" class="tips-file">
            <table class="table111 table122">
@@ -1180,7 +1303,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text25')"
          ></textarea>
        </div>
@@ -1191,7 +1313,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text26')"
          ></textarea>
        </div>
@@ -1212,10 +1333,52 @@
        </div>
      </div>
      <div class="bodystyle">
        <p>3.请绘制为婴幼儿做睡前准备工作的思维导图。</p>
        <div class="bk-tx">
          <p>　<br /></p>
          <p>　<br /></p>
        <p class="bk-swdt">
          3.请绘制为婴幼儿做睡前准备工作的思维导图。<img
            src="../icons/swdt.png"
            alt=""
            @click="showSwdt"
          />
        </p>
        <div class="bk-tx" style="min-height: 200px">
          <div class="bk-iframe" v-if="chapter007.isShowSwdt">
            <div class="header-swdt">
              <p>思维导图</p>
              <i class="el-icon-close" @click="showSwdt"></i>
            </div>
            <iframe
              width="100%"
              height="600px"
              frameborder="0"
              scrolling="no"
              src="https://www.iodraw.com/mind"
            ></iframe>
          </div>
          <div class="bk-inputUpload" v-if="chapter007.pictrueList.length == 0">
            <input
              type="file"
              id="fileOne"
              @change="handUploadFile($event, 1)"
            />
            <span class="btnUpload" @click="handFile('fileOne')">+</span>
          </div>
          <div
            style="width: 100%; height: 100%"
            v-if="chapter007.pictrueList.length > 0"
          >
            <div
              class="demo-image__preview-swdt"
              v-for="item in chapter007.pictrueList"
              :key="item"
            >
              <el-image
                style="width: 100%"
                :src="item"
                :preview-src-list="chapter007.pictrueList"
              >
              </el-image>
            </div>
          </div>
        </div>
        <p>4.根据阅读手册，讨论如何有效开展睡前准备工作。</p>
        <p>（1）在开展各项睡前活动时应注意哪些问题？</p>
@@ -1226,7 +1389,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text27')"
          ></textarea>
@@ -1236,7 +1398,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text28')"
          ></textarea>
@@ -1246,7 +1407,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text29')"
          ></textarea>
@@ -1256,7 +1416,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text30')"
          ></textarea>
@@ -1269,7 +1428,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text31')"
          ></textarea>
@@ -1279,7 +1437,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text32')"
          ></textarea>
@@ -1307,7 +1464,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text33')"
          ></textarea>
        </div>
@@ -1318,7 +1474,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text34')"
          ></textarea>
        </div>
@@ -1336,11 +1491,29 @@
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频：午睡巡查<img
              src="../icons/video.png"
              @click="activityFive"
              alt=""
            />
            视频：午睡巡查
            <div @click="activityFive">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="20.863"
                height="20.817"
                viewBox="0 0 19.863 13.817"
              >
                <g transform="translate(-40.961 -184.321)">
                  <path
                    class="a"
                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
                    transform="translate(51.824 196.82) rotate(-90)"
                  />
                  <path
                    class="b"
                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
                    transform="translate(-3269 15293.001)"
                  />
                </g>
              </svg>
            </div>
          </div>
          <div
            class="tips-file"
@@ -1386,7 +1559,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text35')"
          ></textarea>
        </div>
@@ -1409,8 +1581,31 @@
      <div class="bodystyle">
        <p>2.拍摄或绘制婴幼儿的各种睡姿。</p>
        <div class="bk-tx">
          <p><br />　</p>
          <p><br />　</p>
          <div
            class="upload-list"
            v-if="chapter007.pictrueListThree.length > 0"
          >
            <div
              class="demo-image__preview"
              v-for="item in chapter007.pictrueListThree"
              :key="item"
            >
              <el-image
                style="height: 100%"
                :src="item"
                :preview-src-list="chapter007.pictrueListThree"
              >
              </el-image>
            </div>
          </div>
          <div class="bk-inputUpload">
            <input
              type="file"
              id="fileThree"
              @change="handUploadFile($event, '3')"
            />
            <span class="btnUpload-list" @click="handFile('fileThree')">+</span>
          </div>
        </div>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述2　⊙</p>
@@ -1426,7 +1621,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text36')"
          ></textarea>
@@ -1436,7 +1630,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text37')"
          ></textarea>
@@ -1446,7 +1639,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text38')"
          ></textarea>
@@ -1462,7 +1654,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text39')"
          ></textarea>
@@ -1472,7 +1663,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text40')"
          ></textarea>
@@ -1500,7 +1690,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text41')"
          ></textarea>
@@ -1513,7 +1702,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text42')"
          ></textarea>
@@ -1523,7 +1711,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text43')"
          ></textarea>
@@ -1533,7 +1720,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text44')"
          ></textarea>
@@ -1546,7 +1732,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text45')"
          ></textarea>
@@ -1556,7 +1741,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text46')"
          ></textarea>
@@ -1566,7 +1750,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text47')"
          ></textarea>
@@ -1579,7 +1762,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text48')"
          ></textarea>
@@ -1608,7 +1790,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text49')"
          ></textarea>
@@ -1618,7 +1799,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text50')"
          ></textarea>
@@ -1631,7 +1811,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text51')"
          ></textarea>
@@ -1641,7 +1820,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text52')"
          ></textarea>
@@ -1651,7 +1829,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text53')"
          ></textarea>
@@ -1702,7 +1879,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text54')"
          ></textarea>
        </div>
@@ -1713,7 +1889,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text55')"
          ></textarea>
        </div>
@@ -1724,7 +1899,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text56')"
          ></textarea>
        </div>
@@ -1739,7 +1913,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text57')"
          ></textarea>
@@ -1771,7 +1944,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text58')"
          ></textarea>
@@ -1786,7 +1958,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text59')"
          ></textarea>
@@ -1807,7 +1978,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text60')"
          ></textarea>
@@ -1820,7 +1990,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text61')"
          ></textarea>
@@ -1875,7 +2044,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text62')"
          ></textarea>
        </div>
@@ -1893,11 +2061,29 @@
        </div> -->
        <div class="tips-bk">
          <div class="bj-tip">
            视频：起床后的护理<img
              src="../icons/video.png"
              @click="activitySix"
              alt=""
            />
            视频：起床后的护理
            <div @click="activitySix">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="20.863"
                height="20.817"
                viewBox="0 0 19.863 13.817"
              >
                <g transform="translate(-40.961 -184.321)">
                  <path
                    class="a"
                    d="M4.647,1.4a1,1,0,0,1,1.707,0L10.07,7.479A1,1,0,0,1,9.217,9H1.783A1,1,0,0,1,.93,7.479Z"
                    transform="translate(51.824 196.82) rotate(-90)"
                  />
                  <path
                    class="b"
                    d="M3322.914-15094.863h-10.363a2.593,2.593,0,0,1-2.59-2.59v-8.638a2.593,2.593,0,0,1,2.59-2.59h10.363a2.6,2.6,0,0,1,2.594,2.59v1.729c.013.027,0,3.6,0,5.141v1.769A2.6,2.6,0,0,1,3322.914-15094.863Zm-6.9-9.933a.862.862,0,0,0-.755.468.947.947,0,0,0-.114.455v4.2a.9.9,0,0,0,.868.922.848.848,0,0,0,.432-.121l3.45-2.12a.956.956,0,0,0,.315-1.259.874.874,0,0,0-.322-.341l-3.451-2.086A.813.813,0,0,0,3316.01-15104.8Z"
                    transform="translate(-3269 15293.001)"
                  />
                </g>
              </svg>
            </div>
          </div>
          <div
            class="tips-file"
@@ -1926,7 +2112,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text63')"
          ></textarea>
        </div>
@@ -2018,7 +2203,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text64')"
          ></textarea>
        </div>
@@ -2030,7 +2214,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text65')"
          ></textarea>
@@ -2040,7 +2223,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text66')"
          ></textarea>
@@ -2068,7 +2250,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text67')"
          ></textarea>
@@ -2078,7 +2259,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text68')"
          ></textarea>
@@ -2088,7 +2268,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text68')"
          ></textarea>
@@ -2098,7 +2277,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text69')"
          ></textarea>
@@ -2203,18 +2381,28 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('desc')"
          ></textarea>
        </div>
        <p></p>
        <div class="tips-bk">
          <div class="bj-tip">
            云测试：单元七应用与实践<img
              src="../icons/sub.png"
              @click="activityThree"
              alt=""
            />
            云测试：单元七应用与实践
            <div @click="activityThree">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="20.115"
                height="19.988"
                viewBox="0 0 20.115 19.988"
              >
                <path
                  class="a"
                  d="M3356.437-15192.012a.568.568,0,0,1-.236-.052.566.566,0,0,1-.271-.744l1.134-2.429h-5.505a.558.558,0,0,1-.557-.558.559.559,0,0,1,.557-.561h19a.559.559,0,0,1,.557.561.558.558,0,0,1-.557.558h-5.505l1.13,2.429a.552.552,0,0,1,.019.427.55.55,0,0,1-.29.313.547.547,0,0,1-.238.055.557.557,0,0,1-.5-.322l-1.355-2.9h-5.52l-1.352,2.9A.563.563,0,0,1,3356.437-15192.012Zm12.442-5.462h-15.645a2.236,2.236,0,0,1-2.233-2.233v-10.06a2.236,2.236,0,0,1,2.233-2.233h15.645a2.238,2.238,0,0,1,2.237,2.233v10.06A2.238,2.238,0,0,1,3368.88-15197.474Zm-4.842-11.732a1.112,1.112,0,0,0-.748.287l-4.986,4.486a1.143,1.143,0,0,0-.309.473l-1.577,2.727a.57.57,0,0,0,.034.61.552.552,0,0,0,.447.229.448.448,0,0,0,.126-.016.55.55,0,0,0,.13-.03l2.871-1.233a1.153,1.153,0,0,0,.523-.268l4.982-4.485a1.121,1.121,0,0,0,.084-1.581l-.748-.828A1.113,1.113,0,0,0,3364.038-15209.206Z"
                  transform="translate(-3351.001 15212)"
                />
              </svg>
            </div>
          </div>
          <div
            v-if="chapter007.idOpenThree && chapter007.qustionData[131]"
@@ -2235,11 +2423,14 @@
import getQuestionData from "@/assets/methods/examination.js";
import testData from "../js/examinationList.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";

export default {
  name: "chapter007",
  data() {
    return {
      picOneUrl: require("../image/0126-1.jpg"),
      picArr: [require("../image/0126-1.jpg")],
      chapter007: {
        videoTwoUrl: "",
        videoFourUrl: "",
@@ -2254,6 +2445,10 @@
        isOpenSix: true,
        isScore1Open: true,
        isScore2Open: true,
        isShowSwdt: false,
        pictrueList: [],
        pictrueListTwo: [],
        pictrueListThree: [],
        qustionData: {},
        // 创设良好睡眠环境的评分标准
        publicHeader: ["序号", "考核内容", "配分", "评分标准", "扣分", "得分"],
@@ -2489,16 +2684,26 @@
  components: {
    examinations,
  },
 async created() {
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter007"));
    if (localData) {
      this.chapter007 = { ...Object.assign(this.chapter007, localData) };
    }
    this.chapter007.videOneUrl = getResourcePath("3c35b62a39cf8beddc28c5c1c8a847ec");
    this.chapter007.videoTwoUrl = getResourcePath("4731be836c5c625584c3c94a61249cc9");
    this.chapter007.videoFourUrl = getResourcePath("4889c1899ed5716aeea6ca031cd3136d");
    this.chapter007.videoFiveUrl = getResourcePath("a1d60d7c5322d531939118c1aaf8feb7");
    this.chapter007.videoSixUrl = getResourcePath("f92c68faa37e1f6ce9ca50f234ddad90");
    this.chapter007.videOneUrl = getResourcePath(
      "3c35b62a39cf8beddc28c5c1c8a847ec"
    );
    this.chapter007.videoTwoUrl = getResourcePath(
      "4731be836c5c625584c3c94a61249cc9"
    );
    this.chapter007.videoFourUrl = getResourcePath(
      "4889c1899ed5716aeea6ca031cd3136d"
    );
    this.chapter007.videoFiveUrl = getResourcePath(
      "a1d60d7c5322d531939118c1aaf8feb7"
    );
    this.chapter007.videoSixUrl = getResourcePath(
      "f92c68faa37e1f6ce9ca50f234ddad90"
    );
    this.chapter007.videOneUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=3c35b62a39cf8beddc28c5c1c8a847ec";
    this.chapter007.videoTwoUrl =
@@ -2509,7 +2714,11 @@
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=a1d60d7c5322d531939118c1aaf8feb7";
    this.chapter007.videoSixUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=f92c68faa37e1f6ce9ca50f234ddad90";
    this.chapter007.qustionData = await getQuestionData("7",testData[7],this.config.activeBook);
    this.chapter007.qustionData = await getQuestionData(
      "7",
      testData[7],
      this.config.activeBook
    );
  },
  methods: {
    activityOne() {
@@ -2592,6 +2801,49 @@
    onRadioText() {
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    showSwdt() {
      this.chapter007.isShowSwdt = !this.chapter007.isShowSwdt;
    },
    handUploadFile(e, type) {
      var that = this;
      const file = e.target.files[0];
      const FileName = file.name.split(".")[0];
      const Extension = file.name.split(".")[1];
      const FileType = file.type;
      let size = 1024;
      getFileMd5(file, size * 1024)
        .then((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);
          that.MG.file.upload(imgData).then(() => {});
          setTimeout(() => {
            if (type == "1") {
              that.chapter007.pictrueList.push(getPublicImage(e));
            }
            if (type == "2") {
              that.chapter007.pictrueListTwo.push(getPublicImage(e));
            }
            if (type == "3") {
              that.chapter007.pictrueListThree.push(getPublicImage(e));
            }
            that.isLoding = false;
            localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
          }, 1000);
        })
        .catch((e) => {
          that.isLoding = false;
          console.error(e);
        });
    },
    handFile(str) {
      let dom = document.getElementById(str);
      dom.click();
    },
  },
};
</script>