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

YM

2024-05-31 781876372311fa27266a223062b460ac09e93a40

 src/books/lifeCare/view/chapter007.vue

@@ -1,7 +1,7 @@
<template>
  <div class="chapter" num="8">
    <div class="page-box" page="114">
      <div v-if="showPageList.indexOf(114) > -1">
    <div class="page-box" page="118">
      <div v-if="showPageList.indexOf(118) > -1">
        <div class="bodystyle topImg">
          <h2 id="b007"><img class="img-0" alt="" src="../image/dy7.jpg" /></h2>
          <div class="bk">
@@ -50,8 +50,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="115">
      <div v-if="showPageList.indexOf(115) > -1">
    <div class="page-box" page="119">
      <div v-if="showPageList.indexOf(119) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -71,13 +71,8 @@
                <img class="img-gn" alt="" src="../image/dy-xxdh.jpg" />
              </p>
            </div>
            <p class="center">
              <el-image
                class="chapter002-img-0035"
                :src="picOneUrl"
                :preview-src-list="picArr"
              />
              <!-- <img class="img-a" alt="" src="../image/0126-1.jpg" /> -->
            <p class="center openImgBox">
              <img class="img-a" alt="" src="../image/0126-1.jpg" />
            </p>
          </div>
          <div class="bk">
@@ -101,8 +96,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="116">
      <div v-if="showPageList.indexOf(116) > -1">
    <div class="page-box" page="120">
      <div v-if="showPageList.indexOf(120) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -219,8 +214,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="117">
      <div v-if="showPageList.indexOf(117) > -1">
    <div class="page-box" page="121">
      <div v-if="showPageList.indexOf(121) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -304,8 +299,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="118">
      <div v-if="showPageList.indexOf(118) > -1">
    <div class="page-box" page="122">
      <div v-if="showPageList.indexOf(122) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -364,8 +359,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="119">
      <div v-if="showPageList.indexOf(119) > -1">
    <div class="page-box" page="123">
      <div v-if="showPageList.indexOf(123) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -521,8 +516,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="120">
      <div v-if="showPageList.indexOf(120) > -1">
    <div class="page-box" page="124">
      <div v-if="showPageList.indexOf(124) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -562,23 +557,42 @@
              @blur="onBlurChange('text12')"
            ></textarea>
          </div>
          <p>3.观察并收集婴幼儿的睡眠信号。若有照片，可贴在下面。</p>
          <p class="pic-wall">
            3.观察并收集婴幼儿的睡眠信号。若有照片，可贴在下面。
            <span class="btnUpload-list" @click="handFile('fileTwo')">
              <svg
                t="1717059899765"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2633"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="18"
                height="18"
              >
                <path
                  d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
                  p-id="2634"
                ></path>
                <path
                  d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
                  p-id="2635"
                ></path>
              </svg>
            </span>
          </p>
          <div class="bk-tx">
            <div
              class="upload-list"
              v-if="chapter007.pictrueListTwo.length > 0"
            >
              <div
                class="demo-image__preview"
                class="demo-image__preview openImgBox"
                v-for="item in chapter007.pictrueListTwo"
                :key="item"
              >
                <el-image
                  style="height: 100%"
                  :src="item"
                  :preview-src-list="chapter007.pictrueListTwo"
                >
                </el-image>
                <img style="height: 100%" :src="item" alt="" />
              </div>
            </div>
            <div class="bk-inputUpload">
@@ -587,7 +601,6 @@
                id="fileTwo"
                @change="handUploadFile($event, '2')"
              />
              <span class="btnUpload-list" @click="handFile('fileTwo')">+</span>
            </div>
          </div>
          <p>4.查阅阅读手册，研讨及归纳婴幼儿的睡眠信号。</p>
@@ -641,8 +654,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="121">
      <div v-if="showPageList.indexOf(121) > -1">
    <div class="page-box" page="125">
      <div v-if="showPageList.indexOf(125) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -697,8 +710,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="122">
      <div v-if="showPageList.indexOf(122) > -1">
    <div class="page-box" page="126">
      <div v-if="showPageList.indexOf(126) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -912,8 +925,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="123">
      <div v-if="showPageList.indexOf(123) > -1">
    <div class="page-box" page="127">
      <div v-if="showPageList.indexOf(127) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1139,8 +1152,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="124">
      <div v-if="showPageList.indexOf(124) > -1">
    <div class="page-box" page="128">
      <div v-if="showPageList.indexOf(128) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1197,8 +1210,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="125">
      <div v-if="showPageList.indexOf(125) > -1">
    <div class="page-box" page="129">
      <div v-if="showPageList.indexOf(129) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1353,8 +1366,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="126">
      <div v-if="showPageList.indexOf(126) > -1">
    <div class="page-box" page="130">
      <div v-if="showPageList.indexOf(130) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1377,19 +1390,6 @@
            />
          </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"
@@ -1399,23 +1399,39 @@
                id="fileOne"
                @change="handUploadFile($event, 1)"
              />
              <span class="btnUpload" @click="handFile('fileOne')">+</span>
              <span class="btnUpload" @click="handFile('fileOne')">
                <svg
                  t="1717059899765"
                  class="icon"
                  viewBox="0 0 1024 1024"
                  version="1.1"
                  xmlns="http://www.w3.org/2000/svg"
                  p-id="2633"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="200"
                  height="200"
                >
                  <path
                    d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
                    p-id="2634"
                  ></path>
                  <path
                    d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
                    p-id="2635"
                  ></path>
                </svg>
              </span>
            </div>
            <div
              style="width: 100%; height: 100%"
              v-if="chapter007.pictrueList.length > 0"
            >
              <div
                class="demo-image__preview-swdt"
                class="demo-image__preview-swdt openImgBox"
                v-for="item in chapter007.pictrueList"
                :key="item"
              >
                <el-image
                  style="width: 100%"
                  :src="item"
                  :preview-src-list="chapter007.pictrueList"
                >
                </el-image>
                <img style="width: 100%" :src="item" alt="" />
              </div>
            </div>
          </div>
@@ -1462,7 +1478,7 @@
          <p>（2）如何有效地营造氛围？</p>
          <div class="bk-tx">
            <p class="left">播放音乐</p>
            <<textarea
            <textarea
              v-model="chapter007.textAreaItem.text31"
              style="border: 0"
              placeholder="请输入内容"
@@ -1483,8 +1499,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="127">
      <div v-if="showPageList.indexOf(127) > -1">
    <div class="page-box" page="131">
      <div v-if="showPageList.indexOf(131) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1606,8 +1622,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="128">
      <div v-if="showPageList.indexOf(128) > -1">
    <div class="page-box" page="132">
      <div v-if="showPageList.indexOf(132) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1622,23 +1638,42 @@
          </div>
        </div>
        <div class="bodystyle">
          <p>2.拍摄或绘制婴幼儿的各种睡姿。</p>
          <p class="pic-wall">
            2.拍摄或绘制婴幼儿的各种睡姿。
            <span class="btnUpload-list" @click="handFile('fileThree')">
              <svg
                t="1717059899765"
                class="icon"
                viewBox="0 0 1024 1024"
                version="1.1"
                xmlns="http://www.w3.org/2000/svg"
                p-id="2633"
                xmlns:xlink="http://www.w3.org/1999/xlink"
                width="18"
                height="18"
              >
                <path
                  d="M256.111993 608.601962c61.628148 0 122.808324 17.790888 183.220549 52.796701 88.122492-119.67252 198.387601-180.788701 328.747453-180.788701 80.122992 0 142.071121 0 191.860009 41.213424V217.522405C959.940004 168.181489 919.750516 127.992 870.345603 127.992h-716.755202A89.5944 89.5944 0 0 0 63.996 217.586401v489.569402c47.165052-64.95594 111.929004-98.489844 192.179989-98.489845z m95.994-159.99a95.994 95.994 0 1 0 0-191.988001 95.994 95.994 0 0 0 0 191.988001z m0 63.996a159.990001 159.990001 0 1 1 0-319.980001 159.990001 159.990001 0 0 1 0 319.980001zM1023.936004 619.097306a254.448097 254.448097 0 0 0-112.63296-41.469408c-38.909568-33.021936-81.27492-33.021936-143.223049-33.021936-116.664708 0-213.682645 58.23636-293.357665 177.716893l-17.726892 26.622336-26.622336-17.726892c-58.940316-39.293544-116.920692-58.620336-174.261109-58.620336-72.699456 0-125.880132 53.564652-163.317793 128.439972l-14.335104 28.606212-14.207112-7.103556A89.5944 89.5944 0 0 0 153.590401 905.031436h425.893381c6.783576 22.782576 16.63896 44.285232 29.182176 63.996H153.590401a153.590401 153.590401 0 0 1-153.590401-153.590401V217.586401A153.590401 153.590401 0 0 1 153.590401 63.996h716.691206A153.654397 153.654397 0 0 1 1023.936004 217.586401v401.510905z"
                  p-id="2634"
                ></path>
                <path
                  d="M796.366227 796.430223v-142.199112a28.414224 28.414224 0 0 1 56.892444 0v142.199112h142.199113a28.414224 28.414224 0 0 1 0 56.828448h-142.199113v142.263109a28.414224 28.414224 0 0 1-56.95644 0v-142.263109h-142.135116a28.414224 28.414224 0 0 1 0-56.828448h142.199112z"
                  p-id="2635"
                ></path>
              </svg>
            </span>
          </p>
          <div class="bk-tx">
            <div
              class="upload-list"
              v-if="chapter007.pictrueListThree.length > 0"
            >
              <div
                class="demo-image__preview"
                class="demo-image__preview openImgBox"
                v-for="item in chapter007.pictrueListThree"
                :key="item"
              >
                <el-image
                  style="height: 100%"
                  :src="item"
                  :preview-src-list="chapter007.pictrueListThree"
                >
                </el-image>
                <img style="height: 100%" :src="item" alt="" />
              </div>
            </div>
            <div class="bk-inputUpload">
@@ -1647,9 +1682,6 @@
                id="fileThree"
                @change="handUploadFile($event, '3')"
              />
              <span class="btnUpload-list" @click="handFile('fileThree')"
                >+</span
              >
            </div>
          </div>
          <div class="bk-qjms">
@@ -1715,8 +1747,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="129">
      <div v-if="showPageList.indexOf(129) > -1">
    <div class="page-box" page="133">
      <div v-if="showPageList.indexOf(133) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1816,8 +1848,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="130">
      <div v-if="showPageList.indexOf(130) > -1">
    <div class="page-box" page="134">
      <div v-if="showPageList.indexOf(134) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1902,8 +1934,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="131">
      <div v-if="showPageList.indexOf(131) > -1">
    <div class="page-box" page="135">
      <div v-if="showPageList.indexOf(135) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -1971,8 +2003,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="132">
      <div v-if="showPageList.indexOf(132) > -1">
    <div class="page-box" page="136">
      <div v-if="showPageList.indexOf(136) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -1980,7 +2012,7 @@
              <div class="second-right">
                <img src="../image/pageImg.png" alt="" />
                <span class="pageStr">第七单元·睡眠活动照护</span>
                <span class="pageNum">1-127</span>
                <span class="pageNum">1-126</span>
              </div>
            </div>
            <div class="borderLine"></div>
@@ -2051,8 +2083,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="133">
      <div v-if="showPageList.indexOf(133) > -1">
    <div class="page-box" page="137">
      <div v-if="showPageList.indexOf(137) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2173,8 +2205,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="134">
      <div v-if="showPageList.indexOf(134) > -1">
    <div class="page-box" page="138">
      <div v-if="showPageList.indexOf(138) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2295,8 +2327,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="135">
      <div v-if="showPageList.indexOf(135) > -1">
    <div class="page-box" page="139">
      <div v-if="showPageList.indexOf(139) > -1">
        <div class="header">
          <div class="pageHeader-first">
            <div class="header-bj"></div>
@@ -2421,8 +2453,8 @@
        </div>
      </div>
    </div>
    <div class="page-box" page="136">
      <div v-if="showPageList.indexOf(136) > -1">
    <div class="page-box" page="140">
      <div v-if="showPageList.indexOf(140) > -1">
        <div class="header">
          <div class="pageHeader-second">
            <div class="second-con">
@@ -2874,7 +2906,7 @@
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    showSwdt() {
      this.chapter007.isShowSwdt = !this.chapter007.isShowSwdt;
      this.$emit("eventSwdt", "swdt");
    },
    handUploadFile(e, type) {
      var that = this;
@@ -2913,7 +2945,9 @@
        });
    },
    handFile(str) {
      let dom = document.getElementById(str);
      let dom = (this.container ? this.container : document).getElementById(
        str
      );
      dom.click();
    },
  },