|
|
@@ -1,5 +1,5 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
+ <div class="scroll_content">
|
|
|
<div class="select_box">
|
|
|
<el-radio-group v-model="errorType" size="medium" @change="_queryStudentErrorQuestion">
|
|
|
<el-radio-button :label="-1">全部试题({{ allErrorCount }})</el-radio-button>
|
|
|
@@ -10,7 +10,7 @@
|
|
|
</div>
|
|
|
|
|
|
<div class="content">
|
|
|
- <div class="right_btn">
|
|
|
+ <div class="right_btn" v-if="errorType !== 1">
|
|
|
<el-button size="medium" @click="downloadDialogVisible = true">下载错题本</el-button>
|
|
|
<el-button type="primary" size="medium" @click="downloadDialogVisible = true">下载个性化提升手册</el-button>
|
|
|
</div>
|
|
|
@@ -23,10 +23,9 @@
|
|
|
<div class="card_top">
|
|
|
<div class="card_top_info">
|
|
|
<div class="left">
|
|
|
- <span class="number">{{ index + 1 }}</span>
|
|
|
+ <span class="number mr_10">{{ countGlobalIndex(index + 1) }}</span>
|
|
|
<span class="gray">试题类型:</span>
|
|
|
- <span class="black">{{ question.questionType }}</span>
|
|
|
- <!-- TODO: 这个地方的字段后端未确认 -->
|
|
|
+ <span class="black mr_10">{{ question.questionType }}</span>
|
|
|
<span class="tag" v-if="question.classScoreRate < 40">高频错题</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -50,8 +49,9 @@
|
|
|
<span class="gray">分</span>
|
|
|
</div>
|
|
|
<div class="footer_item">
|
|
|
- <span class="gray">难度</span>
|
|
|
- <span :class="countDiffcutyClass(question.difficulty)">{{ question.difficulty }} </span>
|
|
|
+ <span class="gray">难度:</span>
|
|
|
+ <span :class="countDiffcutyClass(question.difficulty)">{{ question.difficulty }}
|
|
|
+ </span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -152,7 +152,7 @@
|
|
|
<div class="card_top">
|
|
|
<div class="card_top_info">
|
|
|
<div class="left">
|
|
|
- <span class="number"
|
|
|
+ <span class="number mr_10"
|
|
|
:class="countLevel(question.variationQuestion.questionLevel).color">
|
|
|
{{ countLevel(question.variationQuestion.questionLevel).text }}
|
|
|
</span>
|
|
|
@@ -265,9 +265,11 @@ export default {
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
- countDiffcutyClass(difficulty) {
|
|
|
- console.log(difficulty);
|
|
|
+ countGlobalIndex(index) {
|
|
|
+ return (this.pageParam.pageNum - 1) * this.pageParam.pageSize + index;
|
|
|
+ },
|
|
|
|
|
|
+ countDiffcutyClass(difficulty) {
|
|
|
// 容易:#90CB75 较易:#FAC858 一般:#5470C6 较难:#EA7ACB 困难:#EE6666
|
|
|
const classMap = {
|
|
|
'容易': 'easy',
|
|
|
@@ -337,11 +339,25 @@ export default {
|
|
|
}
|
|
|
|
|
|
this.questionList = questionList;
|
|
|
+
|
|
|
+ // 缓慢滚动到顶部
|
|
|
+ this.scrollToTop();
|
|
|
}
|
|
|
|
|
|
instance.close();
|
|
|
},
|
|
|
|
|
|
+ scrollToTop() {
|
|
|
+ // 等待 DOM 更新完成
|
|
|
+ this.$nextTick(() => {
|
|
|
+ const container = document.querySelector('.content_right');
|
|
|
+ if (container) {
|
|
|
+ container.scrollTo({ top: 0, behavior: 'smooth' });
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
+
|
|
|
+
|
|
|
async _markStudentErrorQuestion(question, markStatus) {
|
|
|
const res = await markStudentErrorQuestion({
|
|
|
questionId: question.questionId,
|
|
|
@@ -380,6 +396,7 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.select_box {
|
|
|
background-color: #ffffff;
|
|
|
border-radius: 10px;
|
|
|
@@ -420,7 +437,6 @@ export default {
|
|
|
align-items: center;
|
|
|
|
|
|
span {
|
|
|
- margin-right: 10px;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
|