数学优化

闫增涛

2024-06-13 1e306ec496dec8d938e71e28d218606dc6ec87e4

 src/components/examinations/index.vue

@@ -68,7 +68,10 @@
                  v-for="(itemText, indexText) in value.stem"
                  :key="indexText"
                >
                  <span v-if="typeof itemText == 'string'">{{ itemText }}</span>
                  <span
                    v-if="typeof itemText == 'string'"
                    v-html="itemText"
                  ></span>
                  <!-- &nbsp; -->
                  <el-input
                    v-else
@@ -88,6 +91,7 @@
                v-cloak
              ></p>
            </div>
            <img :src="value.isCollect ? isHeart : heart" alt="" class="collect-png" @click="handleCollect(nindex,index)" >
            <!-- 收藏 -->
          </div>
          <div class="questionContent">
@@ -126,7 +130,12 @@
                    :preview-src-list="[getPublicImage(content.img)]"
                    v-if="isReal"
                  ></el-image>
                  <img :src="content.img" alt="" v-if="!isReal" class="radio-img">
                  <img
                    :src="content.img"
                    alt=""
                    v-if="!isReal"
                    class="radio-img"
                  />
                </p>
                <p
                  class="optionContent"
@@ -280,6 +289,46 @@
                          disabled-void-color="#949494"
                        />
                      </p>
                      <!-- 正确错误图标 -->
                      <span class="mr-10">
                        <svg
                        v-if="value.isRight"
                        t="1716986419862"
                        class="icon"
                        viewBox="0 0 1820 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="18767"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="40"
                        height="20"
                      >
                        <path
                          d="M1439.374222 216.007111s-169.472 56.490667-367.179852 282.443852C888.604444 703.222519 846.241185 787.949037 775.632593 900.93037 768.568889 893.866667 662.651259 689.095111 380.207407 540.814222l148.290371-141.226666s134.162963 91.790222 225.953185 261.262222c0 0 233.016889-360.116148 684.923259-536.642371v91.799704z m0 0"
                          fill="#1AFA29"
                          p-id="18768"
                        ></path>
                      </svg>
                      <svg
                        v-if="value.isRight == false"
                        t="1716987085767"
                        class="icon"
                        viewBox="0 0 1024 1024"
                        version="1.1"
                        xmlns="http://www.w3.org/2000/svg"
                        p-id="25745"
                        xmlns:xlink="http://www.w3.org/1999/xlink"
                        width="20"
                        height="20"
                      >
                        <path
                          d="M116.579135 38.64349531L38.703935 103.74399781c138.82075969 102.96027281 268.24660875 221.31426938 381.68489719 339.96758156C246.29374906 618.40145938 109.95003031 790.19602344 38.10817906 859.25288281l148.35573469 123.62658094c52.61360812-108.17625656 167.23381594-272.86683656 320.56281844-445.01635875 153.50744156 173.21056312 268.36844625 338.43166313 321.38977781 447.49243969 0 0 144.5682225-152.96636906 157.47435281-129.29729625-55.80632344-62.49011156-191.37776625-244.16501625-374.17990593-430.27403438 104.68422375-107.1132975 222.15274031-213.10127719 347.60304468-306.24740437L925.17746562 56.03842156C782.85412063 126.51895625 647.69328031 231.09093594 526.07845437 342.39755 403.34886594 226.82662719 264.46095125 116.16373719 116.579135 38.64349531L116.579135 38.64349531zM116.579135 38.64349531"
                          fill="#d81e06"
                          p-id="25746"
                        ></path>
                      </svg>
                      </span>

                      <div class="headerConent sitgBox">
                        <p v-if="!value.isUnfold">
                          <span class="analysisColor">展开解析</span
@@ -325,7 +374,7 @@
                    ></p>
                  </div>
                  <!-- 解析 -->
                  <div class="referBox">
                  <div class="referBox" v-if="value.analysisCon">
                    <span>解析：</span>
                    <p
                      v-if="value.analysisCon"
@@ -404,7 +453,9 @@
      </ul>
    </div>
    <div class="bottom-btn" v-if="!loading">
      <el-button class="examinations-btn-box" @click="saveAnswer">保存</el-button>
      <el-button class="examinations-btn-box" @click="saveAnswer"
        >保存</el-button
      >
      <el-button
        @click="handleQuestion"
        class="examinations-btn-box"
@@ -439,32 +490,32 @@
    page: {
      type: Number,
    },
    isReal:{
      type:Boolean,
      default:true
    }
    isReal: {
      type: Boolean,
      default: true,
    },
  },
  data() {
    return {
      type: "option",
      loading: false,
      cardData:[],
      loading:true,
      
      cardData: [],
      loading: true,
      heart:require("@/assets/images/heart.png"),
      isHeart:require("@/assets/images/heart-check.png"),
    };
  },
  watch:{
    cardList:{
  watch: {
    cardList: {
      handler(newVal) {
        console.log('11',newVal);
        this.cardData = this.cardList
        if(newVal && newVal.length) {
          this.loading = false
        this.cardData = this.cardList;
        if (newVal && newVal.length) {
          this.loading = false;
        }
      },
      immediate:true,
      deep:true
    }
      immediate: true,
      deep: true,
    },
  },
  mounted() {
    // this.cardData = this.cardList
@@ -587,7 +638,8 @@
    },
    // 保存按钮
    saveAnswer() {
      const element = (this.container ? this.container : document
      const element = (
        this.container ? this.container : document
      ).querySelector(".examination");
      if (element) {
        const pageNum = this.getParentWithClass(
@@ -609,13 +661,19 @@
            });
          }
        }
        if(oldData[pageNum]) {
          oldData[pageNum] = oldData[pageNum].filter(citem => asnwerList.findIndex(ditem => ditem.id == citem.id) == -1 )
          oldData[pageNum].push(...asnwerList)
        if (oldData[pageNum]) {
          oldData[pageNum] = oldData[pageNum].filter(
            (citem) =>
              asnwerList.findIndex((ditem) => ditem.id == citem.id) == -1
          );
          oldData[pageNum].push(...asnwerList);
        } else {
          oldData[pageNum] = asnwerList
          oldData[pageNum] = asnwerList;
        }
        localStorage.setItem(this.config.activeBook.name + "oldAnswerData", JSON.stringify(oldData));
        localStorage.setItem(
          this.config.activeBook.name + "oldAnswerData",
          JSON.stringify(oldData)
        );
      }

      // if(oldData[this.chapter]) {
@@ -625,24 +683,27 @@
      //   oldData[this.chapter][this.page] = asnwerList
      // }
      // console.log(oldData);
      
    },
    handleCollect(infoNum,num) {
      console.log(this.cardData[infoNum].infoList[num]      );
      this.cardData[infoNum].infoList[num].isCollect = !this.cardData[infoNum].infoList[num].isCollect
    }
  },
};
</script>

<style lang="less" scoped>
.catalogName {
  // color: #00aeef;
  // color: #ff6c00;
  text-indent: 1em !important;
  font-size: 16px;
}
.examination {
  margin-top: 20px;
  min-height: 100px;
  ul {
    list-style: none;
  }
  p {
    margin: 0;
  }
}
.examinations-btn-box {
@@ -851,6 +912,7 @@
      height: 100%;
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-wrap: wrap;
      .headerConent {
        height: 100%;
@@ -887,7 +949,7 @@
        .error {
          display: flex;
          text-align: left;
          width: 180px;
          width: 170px;
          color: #ee1818;
          span {
            height: min-content;
@@ -1146,4 +1208,9 @@
  width: 200px;
  object-fit: contain;
}
.collect-png {
  cursor: pointer;
  width: 18px;
  object-fit: contain;
}
</style>