增加流程图

unknown

2024-05-28 4e974b7b54f3ee0561a7291e6fd60e4a4491c6de

 src/books/lifeCare/view/chapter004.vue

@@ -1,6 +1,6 @@
<template>
  <div class="chapter">
    <div class="page-box">
  <div class="chapter" num="5">
    <div class="page-box" page="55">
      <div class="bodystyle topImg">
        <h2 id="b004">
          <img class="img-0" alt="" src="../image/dy4.jpg" />
@@ -58,7 +58,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="56">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -80,7 +80,12 @@
            </p>
          </div>
          <p class="center">
            <img class="img-b" alt="" src="../image/0067-1.jpg" />
            <el-image
              class="chapter002-img-0035"
              :src="picOneUrl"
              :preview-src-list="picArr"
            />
            <!-- <img class="img-b" alt="" src="../image/0067-1.jpg" /> -->
          </p>
        </div>
        <div class="bk">
@@ -121,7 +126,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="57">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -143,7 +148,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text1')"
          ></textarea>
@@ -153,7 +157,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text2')"
          ></textarea>
@@ -183,7 +186,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text3')"
          ></textarea>
@@ -193,7 +195,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text4')"
          ></textarea>
@@ -203,14 +204,13 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="3"
            maxlength="100"
            class="textareaInput"
            @blur="onBlurChange('text5')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="58">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -244,7 +244,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text6')"
          ></textarea>
        </div>
@@ -255,7 +254,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text7')"
          ></textarea>
        </div>
@@ -272,13 +270,12 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text8')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="59">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -299,7 +296,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text9')"
          ></textarea>
        </div>
@@ -311,11 +307,29 @@
        <p><br /></p>
        <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"
@@ -376,7 +390,7 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="60">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -418,11 +432,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="chapter004.isGroupOpen" class="tips-file">
            <table class="table111 table122">
@@ -483,6 +519,7 @@
            </table>
          </div>
        </div>
        <p><br /></p>
        <p><b>④总结与反思</b></p>
        <p>1.操作中容易失误扣分的方面有哪些？</p>
        <div class="bk-tx">
@@ -491,7 +528,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text10')"
          ></textarea>
        </div>
@@ -502,13 +538,12 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text11')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="61">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -542,7 +577,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text12')"
          ></textarea>
        </div>
@@ -559,7 +593,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text13')"
          ></textarea>
        </div>
@@ -576,7 +609,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="62">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -599,7 +632,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text14')"
          ></textarea>
        </div>
@@ -610,7 +642,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text15')"
          ></textarea>
        </div>
@@ -621,7 +652,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text16')"
          ></textarea>
        </div>
@@ -638,13 +668,12 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text17')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="63">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -665,7 +694,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text18')"
          ></textarea>
        </div>
@@ -694,13 +722,12 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text19')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="64">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -716,11 +743,13 @@
      </div>
      <div class="bodystyle">
        <p>2.请画出指导婴幼儿集体如厕过程的流程图。</p>
        <div class="bk-tx">
          <div
            id="myDiagramDiv"
            style="width: 500px; height: 300px; background-color: #dae4e0"
          ></div>
        <div class="drawContent_wall">
          <drawflow
            @getDrawData="drawflowDataOne"
            :strId="'drawflowIdOne'"
            :primaryColor="'#f49a4c'"
            :importData="chapter004.drawDataOne"
          />
        </div>
        <p>3.婴幼儿集体如厕过程中易出现什么突发事件？应对策略有哪些？</p>
        <div class="bk-tx">
@@ -729,7 +758,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text20')"
          ></textarea>
        </div>
@@ -740,7 +768,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text21')"
          ></textarea>
        </div>
@@ -751,11 +778,29 @@
        </h4>
        <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"
@@ -789,7 +834,7 @@
        </div> -->
        <img class="img-gn2" alt="" src="../image/xxgcy.png" />
        <p>
          请扫二维码观看视频，观察视频中的婴幼儿有哪些不良的如厕习惯。如果有，请指出问题并给出矫正不良的如厕习惯的建议。
          请观看视频，观察视频中的婴幼儿有哪些不良的如厕习惯。如果有，请指出问题并给出矫正不良的如厕习惯的建议。
        </p>
        <p>1.不良的如厕习惯有哪些？</p>
        <div class="bk-tx">
@@ -798,13 +843,12 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text22')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="65">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -825,7 +869,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text23')"
          ></textarea>
        </div>
@@ -842,7 +885,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text24')"
          ></textarea>
        </div>
@@ -854,7 +896,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text25')"
          ></textarea>
        </div>
@@ -865,13 +906,12 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text26')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="66">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -893,7 +933,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text27')"
          ></textarea>
        </div>
@@ -923,13 +962,12 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text28')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="67">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -950,7 +988,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text29')"
          ></textarea>
        </div>
@@ -968,11 +1005,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"
@@ -1005,7 +1060,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text30')"
          ></textarea>
        </div>
@@ -1016,7 +1070,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text31')"
          ></textarea>
        </div>
@@ -1027,13 +1080,12 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text32')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="68">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -1064,15 +1116,19 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text33')"
          ></textarea>
        </div>
        <p>2.请画出指导婴幼儿便后清洁的流程图。</p>
        <div class="bk-tx">
          <p>　</p>
          <p>　</p>
        <div class="drawContent_wall">
          <drawflow
            @getDrawData="drawflowDataTwo"
            :strId="'drawflowIdTwo'"
            :primaryColor="'#f49a4c'"
            :importData="chapter004.drawDataTwo"
          />
        </div>
        <p><br /></p>
        <div class="bk-qjms">
          <p class="bj1-qjms">⊙　情境描述2　⊙</p>
          <p class="block">
@@ -1081,7 +1137,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="69">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -1104,28 +1160,12 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text34')"
          ></textarea>
        </div>
        <h4 id="d042">
          ▶▶ 应用与实践<span class="fontsz1">＞＞＞＞＞＞＞＞</span>
        </h4>
        <div class="tips-bk">
          <div class="bj-tip">
            云测试：单元四应用与实践<img
              src="../icons/sub.png"
              @click="activityThree"
              alt=""
            />
          </div>
          <div
            v-if="chapter004.idOpenThree && chapter004.qustionData[4]"
            class="tips-file"
          >
            <examinations :cardList="chapter004.qustionData[4]" />
          </div>
        </div>
        <p><br /></p>
        <!-- <p><br /></p>
        <div class="bk-sys">
@@ -1193,7 +1233,7 @@
        <p class="block">D.提早训练</p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="70">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -1218,46 +1258,86 @@
        <p class="block">B.吞咽反射</p>
        <p class="block">C.吸吮反射</p>
        <p class="block">D.条件反射</p>
        <p>7.培养良好的二便习惯和生活方式有利于（　<input
        <p>
          7.培养良好的二便习惯和生活方式有利于（　<input
            v-model="chapter004.radio.text7"
            @blur="onRadioText()"
          />　）。</p>
          />　）。
        </p>
        <p class="block">A.提高婴幼儿动作的灵活性</p>
        <p class="block">B.提高婴幼儿的社会交往能力</p>
        <p class="block">C.提高婴幼儿机体的工作效率</p>
        <p class="block">D.促进婴幼儿的智力发展</p>
        <p>8.培养婴幼儿的二便习惯要（　<input
        <p>
          8.培养婴幼儿的二便习惯要（　<input
            v-model="chapter004.radio.text8"
            @blur="onRadioText()"
          />　）。</p>
          />　）。
        </p>
        <p class="block">A.抓准间隔时间提前提醒</p>
        <p class="block">B.提早训练</p>
        <p class="block">C.以家长的威严制服婴儿</p>
        <p class="block">D.用食物逗引婴儿</p>
        <p>9.婴幼儿二便后不正确的清洁方法是（　<input
        <p>
          9.婴幼儿二便后不正确的清洁方法是（　<input
            v-model="chapter004.radio.text9"
            @blur="onRadioText()"
          />　）。</p>
          />　）。
        </p>
        <p class="block">A.便后洗手</p>
        <p class="block">B.用温水洗屁股</p>
        <p class="block">C.便后便盆清洗消毒</p>
        <p class="block">D.女婴大便后一定要从后向前擦</p>
        <div class="tips-bk">
          <div class="bj-tip">
            云测试：单元四应用与实践
            <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="chapter004.idOpenThree && chapter004.qustionData[65]"
            class="tips-file"
          >
            <examinations
              :primaryColor="'#f49a4c'"
              :cardList="chapter004.qustionData[65]"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
// import getResourcePath from "@/assets/methods/resources.js";
// import getQuestionData from "@/assets/methods/examination.js";
import getResourcePath from "@/assets/methods/resources.js";
import getQuestionData from "@/assets/methods/examination.js";
import testData from "../js/examinationList.js";
// import examinations from "@/components/examinations/index.vue";
import examinations from "@/components/examinations/index.vue";
import drawflow from "@/components/drawflow";
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: "chapter004",
  components: {
    // examinations
    examinations,
    drawflow,
  },
  data() {
    return {
      picOneUrl: require("../image/0067-1.jpg"),
      picArr: [require("../image/0067-1.jpg")],
      chapter004: {
        videOneUrl: "",
        videoTwoUrl: "",
@@ -1309,37 +1389,65 @@
        textAreaItem: {},
        qustionData: {},
        radio: {},
        drawDataOne: {
          drawflow: {
            Home: {
              data: {},
            },
          },
        },
        drawDataTwo: {
          drawflow: {
            Home: {
              data: {},
            },
          },
        },
      },
    };
  },
  created() {
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter004"));
    if (localData) {
      this.chapter004 = { ...Object.assign(this.chapter004, localData) };
    }
    // this.chapter004.videOneUrl = getResourcePath("c276be12bae3b1df0b3ce4aa01b14e1e");
    // this.chapter004.videoTwoUrl = getResourcePath("7eb7fe2e3c13885a96143110ca4f5654");
    // this.chapter004.videoFourUrl = getResourcePath("1b04691b60e5b5b207b3a4967c495d29");
    this.chapter004.videOneUrl = getResourcePath(
      "c276be12bae3b1df0b3ce4aa01b14e1e"
    );
    this.chapter004.videoTwoUrl = getResourcePath(
      "7eb7fe2e3c13885a96143110ca4f5654"
    );
    this.chapter004.videoFourUrl = getResourcePath(
      "1b04691b60e5b5b207b3a4967c495d29"
    );
    this.chapter004.videOneUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=c276be12bae3b1df0b3ce4aa01b14e1e";
    this.chapter004.videoTwoUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=7eb7fe2e3c13885a96143110ca4f5654";
    this.chapter004.videoFourUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=1b04691b60e5b5b207b3a4967c495d29";
    // this.chapter004.qustionData = await getQuestionData("4",testData[4]);
    this.chapter004.qustionData = await getQuestionData(
      "4",
      testData[4],
      this.config.activeBook
    );
  },
  methods: {
    activityOne() {
      this.chapter004.isOpenOne = !this.chapter004.isOpenOne;
      localStorage.setItem("chapter004", JSON.stringify(this.chapter004));
    },
    activityTwo() {
      this.chapter004.isOpenTwo = !this.chapter004.isOpenTwo;
      localStorage.setItem("chapter004", JSON.stringify(this.chapter004));
    },
    activityThree() {
      this.chapter004.idOpenThree = !this.chapter004.idOpenThree;
      localStorage.setItem("chapter004", JSON.stringify(this.chapter004));
    },
    activityFour() {
      this.chapter004.isOpenFour = !this.chapter004.isOpenFour;
      localStorage.setItem("chapter004", JSON.stringify(this.chapter004));
    },
    activityGroup() {
      this.chapter004.isGroupOpen = !this.chapter004.isGroupOpen;
@@ -1364,6 +1472,14 @@
    onBlurChange() {
      localStorage.setItem("chapter004", JSON.stringify(this.chapter004));
    },
    drawflowDataOne(val) {
      this.chapter004.drawDataOne = val;
      localStorage.setItem("chapter004", JSON.stringify(this.chapter004));
    },
    drawflowDataTwo(val) {
      this.chapter004.drawDataTwo = val;
      localStorage.setItem("chapter004", JSON.stringify(this.chapter004));
    },
  },
  mounted() {},
};