闫增涛
2024-06-05 23ebc0d9ee7d4b06916478f84b411d0406f11a3a
src/books/lifeCare/view/chapter007.vue
@@ -315,10 +315,53 @@
          </div>
        </div>
        <div class="bodystyle">
          <p>3.请绘制良好的睡眠环境图。</p>
          <p class="pic-wall">
            3.请绘制良好的睡眠环境图。<span
              class="btnUpload-list"
              @click="handFile('fileFour')"
            >
              <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">
            <p><br /></p>
            <p><br /> </p>
            <div
              class="upload-list"
              v-if="chapter007.pictrueListFour.length > 0"
            >
              <div
                class="demo-image__preview openImgBox"
                v-for="item in chapter007.pictrueListFour"
                :key="item"
              >
                <img style="height: 100%" :src="item" alt="" />
              </div>
            </div>
            <div class="bk-inputUpload">
              <input
                type="file"
                id="fileFour"
                @change="handUploadFile($event, '4')"
              />
            </div>
          </div>
          <h4 id="d073">
            ▶▶ 活动3:创设睡眠环境<span class="fontsz1">>>>>>>>></span>
@@ -557,7 +600,31 @@
              @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"
@@ -577,7 +644,6 @@
                id="fileTwo"
                @change="handUploadFile($event, '2')"
              />
              <span class="btnUpload-list" @click="handFile('fileTwo')">+</span>
            </div>
          </div>
          <p>4.查阅阅读手册,研讨及归纳婴幼儿的睡眠信号。</p>
@@ -1367,19 +1433,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"
@@ -1389,7 +1442,29 @@
                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>
              <span class="upload_text">上传图片</span>
            </div>
            <div
              style="width: 100%; height: 100%"
@@ -1447,7 +1522,7 @@
          <p>(2)如何有效地营造氛围?</p>
          <div class="bk-tx">
            <p class="left">播放音乐</p>
            <<textarea
            <textarea
              v-model="chapter007.textAreaItem.text31"
              style="border: 0"
              placeholder="请输入内容"
@@ -1607,7 +1682,31 @@
          </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"
@@ -1627,9 +1726,6 @@
                id="fileThree"
                @change="handUploadFile($event, '3')"
              />
              <span class="btnUpload-list" @click="handFile('fileThree')"
                >+</span
              >
            </div>
          </div>
          <div class="bk-qjms">
@@ -2182,7 +2278,9 @@
                    :style="{
                      width:
                        index == chapter007.headersData173.length - 1
                          ? '300px'
                          ? '350px'
                          : index == 0
                          ? '60px'
                          : '',
                    }"
                    v-for="(header, index) in chapter007.headersData173"
@@ -2469,7 +2567,7 @@
  </div>
</template>
<script>
import getResourcePath from "@/assets/methods/resources.js";
import { getResourcePath } from "@/assets/methods/resources.js";
import examinations from "@/components/examinations/index.vue";
import { getFileMd5, getPublicImage } from "../js/tool.js";
@@ -2482,6 +2580,10 @@
    },
    questionData: {
      type: Object,
    },
    isSearch: {
      type: Boolean,
      default: false,
    },
  },
  data() {
@@ -2506,6 +2608,7 @@
        pictrueList: [],
        pictrueListTwo: [],
        pictrueListThree: [],
        pictrueListFour: [],
        qustionData: {},
        // 创设良好睡眠环境的评分标准
        publicHeader: ["序号", "考核内容", "配分", "评分标准", "扣分", "得分"],
@@ -2742,35 +2845,27 @@
    examinations,
  },
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter007"));
    if (localData) {
      this.chapter007 = { ...Object.assign(this.chapter007, localData) };
    if (!this.isSearch) {
      const localData = JSON.parse(localStorage.getItem("chapter007"));
      if (localData) {
        this.chapter007 = { ...Object.assign(this.chapter007, localData) };
      }
      this.chapter007.videOneUrl = await getResourcePath(
        "3c35b62a39cf8beddc28c5c1c8a847ec"
      );
      this.chapter007.videoTwoUrl = await getResourcePath(
        "4731be836c5c625584c3c94a61249cc9"
      );
      this.chapter007.videoFourUrl = await getResourcePath(
        "4889c1899ed5716aeea6ca031cd3136d"
      );
      this.chapter007.videoFiveUrl = await getResourcePath(
        "a1d60d7c5322d531939118c1aaf8feb7"
      );
      this.chapter007.videoSixUrl = await 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 =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=4731be836c5c625584c3c94a61249cc9";
    this.chapter007.videoFourUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=4889c1899ed5716aeea6ca031cd3136d";
    this.chapter007.videoFiveUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=a1d60d7c5322d531939118c1aaf8feb7";
    this.chapter007.videoSixUrl =
      "https://jsek.bnuic.com/file/api/ApiDownload?md5=f92c68faa37e1f6ce9ca50f234ddad90";
  },
  methods: {
    activityOne() {
@@ -2847,6 +2942,11 @@
      this.$set(this.chapter007.tableData161[rowIndex], cellIndex, value);
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    updateCell173(rowIndex, cellIndex, value) {
      // 更新单元格数据
      this.$set(this.chapter007.tableData173[rowIndex], cellIndex, value);
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
    onBlurChange() {
      localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
    },
@@ -2854,7 +2954,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;
@@ -2883,7 +2983,11 @@
            if (type == "3") {
              that.chapter007.pictrueListThree.push(getPublicImage(e));
            }
            if (type == "4") {
              that.chapter007.pictrueListFour.push(getPublicImage(e));
            }
            that.isLoding = false;
            this.$emit("Upload_initViewer", "");
            localStorage.setItem("chapter007", JSON.stringify(this.chapter007));
          }, 1000);
        })
@@ -2893,7 +2997,9 @@
        });
    },
    handFile(str) {
      let dom = document.getElementById(str);
      let dom = (this.container ? this.container : document).getElementById(
        str
      );
      dom.click();
    },
  },