背题组卷修改答案设置，即使测随堂问缓存问题

梁保满
1 parent 5ab73359
Showing 7 changed files with 127 additions and 12 deletions
src/components/setAnswer.vue
src/store/index.js
src/utils/index.js
src/views/examinationPaper/add.vue
src/views/examinationPaper/edit.vue
src/views/test/analysis.vue
src/views/test/editAnswer.vue
@@ -86,7 +86,7 @@
       width="400"
       :modal-append-to-body="false"
     >
-      <div class="qs-options">
+      <div class="qs-options set-questions">
         <p>{{ setSubPro(formAns.qusType) }}：</p>
         <p class="ipt">
           <el-input
@@ -158,6 +158,7 @@
             @click="formAns.answerList = formAns.answerList.slice(0, -1)"
             >x</span
           >
+          <span class="answer-s ac" @click="formAns.answerList = ''">ac</span>
         </p>
       </div>
       <div class="dialog-footer" slot="footer">
@@ -262,6 +263,20 @@ export default {
     setFormAns(indexs) {
       //初始化要修改的答案
       this.formAns = { ...this.FormQuestionList[indexs] };
+      let answerList = "";
+      this.FormQuestionList[index].map((item, subIdx) => {
+        answerList += this.setAnswer(item.questionType, item.correctAnswer);
+        if (subIdx != indexs) {
+          if (!!item.qusType) {
+            answerList = "";
+          }
+        } else {
+          if (item.qusType == 3) {
+            answerList = answerList.slice(0, -1);
+          }
+          this.formAns.answerList = answerList;
+        }
+      });
       this.diaSetAns = true;
     },
     saveFormAns() {
@@ -170,6 +170,7 @@ const store = new Vuex.Store({
         children: [],
       });
       router.push({ path: "/" });
+      window.location.reload()
     },
   },
   getters: {
@@ -454,7 +454,7 @@ export function checkAnswer(
     //单选
     console.log(s.length + " " + questionCount);
     if (s.length > questionCount) {
-      s = s.substring(0, questionCount+1);
+      s = s.substring(0, questionCount);
     }
   } else if (questionType == 3) {
     //多选
@@ -115,7 +115,11 @@
             <p class="add-type" v-for="item in tagList" :key="item.id">
               <el-row :gutter="10">
                 <el-col :span="18"
-                  ><el-input v-model="item.typeName" :maxlength="10" placeholder="请输入答题卡类型名称"></el-input
+                  ><el-input
+                    v-model="item.typeName"
+                    :maxlength="10"
+                    placeholder="请输入答题卡类型名称"
+                  ></el-input
                 ></el-col>
                 <el-col :span="6">
                   <el-tooltip effect="dark" content="保存" placement="top">
@@ -639,6 +643,9 @@
                   @click="formAns.answerList = formAns.answerList.slice(0, -1)"
                   >x</span
                 >
+                <span class="answer-s ac" @click="formAns.answerList = ''"
+                  >ac</span
+                >
               </p>
             </div>
             <div class="dialog-footer" slot="footer">
@@ -875,6 +882,22 @@ export default {
       //初始化要修改的答案
       this.formAns = { ...this.form.questionList[index].subQuestions[indexs] };
       this.formAns.listIndex = index;
+      this.formAns.answerList = [];
+      let answerList = "";
+      this.form.questionList[index].subQuestions.map((item, subIdx) => {
+        answerList += this.setAnswer(item.questionType, item.correctAnswer);
+        if (subIdx != indexs) {
+          if (!!item.qusType) {
+            answerList = "";
+          }
+        } else {
+          if (item.qusType == 3) {
+            answerList = answerList.slice(0, -1);
+          }
+          this.formAns.answerList = answerList;
+        }
+      });
+
       this.diaSetAns = true;
     },
     setMultiple(obj, answer) {
@@ -1457,10 +1480,13 @@ export default {
     background-size: 19px;
     color: transparent;
   }
+  .answer-s.ac{
+    border:none;
+  }
   .ac {
     border-color: #ff6868;
     background: #ff6868;
-    color: #fff;
+    color: #fff!important;
   }
 }
  
@@ -227,7 +227,7 @@
         width="400"
         :modal-append-to-body="false"
       >
-        <div class="qs-options">
+        <div class="qs-options set-questions">
           <p class="dia-tips">
             请点击选项按钮设置答案,多选题题目之间用“,”隔开，若添加5道题：“AC,AD,BD,AC,CD”
           </p>
@@ -302,6 +302,7 @@
               @click="formAns.answerList = formAns.answerList.slice(0, -1)"
               >x</span
             >
+            <span class="answer-s ac" @click="formAns.answerList = ''">ac</span>
           </p>
         </div>
         <div class="dialog-footer" slot="footer">
@@ -492,9 +493,37 @@ export default {
       if (this.questionList[0].subQuestions) {
         this.formAns = { ...this.questionList[index].subQuestions[indexs] };
         this.formAns.listIndex = index;
+        let answerList = "";
+        this.questionList[index].subQuestions.map((item, subIdx) => {
+          answerList += this.setAnswer(item.questionType, item.correctAnswer);
+          if (subIdx != indexs) {
+            if (!!item.qusType) {
+              answerList = "";
+            }
+          } else {
+            if (item.qusType == 3) {
+              answerList = answerList.slice(0, -1);
+            }
+            this.formAns.answerList = answerList;
+          }
+        });
       } else {
         this.formAns = { ...this.questionList[indexs] };
         this.formAns.listIndex = indexs;
+        let answerList = "";
+        this.questionList[index].map((item, subIdx) => {
+          answerList += this.setAnswer(item.questionType, item.correctAnswer);
+          if (subIdx != indexs) {
+            if (!!item.qusType) {
+              answerList = "";
+            }
+          } else {
+            if (item.qusType == 3) {
+              answerList = answerList.slice(0, -1);
+            }
+            this.formAns.answerList = answerList;
+          }
+        });
       }
       this.diaSetAns = true;
     },
@@ -819,9 +848,9 @@ export default {
     text-align: left;
     justify-content: flex-start;
     padding-left: 20px;
-    .answer-s {
-      cursor: pointer;
-    }
+  }
+  .answer-s {
+    cursor: pointer;
   }
   :deep(.el-select) {
     .el-input__inner {
@@ -837,4 +866,15 @@ export default {
     }
   }
 }
+.set-questions {
+  .answer-box {
+    .answer-s {
+      cursor: pointer;
+      user-select: none;
+      &:first-of-type {
+        margin-left: 0;
+      }
+    }
+  }
+}
 </style>
 \ No newline at end of file
@@ -297,7 +297,7 @@
             align="center"
             v-for="(item, index) in questionList"
             :key="index"
-            :label="'题目' + item.id"
+            :label="'Q' + item.id"
             :prop="'score' + item.id"
           >
           </el-table-column>
@@ -337,7 +337,7 @@
             align="center"
             v-for="(item, index) in questionList"
             :key="index"
-            :label="'题目' + item.id"
+            :label="'Q' + item.id"
           >
             <template slot-scope="scope">
               <span
@@ -128,7 +128,7 @@
                 subQuestions.subNum > 4
               "
             >
-              <el-button type="primary" @click="setFormAns(indexs, index)"
+              <el-button type="primary" @click="setFormAns(indexs)"
                 >批量设置答案</el-button
               >
             </p>
@@ -288,6 +288,11 @@
             @click="formAns.answerList = formAns.answerList.slice(0, -1)"
             >x</span
           >
+          <span
+            class="answer-s ac"
+            @click="formAns.answerList = ''"
+            >ac</span
+          >
         </p>
       </div>
       <div class="dialog-footer" slot="footer">
@@ -477,14 +482,42 @@ export default {
         sub.correctAnswer = arrs.sort().join("");
       }
     },
-    setFormAns(indexs, index) {
+     setFormAns(indexs, index) {
       //初始化要修改的答案
       if (this.questionList[0].subQuestions) {
         this.formAns = { ...this.questionList[index].subQuestions[indexs] };
         this.formAns.listIndex = index;
+        let answerList = "";
+        this.questionList[index].subQuestions.map((item, subIdx) => {
+          answerList += this.setAnswer(item.questionType, item.correctAnswer);
+          if (subIdx != indexs) {
+            if (!!item.qusType) {
+              answerList = "";
+            }
+          } else {
+            if (item.qusType == 3) {
+              answerList = answerList.slice(0, -1);
+            }
+            this.formAns.answerList = answerList;
+          }
+        });
       } else {
         this.formAns = { ...this.questionList[indexs] };
         this.formAns.listIndex = indexs;
+        let answerList = "";
+        this.questionList[index].map((item, subIdx) => {
+          answerList += this.setAnswer(item.questionType, item.correctAnswer);
+          if (subIdx != indexs) {
+            if (!!item.qusType) {
+              answerList = "";
+            }
+          } else {
+            if (item.qusType == 3) {
+              answerList = answerList.slice(0, -1);
+            }
+            this.formAns.answerList = answerList;
+          }
+        });
       }
       this.diaSetAns = true;
     },