题目资源

闫增涛

2024-05-15 8cdcb6b7950710cbcf701cb5149e1b2f949e1b0f

 src/components/examinations/index.vue

@@ -1,6 +1,6 @@
<template>
  <div class="examination" v-loading="loading">
    <div v-for="(item, nindex) in cardList" :key="nindex" class="border-box">
    <div v-for="(item, nindex) in cardList" :key="nindex" class="border-box" v-show="item.infoList.length">
      <p class="catalogName">
        <span v-if="nindex == 0">一、</span>
        <span v-if="nindex == 1">二、</span>
@@ -23,7 +23,7 @@
                :style="{
                  marginTop: value.questionType == 'completion' ? '12px' : '0',
                }"
                >{{ index + 1 }}、</span
                >{{ index + 1 }}. </span
              >
              <!-- 听力进度条 -->
              <!-- <answerAudioPlayer :audioUrl="value.src" v-show="item.name == '听力题'" /> -->
@@ -206,6 +206,7 @@
            "
          ></TEditorVue> -->
            <el-input
              :disabled="value.isComplete"
              style="width: 90%; margin: 0 auto"
              v-else-if="value.questionType == 'shortAnswer'"
              type="textarea"
@@ -298,7 +299,7 @@
                class="subjective subjectiveItem"
              >
                <div class="questionAnalysis">
                  <p class="difficulty">
                  <p class="difficulty" v-if="value.difficulty">
                    <span style="color: #333">难度等级：</span>
                    <el-rate
                      v-model="value.difficulty"
@@ -313,7 +314,7 @@
                      >{{
                        value.isUnfold ? "收起答案和解析" : "查看答案与解析"
                      }} </span
                    ><el-image :src="!value.isUnfold ? chakanIcon : packIcon" />
                    >
                  </p>
                </div>
                <!-- :class="['analysisDetailBox', value.isUnfold ? 'open' : 'close'].join(' ') -->
@@ -381,7 +382,7 @@
import { getPublicImage } from "@/assets/js/middleGround/tool";
export default {
  name: "examination-option",
  props: ["productLinkPath"],
  props: ["cardList"],
  data() {
    return {
      type: "option",
@@ -390,7 +391,6 @@
    };
  },
  mounted() {
    this.getIdPathList();
  },
  methods: {
    // 数组转为字符串方法
@@ -451,254 +451,256 @@
      this.$data.loading = false;
    },
    watchParsing(data) {
      debugger

      data.isUnfold = !data.isUnfold;
    },
    // 获取试卷下题目类型
    getIdPathList() {
      this.$data.loading = true;
      let query = {
        path: "*",
        queryType: "*",
        productId: this.config.bookId,
        cmsPath: "24080\\63791\\63792\\63807",
        pading: {
          start: 0,
          size: 999,
        },
      };
      this.MG.store.getProductDetail(query).then(async (res) => {
        console.log(this.$props.productLinkPath, res.datas.cmsDatas[0].datas);
        const idPathList = res.datas.cmsDatas[0].datas;
        await this.getQuestionList(idPathList);
      });
    },
    // 获取题库题目
    async getQuestionList(idPathList, oldData) {
      let cardList = [];
      // 清空正确题数记录
      for (let index = 0; index < idPathList.length; index++) {
        const pathitem = idPathList[index];
        const pathList = cardList;
        pathList.push({
          path: pathitem.productLinkPath,
          catalogName: pathitem.name,
          infoList: [],
        });
        cardList = pathList;
        // 获取题目
        let query = {
          path: "*",
          queryType: "*",
          productId: this.config.bookId,
          cmsPath: pathitem.productLinkPath,
          itemFields: {
            Embedded_QuestionBank_Stem: [],
            Embedded_QuestionBank_AnalysisCon: [],
            Embedded_QuestionBank_Answer: [],
            Embedded_QuestionBank_Option: [],
            Embedded_QuestionBank_QuestionType: [],
            Embedded_QuestionBank_StemStyle: [],
            Embedded_QuestionBank_OptionStyle: [],
            Embedded_QuestionBank_KnowledgePoint: [],
            Embedded_QuestionBank_Difficulty: [],
          },
          pading: {
            start: 0,
            size: 999,
          },
        };
        await this.MG.store.getProductDetail(query).then((res) => {
          let oldList;
          if (oldData) {
            // 提交过，存在答题记录
            oldList = oldData.find(
              (item) => item.path == pathitem.productLinkPath
            ).infoList;
            this.setData({
              submitStatus: true,
            });
          }
          res.datas.cmsDatas[0].datas.forEach((item, index) => {
            let oldObj = "";
            if (oldList)
              oldObj = oldList.find((oldItem) => oldItem.id == item.id);
            let questionObj = {
              // num: index, // 题号
              id: item.id,
              type: pathitem.name,
              stem:
                item.Embedded_QuestionBank_QuestionType == "completion"
                  ? JSON.parse(item.Embedded_QuestionBank_Stem)
                      .stemTxt.replaceAll("<vacancy>", ",input,")
                      .split(",")
                  : JSON.parse(item.Embedded_QuestionBank_Stem), // 题干
              answer: item.Embedded_QuestionBank_Answer, // 答案
              option: item.Embedded_QuestionBank_Option
                ? JSON.parse(item.Embedded_QuestionBank_Option)
                : "", // 选择题选项
              analysisCon: item.Embedded_QuestionBank_AnalysisCon, // 解析
              questionType: item.Embedded_QuestionBank_QuestionType, // 题型
              optionStyle: item.Embedded_QuestionBank_OptionStyle, // 选项显示类型
              stemStyle: item.Embedded_QuestionBank_StemStyle, // 题干显示类型
              difficulty: item.Embedded_QuestionBank_Difficulty
                ? 4 - item.Embedded_QuestionBank_Difficulty
                : 0, // 难度等级
              userAnswer: oldObj
                ? oldObj.userAnswer
                : item.Embedded_QuestionBank_QuestionType == "completion" ||
                  item.Embedded_QuestionBank_QuestionType == "multipleChoice"
                ? []
                : "",
              isUserAnswer: oldObj
                ? this.isHaveAnswer(oldObj.userAnswer)
                : false,
              isRight: oldObj ? oldObj.isRight : null,
              isComplete: oldObj ? oldObj.isComplete : false,
              isCollect: false,
              isUnfold: "", // 控制解析的折叠面板是否展开
            };
            // 多选和填空答案肯为数组，要转换JSON格式
            if (
              questionObj.questionType == "completion" ||
              questionObj.questionType == "multipleChoice"
            ) {
              try {
                questionObj.answer = JSON.parse(questionObj.answer).toString();
              } catch (error) {
                questionObj.answer = item.Embedded_QuestionBank_Answer;
              }
            }
            // 填空题改造
            if (questionObj.questionType == "completion") {
              let index = 0;
              for (let i = 0; i < questionObj.stem.length; i++) {
                const item = questionObj.stem[i];
                if (item == "input") {
                  questionObj.stem[i] = {
                    num: index,
                    data: "input",
                  };
                  if (!oldObj) questionObj.userAnswer[index] = "";
                  index++;
                }
              }
            }
            // 题干富文本处理
            if (questionObj.stemStyle == "RichText") {
              // questionObj.option.txt = ''
              questionObj.stem.stemTxt = questionObj.stem.stemTxt
                .replace(
                  /\<img/gi,
                  '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
                )
                .replace(/\<p/gi, '<p class="stem-rich-p"')
                .replace("../file", app.config.requestCtx + "/file");
            }
            // 选项富文本处理
            if (
              questionObj.optionStyle == "RichText" &&
              (questionObj.questionType == "singleChoice" ||
                questionObj.questionType == "judge" ||
                questionObj.questionType == "multipleChoice")
            ) {
              questionObj.option.forEach((item) => {
                if (item.txt)
                  item.txt = item.txt
                    .replace(/\<img/gi, '<img class="option-rich-img"')
                    .replace(/\<p/gi, '<p class="stem-rich-p"')
                    .replace("../file", app.config.requestCtx + "/file");
              });
            }
            // 解析富文本处理
            if (
              questionObj.analysisCon &&
              typeof questionObj.analysisCon == "string"
            ) {
              questionObj.analysisCon = questionObj.analysisCon.replace(
                /\<img/gi,
                '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
              );
            }
            // 听力题修改
            // if (questionObj.questionType == 'singleChoice') {
            //   const src = this.extractSourceSrc(questionObj.stem.stemTxt)
            //   if (src) {
            //     questionObj.src = src
            //     questionObj.stem.stemTxt = this.removeVideoAndAudioTags(questionObj.stem.stemTxt)
            //   }
            // }
            // 获取图片
            if (
              questionObj.stemStyle == "Image" ||
              questionObj.stemStyle == "TxtAndImage"
            ) {
              questionObj.stem.stemImage = getPublicImage(
                questionObj.stem.stemImage,
                150
              );
            }
            if (
              questionObj.optionStyle == "Image" ||
              questionObj.optionStyle == "TxtAndImage"
            ) {
              questionObj.option.forEach((optionItem) => {
                if (optionItem.img)
                  optionItem.img = getPublicImage(optionItem.img, 150);
              });
            }
            // 客观题总分赋值
            if (questionObj.questionType !== "shortAnswer") {
              // this.setData({
              //   subjectiveGrade: this.data.subjectiveGrade + 2,
              // });
            }
            // 旧数据里 题目正确 记录正确数量
            if (questionObj.isRight) {
              // this.setData({
              //   correctNum: this.data.correctNum + 1,
              // });
            }
            if (
              pathitem.name == "判断题" ||
              pathitem.name == "填空题" ||
              pathitem.name == "多选题" ||
              pathitem.name == "单选题" ||
              pathitem.name == "听力题"
            ) {
              if (oldObj) {
                // this.setData({
                //   subjectiveTotal: this.data.subjectiveTotal + 1,
                // });
              }
            }
            // cardList赋值
            let cardIndex = cardList.findIndex(
              (item) => item.path == pathitem.productLinkPath
            );
            let infoList = cardList[cardIndex].infoList;
            infoList.push(questionObj);
            cardList[cardIndex].infoList = infoList;
            let questionList = [];
            const cardUpdatedList = cardList;
            cardUpdatedList.forEach((aitem) => {
              aitem.infoList.forEach((bitem, bindex) => {
                questionList.push(bitem);
                bitem.number = bindex + 1;
                bitem.score = 2;
              });
            });
            cardList = cardUpdatedList;
            this.$data.cardList = cardList;
            this.$data.loading = false;
            // console.log("题目呢", cardList);
            // return cardList
          });
        });
      }
    },
    // // 获取试卷下题目类型
    // getIdPathList() {
    //   this.$data.loading = true;
    //   let query = {
    //     path: "*",
    //     queryType: "*",
    //     productId: this.config.bookId,
    //     cmsPath: "24080\\63791\\63792\\63807",
    //     pading: {
    //       start: 0,
    //       size: 999,
    //     },
    //   };
    //   this.MG.store.getProductDetail(query).then(async (res) => {
    //     console.log(this.$props.productLinkPath, res.datas.cmsDatas[0].datas);
    //     const idPathList = res.datas.cmsDatas[0].datas;
    //     await this.getQuestionList(idPathList);
    //   });
    // },
    // // 获取题库题目
    // async getQuestionList(idPathList, oldData) {
    //   let cardList = [];
    //   // 清空正确题数记录
    //   for (let index = 0; index < idPathList.length; index++) {
    //     const pathitem = idPathList[index];
    //     const pathList = cardList;
    //     pathList.push({
    //       path: pathitem.productLinkPath,
    //       catalogName: pathitem.name,
    //       infoList: [],
    //     });
    //     cardList = pathList;
    //     // 获取题目
    //     let query = {
    //       path: "*",
    //       queryType: "*",
    //       productId: this.config.bookId,
    //       cmsPath: pathitem.productLinkPath,
    //       itemFields: {
    //         Embedded_QuestionBank_Stem: [],
    //         Embedded_QuestionBank_AnalysisCon: [],
    //         Embedded_QuestionBank_Answer: [],
    //         Embedded_QuestionBank_Option: [],
    //         Embedded_QuestionBank_QuestionType: [],
    //         Embedded_QuestionBank_StemStyle: [],
    //         Embedded_QuestionBank_OptionStyle: [],
    //         Embedded_QuestionBank_KnowledgePoint: [],
    //         Embedded_QuestionBank_Difficulty: [],
    //       },
    //       pading: {
    //         start: 0,
    //         size: 999,
    //       },
    //     };
    //     await this.MG.store.getProductDetail(query).then((res) => {
    //       let oldList;
    //       if (oldData) {
    //         // 提交过，存在答题记录
    //         oldList = oldData.find(
    //           (item) => item.path == pathitem.productLinkPath
    //         ).infoList;
    //         this.setData({
    //           submitStatus: true,
    //         });
    //       }
    //       res.datas.cmsDatas[0].datas.forEach((item, index) => {
    //         let oldObj = "";
    //         if (oldList)
    //           oldObj = oldList.find((oldItem) => oldItem.id == item.id);
    //         let questionObj = {
    //           // num: index, // 题号
    //           id: item.id,
    //           type: pathitem.name,
    //           stem:
    //             item.Embedded_QuestionBank_QuestionType == "completion"
    //               ? JSON.parse(item.Embedded_QuestionBank_Stem)
    //                   .stemTxt.replaceAll("<vacancy>", ",input,")
    //                   .split(",")
    //               : JSON.parse(item.Embedded_QuestionBank_Stem), // 题干
    //           answer: item.Embedded_QuestionBank_Answer, // 答案
    //           option: item.Embedded_QuestionBank_Option
    //             ? JSON.parse(item.Embedded_QuestionBank_Option)
    //             : "", // 选择题选项
    //           analysisCon: item.Embedded_QuestionBank_AnalysisCon, // 解析
    //           questionType: item.Embedded_QuestionBank_QuestionType, // 题型
    //           optionStyle: item.Embedded_QuestionBank_OptionStyle, // 选项显示类型
    //           stemStyle: item.Embedded_QuestionBank_StemStyle, // 题干显示类型
    //           difficulty: item.Embedded_QuestionBank_Difficulty
    //             ? 4 - item.Embedded_QuestionBank_Difficulty
    //             : 0, // 难度等级
    //           userAnswer: oldObj
    //             ? oldObj.userAnswer
    //             : item.Embedded_QuestionBank_QuestionType == "completion" ||
    //               item.Embedded_QuestionBank_QuestionType == "multipleChoice"
    //             ? []
    //             : "",
    //           isUserAnswer: oldObj
    //             ? this.isHaveAnswer(oldObj.userAnswer)
    //             : false,
    //           isRight: oldObj ? oldObj.isRight : null,
    //           isComplete: oldObj ? oldObj.isComplete : false,
    //           isCollect: false,
    //           isUnfold: "", // 控制解析的折叠面板是否展开
    //         };
    //         // 多选和填空答案肯为数组，要转换JSON格式
    //         if (
    //           questionObj.questionType == "completion" ||
    //           questionObj.questionType == "multipleChoice"
    //         ) {
    //           try {
    //             questionObj.answer = JSON.parse(questionObj.answer).toString();
    //           } catch (error) {
    //             questionObj.answer = item.Embedded_QuestionBank_Answer;
    //           }
    //         }
    //         // 填空题改造
    //         if (questionObj.questionType == "completion") {
    //           let index = 0;
    //           for (let i = 0; i < questionObj.stem.length; i++) {
    //             const item = questionObj.stem[i];
    //             if (item == "input") {
    //               questionObj.stem[i] = {
    //                 num: index,
    //                 data: "input",
    //               };
    //               if (!oldObj) questionObj.userAnswer[index] = "";
    //               index++;
    //             }
    //           }
    //         }
    //         // 题干富文本处理
    //         if (questionObj.stemStyle == "RichText") {
    //           // questionObj.option.txt = ''
    //           questionObj.stem.stemTxt = questionObj.stem.stemTxt
    //             .replace(
    //               /\<img/gi,
    //               '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
    //             )
    //             .replace(/\<p/gi, '<p class="stem-rich-p"')
    //             .replace("../file", app.config.requestCtx + "/file");
    //         }
    //         // 选项富文本处理
    //         if (
    //           questionObj.optionStyle == "RichText" &&
    //           (questionObj.questionType == "singleChoice" ||
    //             questionObj.questionType == "judge" ||
    //             questionObj.questionType == "multipleChoice")
    //         ) {
    //           questionObj.option.forEach((item) => {
    //             if (item.txt)
    //               item.txt = item.txt
    //                 .replace(/\<img/gi, '<img class="option-rich-img"')
    //                 .replace(/\<p/gi, '<p class="stem-rich-p"')
    //                 .replace("../file", app.config.requestCtx + "/file");
    //           });
    //         }
    //         // 解析富文本处理
    //         if (
    //           questionObj.analysisCon &&
    //           typeof questionObj.analysisCon == "string"
    //         ) {
    //           questionObj.analysisCon = questionObj.analysisCon.replace(
    //             /\<img/gi,
    //             '<img style="max-width: 300rpx !important;object-fit: contain;" class="stem-rich-img" '
    //           );
    //         }
    //         // 听力题修改
    //         // if (questionObj.questionType == 'singleChoice') {
    //         //   const src = this.extractSourceSrc(questionObj.stem.stemTxt)
    //         //   if (src) {
    //         //     questionObj.src = src
    //         //     questionObj.stem.stemTxt = this.removeVideoAndAudioTags(questionObj.stem.stemTxt)
    //         //   }
    //         // }
    //         // 获取图片
    //         if (
    //           questionObj.stemStyle == "Image" ||
    //           questionObj.stemStyle == "TxtAndImage"
    //         ) {
    //           questionObj.stem.stemImage = getPublicImage(
    //             questionObj.stem.stemImage,
    //             150
    //           );
    //         }
    //         if (
    //           questionObj.optionStyle == "Image" ||
    //           questionObj.optionStyle == "TxtAndImage"
    //         ) {
    //           questionObj.option.forEach((optionItem) => {
    //             if (optionItem.img)
    //               optionItem.img = getPublicImage(optionItem.img, 150);
    //           });
    //         }
    //         // 客观题总分赋值
    //         if (questionObj.questionType !== "shortAnswer") {
    //           // this.setData({
    //           //   subjectiveGrade: this.data.subjectiveGrade + 2,
    //           // });
    //         }
    //         // 旧数据里 题目正确 记录正确数量
    //         if (questionObj.isRight) {
    //           // this.setData({
    //           //   correctNum: this.data.correctNum + 1,
    //           // });
    //         }
    //         if (
    //           pathitem.name == "判断题" ||
    //           pathitem.name == "填空题" ||
    //           pathitem.name == "多选题" ||
    //           pathitem.name == "单选题" ||
    //           pathitem.name == "听力题"
    //         ) {
    //           if (oldObj) {
    //             // this.setData({
    //             //   subjectiveTotal: this.data.subjectiveTotal + 1,
    //             // });
    //           }
    //         }
    //         // cardList赋值
    //         let cardIndex = cardList.findIndex(
    //           (item) => item.path == pathitem.productLinkPath
    //         );
    //         let infoList = cardList[cardIndex].infoList;
    //         infoList.push(questionObj);
    //         cardList[cardIndex].infoList = infoList;
    //         let questionList = [];
    //         const cardUpdatedList = cardList;
    //         cardUpdatedList.forEach((aitem) => {
    //           aitem.infoList.forEach((bitem, bindex) => {
    //             questionList.push(bitem);
    //             bitem.number = bindex + 1;
    //             bitem.score = 2;
    //           });
    //         });
    //         cardList = cardUpdatedList;
    //         this.$data.cardList = cardList;
    //         this.$data.loading = false;
    //         // console.log("题目呢", cardList);
    //         // return cardList
    //       });
    //     });
    //   }
    // },
    // 批改题目  (练习,我的做题,我的收藏模式下)
    handleQuestion() {
      const list = this.$data.cardList
      const list = this.$props.cardList
      for (let index = 0; index < list.length; index++) {
        const item = list[index];
        for (let cindex = 0; cindex < item.infoList.length; cindex++) {
@@ -745,7 +747,8 @@
        }
        
      }
      this.$data.cardList = list
      this.$props.cardList = list
      console.log(this.$props.cardList);
    },
  },
};
@@ -758,22 +761,23 @@
  font-size: 16px;
}
.examination {
  margin-top: 20px;
  min-height: 100px;
  ul {
    list-style: none;
  }
}
.border-box {
  padding-top: 20px;
  border: 2px solid #e9e9e9;
  border-top: 0;
}
.border-box:first-child {
  border-top:2px solid #e9e9e9 ;
}
.questionContent {
  // display: flex;
  // justify-content: flex-start;
  margin-left: -36px;
  // justify-content: center;
  margin-left: 20px;
}
.input {
  /deep/ .el-input__inner {
@@ -843,7 +847,7 @@
/** 题干 */
.questionTitle {
  display: flex;
  justify-content: space-between;
  justify-content: center;
  .titleContent {
    width: 95%;
    display: flex;
@@ -872,9 +876,12 @@
        margin-top: 6px;
      }
      .el-input {
        width: 150px;
        width: 140px;
        height: 24px;
        border-top: 0;
      }
      /deep/ .el-textarea.is-disabled .el-textarea__inner {
        background-color: #fff ;
      }
      /deep/.el-input__wrapper {
        border-top: 0 !important;
@@ -916,11 +923,15 @@
    align-items: center;
    min-width: 45%;
    margin-right: 50px;
    margin-bottom: 6px;
    white-space: pre-wrap !important;
    color: #000;
    /deep/ .el-checkbox__label {
      line-height: 1.5;
    }
  }
  /deep/ .el-radio__inner {
    border-color: #a5a3a3;
  }
  .optionContent {
    margin: 0;
@@ -932,6 +943,8 @@
}
.analysis {
  margin: 20px 0;
  width:550px;
  // margin-left: 12px;
}
.el-collapse {
  width: 100%;
@@ -1018,7 +1031,7 @@
  color: #333;
}
/deep/ .el-collapse-item__content {
  width: 100%;
  width: 93%;
  padding: 0 20px;
  background-color: #f4f4f4;
  font-size: 16px;