From 11506e97dfbb3c49754b8570f5328a6b17d22ed0 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期五, 07 六月 2024 18:08:48 +0800
Subject: [PATCH] 优化

---
 src/components/examinations/index.vue |   60 +++++++++++++++++++++++++++++++++---------------------------
 1 files changed, 33 insertions(+), 27 deletions(-)

diff --git a/src/components/examinations/index.vue b/src/components/examinations/index.vue
index 6b36a86..4998f9c 100644
--- a/src/components/examinations/index.vue
+++ b/src/components/examinations/index.vue
@@ -1,7 +1,7 @@
 <template>
-  <div class="examination" v-loading="!cardList.length">
+  <div class="examination" v-loading="loading">
     <div
-      v-for="(item, nindex) in cardList"
+      v-for="(item, nindex) in cardData"
       :key="nindex"
       class="border-box"
       v-show="item.infoList.length"
@@ -211,7 +211,6 @@
             "
           ></TEditorVue> -->
             <el-input
-              @input="textChange($event,nindex,value.id)"
               :disabled="value.isComplete"
               style="width: 94%; margin: 0 auto"
               v-else-if="value.questionType == 'shortAnswer'"
@@ -427,7 +426,6 @@
   props: {
     cardList: {
       type: Array,
-      default: [],
     },
     primaryColor: {
       type: String,
@@ -444,14 +442,27 @@
     return {
       type: "option",
       loading: false,
+      cardData:[],
+      loading:true
     };
   },
-  inject:['changeQuestionData'],
-  mounted() {},
-  computed:{
-    cardLists() {
-      return this.props.cardList
+  watch:{
+    cardList:{
+      handler(newVal) {
+        console.log('11',newVal);
+        this.cardData = this.cardList
+        if(newVal && newVal.length) {
+          this.loading = false
+        }
+      },
+      immediate:true,
+      deep:true
     }
+  },
+  mounted() {
+    // this.cardData = this.cardList
+    // console.log('this.cardList',this.cardList);
+    // console.log('this.cardData',this.cardData);
   },
   methods: {
     // 鏁扮粍杞负瀛楃涓叉柟娉�
@@ -486,20 +497,19 @@
       }
     },
     redo() {
-      for (let index = 0; index < this.cardList.length; index++) {
-        const item = this.cardList[index];
+      for (let index = 0; index < this.cardData.length; index++) {
+        const item = this.cardData[index];
         for (let cindex = 0; cindex < item.infoList.length; cindex++) {
           const citem = item.infoList[cindex];
           citem.userAnswer = "";
           citem.isComplete = false;
         }
       }
-      console.log('閲嶅仛',this.cardList);
     },
     openAnswers() {
       this.$data.loading = true;
-      for (let index = 0; index < this.cardList.length; index++) {
-        const item = this.cardList[index];
+      for (let index = 0; index < this.cardData.length; index++) {
+        const item = this.cardData[index];
         for (let cindex = 0; cindex < item.infoList.length; cindex++) {
           const citem = item.infoList[cindex];
           citem.isComplete = true;
@@ -512,7 +522,7 @@
     },
     // 鎵规敼棰樼洰  (缁冧範,鎴戠殑鍋氶,鎴戠殑鏀惰棌妯″紡涓�)
     handleQuestion() {
-      const list = this.$props.cardList;
+      const list = this.cardData;
       for (let index = 0; index < list.length; index++) {
         const item = list[index];
         for (let cindex = 0; cindex < item.infoList.length; cindex++) {
@@ -557,8 +567,8 @@
           }
         }
       }
-      this.$props.cardList = list;
-      console.log(this.$props.cardList);
+      this.cardData = list;
+      console.log(this.cardData);
     },
     getParentWithClass(element, className) {
       while (element.parentElement) {
@@ -570,20 +580,20 @@
     },
     // 淇濆瓨鎸夐挳
     saveAnswer() {
-      const element = document.getElementsByClassName("examination")[0];
+      const element = (this.container ? this.container : document
+      ).querySelector(".examination");
       if (element) {
         const pageNum = this.getParentWithClass(
           element,
           "page-box"
         ).getAttribute("page");
-        console.log(this.config.activeBook.name, pageNum);
         const oldAnswerData = localStorage.getItem(
           this.config.activeBook.name + "oldAnswerData"
         );
         let oldData = oldAnswerData ? JSON.parse(oldAnswerData) : {};
         const asnwerList = [];
-        for (let index = 0; index < this.$props.cardList.length; index++) {
-          const item = this.$props.cardList[index];
+        for (let index = 0; index < this.cardData.length; index++) {
+          const item = this.cardData[index];
           for (let cindex = 0; cindex < item.infoList.length; cindex++) {
             const citem = item.infoList[cindex];
             asnwerList.push({
@@ -593,7 +603,8 @@
           }
         }
         if(oldData[pageNum]) {
-          oldData[pageNum].push(asnwerList)
+          oldData[pageNum] = oldData[pageNum].filter(citem => asnwerList.findIndex(ditem => ditem.id == citem.id) == -1 )
+          oldData[pageNum].push(...asnwerList)
         } else {
           oldData[pageNum] = asnwerList
         }
@@ -609,11 +620,6 @@
       // console.log(oldData);
       
     },
-    textChange(value,a,b) {
-      console.log('杈撳叆',value,a,b);
-      console.log(this.cardList);
-      this.changeQuestionData(9,this.cardList)
-    }
   },
 };
 </script>

--
Gitblit v1.9.1