user1
2024-06-13 0653ed7b36a147f3cfd6eade1b54e5604b8133f1
src/books/mathBook/view/components/chapter001.vue
File was renamed from src/books/math/view/components/chapter001.vue
@@ -90,15 +90,7 @@
          <p class="center openImgBox">
            <img class="img-c" alt="" src="../../assets/images/0100-3.jpg" />
          </p>
          <p class="img fl al-cn ju-cn">
            <span>图3-14 </span
            ><img
              :src="chapterData.isCollectImg ? collectCheck : collectImg"
              alt=""
              class="collect-btn"
              @click="handleCollect('img')"
            />
          </p>
          <p class="img">图3-14</p>
          <p>
            观察图3-14(1)
            发现,函数<i>f</i>(<i>x</i>)=|<i>x</i>|的定义域是(-∞,+∞),函数图像关于<i>y</i>轴对称.从表3-11中还发现,当自变量取一对相反数时,对应的函数值相等,如<i>f</i>(-1)=<i>f</i>(1)=1,<i>f</i>(-2)=<i>f</i>(2)=2,<i>f</i>(-3)=<i>f</i>(3)=3,…实际上,对任意<i>x</i>∈(-∞,+∞),都有<i>f</i>(-<i>x</i>)=|-<i>x</i>|=|<i>x</i>|=<i>f</i>(<i>x</i>),即<i>f</i>(-<i>x</i>)=<i>f</i>(<i>x</i>).
@@ -146,7 +138,17 @@
              style="width: 40%"
            />
          </p>
          <p class="img">图3-15</p>
          <p class="img fl fl-cn ju-cn">
            <span>图3-15</span>
            <el-tooltip class="item" effect="dark" :content="chapterData.isCollectImg ? '点击取消' : '点击收藏'" placement="top-start">
              <img
              :src="chapterData.isCollectImg ? collectCheck : collectImg"
              alt=""
              class="collect-btn"
              @click="handleCollect('img')"
            />
            </el-tooltip>
          </p>
          <video
            :src="videoPath"
            webkit-playsinline="true"
@@ -159,14 +161,16 @@
            controlslist="nodownload"
            class="video-border w100"
          ></video>
          <p class="img fl al-cn ju-cn">
          <p class="img fl fl-cn ju-cn">
            <span>视频:判数函数奇偶性的方法和步骤 </span>
            <img
            <el-tooltip class="item" effect="dark" :content="chapterData.isCollectVideo ? '点击取消' : '点击收藏'" placement="top-start">
              <img
              :src="chapterData.isCollectVideo ? collectCheck : collectImg"
              alt=""
              class="collect-btn"
              @click="handleCollect('video')"
            />
            </el-tooltip>
          </p>
          <p>
            <span class="zt-ls"><b>例1</b></span
@@ -282,8 +286,8 @@
              >
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20.501"
                  height="20.501"
                  width="18.501"
                  height="18.501"
                  viewBox="0 0 20.501 20.501"
                >
                  <path
@@ -296,8 +300,8 @@
              <span class="btn-box" @click="openThinkingDialog">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20.545"
                  height="22.112"
                  width="18.545"
                  height="20.112"
                  viewBox="0 0 20.545 22.112"
                >
                  <path
@@ -307,38 +311,11 @@
                  />
                </svg>
              </span>
              <span class="btn-box" @click="openMathDiaolog">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="18.323"
                  height="18.939"
                  viewBox="0 0 18.323 15.939"
                >
                  <g transform="translate(-398 -946)">
                    <path
                      class="a"
                      d="M11.985,1.241a.894.894,0,0,1-.242.623.79.79,0,0,1-.6.263.644.644,0,0,1-.547-.229,3.034,3.034,0,0,1-.339-.741A.935.935,0,0,0,10.1.846a.4.4,0,0,0-.291-.1.36.36,0,0,0-.333.18,1.836,1.836,0,0,0-.2.478L8.251,4.753H9.7l-.27.79H8.043l-1.51,4.849a27.9,27.9,0,0,1-1.06,2.93,5.5,5.5,0,0,1-1.316,1.857,3.11,3.11,0,0,1-2.189.755,2.258,2.258,0,0,1-1.455-.409A1.192,1.192,0,0,1,0,14.618a.97.97,0,0,1,.27-.693.894.894,0,0,1,.693-.291.741.741,0,0,1,.693.27,1.815,1.815,0,0,1,.2.693c0,.381.2.575.492.575a.817.817,0,0,0,.693-.478,6.983,6.983,0,0,0,.568-1.469L6,5.543H4.5l.236-.776h1.5l.159-.54a14.548,14.548,0,0,1,.693-2.016A4.544,4.544,0,0,1,8.313.694,2.91,2.91,0,0,1,10.281,0a2.425,2.425,0,0,1,.8.145,1.5,1.5,0,0,1,.693.429.963.963,0,0,1,.236.693Z"
                      transform="translate(398 948)"
                    />
                    <path
                      class="b"
                      d="M18.323,5.668a3.505,3.505,0,0,1-.152,1.046H17.36a3.969,3.969,0,0,0,.166-1.06.5.5,0,0,0-.062-.236.27.27,0,0,0-.249-.132.346.346,0,0,0-.229.076c-.069.055-.222.208-.471.471L14.936,7.489a22.329,22.329,0,0,0-1.552,1.621l-1.815,1.974a2.168,2.168,0,0,1-1.385.859c-.492,0-.741-.333-.741-.991a3.575,3.575,0,0,1,.3-1.385h.914a4.766,4.766,0,0,0-.263,1.1c0,.18.048.263.159.263s.242-.111.464-.333l2.147-2.286c-.006-.033,1.525-1.611,1.524-1.6l1.3-1.385a2.078,2.078,0,0,1,1.385-.8.755.755,0,0,1,.776.388,1.9,1.9,0,0,1,.173.776Z"
                      transform="translate(398 948)"
                    />
                    <path
                      class="a"
                      d="M14.936,7.489l.693,2.251a5.154,5.154,0,0,0,.236.61c.083.159.18.242.3.242a.82.82,0,0,0,.533-.457,4.849,4.849,0,0,0,.339-.817H17.8a4.849,4.849,0,0,1-.693,1.51,2.813,2.813,0,0,1-.873.852,1.766,1.766,0,0,1-.88.27,1.178,1.178,0,0,1-1.018-.464,4.357,4.357,0,0,1-.623-1.309l-.326-1.067a6.4,6.4,0,0,0-.222-.8L12.747,7c-.083-.27-.152-.478-.2-.6a1.136,1.136,0,0,0-.194-.312.4.4,0,0,0-.284-.118c-.326,0-.6.423-.817,1.261h-.769a6.671,6.671,0,0,1,.6-1.5,3.034,3.034,0,0,1,.81-.873,1.663,1.663,0,0,1,.942-.312,1.344,1.344,0,0,1,1.067.471,3.692,3.692,0,0,1,.644,1.268l.139.436C14.672,6.7,14.936,7.489,14.936,7.489Z"
                      transform="translate(398 948)"
                    />
                  </g>
                </svg>
              </span>
              <span class="btn-box" @click="stepDialog = true">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="19.28"
                  height="20.563"
                  width="17.28"
                  height="19.563"
                  viewBox="0 0 19.28 20.563"
                >
                  <g transform="translate(-109.056 -82.941)">
@@ -360,6 +337,33 @@
                  </g>
                </svg>
              </span>
              <span class="btn-box" @click="openMathDiaolog">
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="17.323"
                  height="17.939"
                  viewBox="0 0 18.323 15.939"
                >
                  <g transform="translate(-398 -946)">
                    <path
                      class="a"
                      d="M11.985,1.241a.894.894,0,0,1-.242.623.79.79,0,0,1-.6.263.644.644,0,0,1-.547-.229,3.034,3.034,0,0,1-.339-.741A.935.935,0,0,0,10.1.846a.4.4,0,0,0-.291-.1.36.36,0,0,0-.333.18,1.836,1.836,0,0,0-.2.478L8.251,4.753H9.7l-.27.79H8.043l-1.51,4.849a27.9,27.9,0,0,1-1.06,2.93,5.5,5.5,0,0,1-1.316,1.857,3.11,3.11,0,0,1-2.189.755,2.258,2.258,0,0,1-1.455-.409A1.192,1.192,0,0,1,0,14.618a.97.97,0,0,1,.27-.693.894.894,0,0,1,.693-.291.741.741,0,0,1,.693.27,1.815,1.815,0,0,1,.2.693c0,.381.2.575.492.575a.817.817,0,0,0,.693-.478,6.983,6.983,0,0,0,.568-1.469L6,5.543H4.5l.236-.776h1.5l.159-.54a14.548,14.548,0,0,1,.693-2.016A4.544,4.544,0,0,1,8.313.694,2.91,2.91,0,0,1,10.281,0a2.425,2.425,0,0,1,.8.145,1.5,1.5,0,0,1,.693.429.963.963,0,0,1,.236.693Z"
                      transform="translate(398 948)"
                    />
                    <path
                      class="b"
                      d="M18.323,5.668a3.505,3.505,0,0,1-.152,1.046H17.36a3.969,3.969,0,0,0,.166-1.06.5.5,0,0,0-.062-.236.27.27,0,0,0-.249-.132.346.346,0,0,0-.229.076c-.069.055-.222.208-.471.471L14.936,7.489a22.329,22.329,0,0,0-1.552,1.621l-1.815,1.974a2.168,2.168,0,0,1-1.385.859c-.492,0-.741-.333-.741-.991a3.575,3.575,0,0,1,.3-1.385h.914a4.766,4.766,0,0,0-.263,1.1c0,.18.048.263.159.263s.242-.111.464-.333l2.147-2.286c-.006-.033,1.525-1.611,1.524-1.6l1.3-1.385a2.078,2.078,0,0,1,1.385-.8.755.755,0,0,1,.776.388,1.9,1.9,0,0,1,.173.776Z"
                      transform="translate(398 948)"
                    />
                    <path
                      class="a"
                      d="M14.936,7.489l.693,2.251a5.154,5.154,0,0,0,.236.61c.083.159.18.242.3.242a.82.82,0,0,0,.533-.457,4.849,4.849,0,0,0,.339-.817H17.8a4.849,4.849,0,0,1-.693,1.51,2.813,2.813,0,0,1-.873.852,1.766,1.766,0,0,1-.88.27,1.178,1.178,0,0,1-1.018-.464,4.357,4.357,0,0,1-.623-1.309l-.326-1.067a6.4,6.4,0,0,0-.222-.8L12.747,7c-.083-.27-.152-.478-.2-.6a1.136,1.136,0,0,0-.194-.312.4.4,0,0,0-.284-.118c-.326,0-.6.423-.817,1.261h-.769a6.671,6.671,0,0,1,.6-1.5,3.034,3.034,0,0,1,.81-.873,1.663,1.663,0,0,1,.942-.312,1.344,1.344,0,0,1,1.067.471,3.692,3.692,0,0,1,.644,1.268l.139.436C14.672,6.7,14.936,7.489,14.936,7.489Z"
                      transform="translate(398 948)"
                    />
                  </g>
                </svg>
              </span>
            </li>
            <li class="fl fl-cn">
              <p>(2) <i>f</i>(<i>x</i>)=<i>x</i><sup>2</sup>+<i>x</i>;</p>
@@ -367,10 +371,10 @@
                class="btn-box"
                @click="isShowExampleFour = !isShowExampleFour"
              >
                <svg
              <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20.501"
                  height="20.501"
                  width="18.501"
                  height="18.501"
                  viewBox="0 0 20.501 20.501"
                >
                  <path
@@ -384,8 +388,8 @@
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="18.323"
                  height="18.939"
                  width="17.323"
                  height="17.939"
                  viewBox="0 0 18.323 15.939"
                >
                  <g transform="translate(-398 -946)">
@@ -414,10 +418,10 @@
                class="btn-box"
                @click="isShowExampleFive = !isShowExampleFive"
              >
                <svg
              <svg
                  xmlns="http://www.w3.org/2000/svg"
                  width="20.501"
                  height="20.501"
                  width="18.501"
                  height="18.501"
                  viewBox="0 0 20.501 20.501"
                >
                  <path
@@ -431,8 +435,8 @@
                <svg
                  xmlns="http://www.w3.org/2000/svg"
                  xmlns:xlink="http://www.w3.org/1999/xlink"
                  width="18.323"
                  height="18.939"
                  width="17.323"
                  height="17.939"
                  viewBox="0 0 18.323 15.939"
                >
                  <g transform="translate(-398 -946)">
@@ -750,20 +754,26 @@
          if (oldAnswer) {
            oldAnswer = JSON.parse(oldAnswer);
            console.log("旧数据", oldAnswer);
            if(oldAnswer[9]) {
            if (oldAnswer[9]) {
              for (let index = 0; index < res.data.data.length; index++) {
                const item = res.data.data[index];
                if(item.infoList.length) {
                  for (let cindex = 0; cindex < item.infoList.length; cindex++) {
                  const citem = item.infoList[cindex];
                  const question = oldAnswer[9].find(ditem => ditem.id == citem.id)
                  if(question) {
                    citem.userAnswer = question.userAnswer
                if (item.infoList.length) {
                  for (
                    let cindex = 0;
                    cindex < item.infoList.length;
                    cindex++
                  ) {
                    const citem = item.infoList[cindex];
                    const question = oldAnswer[9].find(
                      (ditem) => ditem.id == citem.id
                    );
                    if (question) {
                      citem.userAnswer = question.userAnswer;
                    }
                  }
                }
                }
              }
            }
            }
          }
          this.questionData = res.data.data;
        });