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 | 113 +++++++++++++++++++++++++++++++++++++-------------------
1 files changed, 74 insertions(+), 39 deletions(-)
diff --git a/src/components/examinations/index.vue b/src/components/examinations/index.vue
index e1dc40a..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"
@@ -421,14 +421,11 @@
</template>
<script>
-import { getPublicImage } from "@/assets/js/middleGround/tool";
export default {
name: "examination-option",
- // props: ["cardList"],
props: {
cardList: {
type: Array,
- default:[]
},
primaryColor: {
type: String,
@@ -445,9 +442,28 @@
return {
type: "option",
loading: false,
+ cardData:[],
+ loading:true
};
},
- mounted() {},
+ 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: {
// 鏁扮粍杞负瀛楃涓叉柟娉�
arrayToString(data) {
@@ -481,24 +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;
}
}
- // for (let index = 0; index < this.questionList.length; index++) {
- // const item = this.questionList[index];
- // item.userAnswer = "";
- // item.isComplete = false
- // }
},
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;
@@ -511,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++) {
@@ -556,37 +567,61 @@
}
}
}
- this.$props.cardList = list;
- console.log(this.$props.cardList);
+ this.cardData = list;
+ console.log(this.cardData);
+ },
+ getParentWithClass(element, className) {
+ while (element.parentElement) {
+ element = element.parentElement;
+ if (element.classList.contains(className)) {
+ return element;
+ }
+ }
},
// 淇濆瓨鎸夐挳
saveAnswer() {
- console.log(this.cardList);
- const oldAnswerData = localStorage.getItem("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 cindex = 0; cindex < item.infoList.length; cindex++) {
- const citem = item.infoList[cindex];
- asnwerList.push({
- id: citem.id,
- userAnswer: citem.userAnswer,
- });
+ const element = (this.container ? this.container : document
+ ).querySelector(".examination");
+ if (element) {
+ const pageNum = this.getParentWithClass(
+ element,
+ "page-box"
+ ).getAttribute("page");
+ const oldAnswerData = localStorage.getItem(
+ this.config.activeBook.name + "oldAnswerData"
+ );
+ let oldData = oldAnswerData ? JSON.parse(oldAnswerData) : {};
+ const asnwerList = [];
+ 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({
+ id: citem.id,
+ userAnswer: citem.userAnswer,
+ });
+ }
}
+ 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
+ }
+ localStorage.setItem(this.config.activeBook.name + "oldAnswerData", JSON.stringify(oldData));
}
- if(oldData[this.chapter]) {
- oldData[this.chapter][this.page] = asnwerList
- } else {
- oldData[this.chapter] = {}
- oldData[this.chapter][this.page] = asnwerList
- }
- console.log(oldData);
- localStorage.setItem("oldAnswerData", JSON.stringify(oldData));
+
+ // if(oldData[this.chapter]) {
+ // oldData[this.chapter][this.page] = asnwerList
+ // } else {
+ // oldData[this.chapter] = {}
+ // oldData[this.chapter][this.page] = asnwerList
+ // }
+ // console.log(oldData);
+
},
},
};
-
</script>
<style lang="less" scoped>
--
Gitblit v1.9.1