增加icon

unknown

2024-05-27 36b6f8d069bf3adf3b1cdc7434003769731b6cf1

 src/books/lifeCare/view/chapter001.vue

@@ -1,6 +1,6 @@
<template>
  <div class="chapter" num="1">
    <div class="page-box" page="">
  <div class="chapter" num="2">
    <div class="page-box" page="7">
      <div class="bodystyle topImg">
        <h2 id="b001">
          <img class="img-0" alt="" src="../image/dy1.jpg" />
@@ -53,7 +53,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="8">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -76,8 +76,8 @@
          <p class="center">
            <el-image
              class="chapter001-img-0018"
              :src="chapter001.picOneUrl"
              :preview-src-list="chapter001.picArr"
              :src="picOneUrl"
              :preview-src-list="picArr"
            />
          </p>
          <!-- <p class="center">
@@ -131,11 +131,29 @@
        </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"
@@ -156,7 +174,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="9">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -185,7 +203,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text1')"
          ></textarea>
        </div>
@@ -305,7 +322,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="10">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -326,7 +343,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text2')"
          ></textarea>
        </div>
@@ -339,7 +355,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text3')"
          ></textarea>
        </div>
@@ -363,7 +378,7 @@
        </p>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="11">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -392,7 +407,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text4')"
          ></textarea>
        </div>
@@ -404,7 +418,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text5')"
          ></textarea>
        </div>
@@ -415,7 +428,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text6')"
          ></textarea>
        </div>
@@ -426,13 +438,12 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text7')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="12">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -453,7 +464,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text8')"
          ></textarea>
        </div>
@@ -464,7 +474,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text9')"
          ></textarea>
        </div>
@@ -478,7 +487,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text10')"
          ></textarea>
        </div>
@@ -489,7 +497,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text11')"
          ></textarea>
        </div>
@@ -500,13 +507,12 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text12')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="13">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -531,7 +537,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text13')"
          ></textarea>
        </div>
@@ -561,7 +566,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text14')"
          ></textarea>
        </div>
@@ -572,13 +576,12 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text15')"
          ></textarea>
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="14">
      <div class="header">
        <div class="pageHeader-first">
          <div class="header-bj"></div>
@@ -599,7 +602,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text16')"
          ></textarea>
        </div>
@@ -1168,7 +1170,7 @@
        </div>
      </div>
    </div>
    <div class="page-box">
    <div class="page-box" page="15">
      <div class="header">
        <div class="pageHeader-second">
          <div class="second-con">
@@ -1307,7 +1309,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('text17')"
          ></textarea>
        </div>
@@ -1327,7 +1328,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('desc1')"
          ></textarea>
        </div>
@@ -1340,7 +1340,6 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('desc2')"
          ></textarea>
        </div>
@@ -1353,24 +1352,36 @@
            style="border: 0"
            placeholder="请输入内容"
            rows="5"
            maxlength="200"
            @blur="onBlurChange('desc3')"
          ></textarea>
        </div>
        <p><br /></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="chapter001.idOpenThree && chapter001.qustionData[9]"
            class="tips-file"
          >
            <examinations :cardList="chapter001.qustionData[9]" />
            <examinations
              :primaryColor="'#f49a4c'"
              :cardList="chapter001.qustionData[9]"
            />
          </div>
        </div>
      </div>
@@ -1379,174 +1390,49 @@
</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";

export default {
  name: "chapter001",
  data() {
    return {
      picOneUrl: require("../image/0018-1.jpg"),
      picArr: [require("../image/0018-1.jpg")],
      chapter001: {
        videOneUrl:
          "https://jsek.bnuic.com/file/api/ApiDownload?md5=68ebd5c05bcb742999a9ebdce4b4bd53",
        picOneUrl: require("../image/0018-1.jpg"),
        picArr: [require("../image/0018-1.jpg")],
        isOpenOne: true,
        idOpenThree: true,
        qustionData: {},
        textAreaItem: {
          text1: "",
          text2: "",
          text3: "",
          text4: "",
          text5: "",
          text6: "",
          text7: "",
          text8: "",
          text9: "",
          text10: "",
          text11: "",
          text12: "",
          text13: "",
          text14: "",
          text15: "",
          text16: "",
          text17: "",
          text18: "",
        },
        textAreaItem: {},
        radio: {},
        table111: {
          tbText1: "",
          tbText2: "",
          tbText3: "",
          tbText4: "",
          tbText5: "",
          tbText6: "",
          tbText7: "",
          tbText8: "",
          tbText9: "",
          tbText10: "",
        },
        table112: {
          cell1: "",
          cell2: "",
          cell3: "",
          cell4: "",
          cell5: "",
          cell6: "",
          cell7: "",
          cell8: "",
          cell9: "",
          cell10: "",
          cell11: "",
          cell12: "",
          cell13: "",
          cell14: "",
          cell15: "",
          cell16: "",
          cell17: "",
          cell18: "",
          cell19: "",
          cell20: "",
          cell21: "",
          cell22: "",
          cell23: "",
          cell24: "",
          cell25: "",
          cell26: "",
          cell27: "",
          cell28: "",
          cell29: "",
          cell30: "",
          cell31: "",
          cell32: "",
          cell33: "",
          cell34: "",
          cell35: "",
          cell36: "",
          cell37: "",
          cell38: "",
          cell39: "",
          cell40: "",
          cell41: "",
          cell42: "",
          cell43: "",
          cell44: "",
          cell45: "",
          cell46: "",
          cell47: "",
          cell48: "",
          cell49: "",
          cell50: "",
          cell51: "",
          cell52: "",
          cell53: "",
          cell54: "",
          cell55: "",
          cell56: "",
          cell57: "",
          cell58: "",
          cell58: "",
          cell60: "",
          cell61: "",
          cell62: "",
          cell63: "",
          cell64: "",
          cell65: "",
          cell66: "",
          cell67: "",
          cell68: "",
          cell69: "",
          cell70: "",
          cell72: "",
          cell73: "",
          cell74: "",
          cell75: "",
          cell76: "",
          cell77: "",
          cell78: "",
          cell79: "",
          cell80: "",
          cell81: "",
          cell82: "",
          cell83: "",
          cell84: "",
          cell85: "",
        },
        table113: {
          name1: "",
          name2: "",
          name3: "",
          name4: "",
          name5: "",
          demand1: "",
          demand2: "",
          demand3: "",
          demand4: "",
          demand5: "",
          content1: "",
          content2: "",
          content3: "",
          content4: "",
          content5: "",
        },
        table111: {},
        table112: {},
        table113: {},
        textareaVal: "",
      },
    };
  },
  components: {
    // examinations,
    examinations,
  },
  created() {
  async created() {
    const localData = JSON.parse(localStorage.getItem("chapter001"));
    if (localData) {
      this.chapter001 = { ...Object.assign(this.chapter001, localData) };
    }

    // this.chapter001.videOneUrl = getResourcePath("68ebd5c05bcb742999a9ebdce4b4bd53");
    // this.qustionData = await getQuestionData('1',testData[1]);
    this.chapter001.videOneUrl = getResourcePath(
      "68ebd5c05bcb742999a9ebdce4b4bd53"
    );
    this.chapter001.qustionData = await getQuestionData(
      "1",
      testData[1],
      this.config.activeBook
    );
  },
  methods: {
    activityOne() {