错题巩固接口更新

src/http/api/target.js

@@ -8,6 +8,22 @@ const targetImprove = {
     return get( base.prefix+ `/api/v1/studentTarge/target_top`, data)
   },
 
+  //获取学生端错题本筛选信息接口
+  getTargetErrorTopData(data) {
+    return get( base.prefix+ `/api/v1/studentError/error_top`, data)
+  },
+
+
+  //获取学生端错题知识点列表接口
+  getTargetErrorKnowledgeList(data) {
+    return get( base.prefix+ `/api/v1/studentError/error_knowledge`, data)
+  },
+
+  //获取学生端知识点错题列表接口
+  getTargetErrorQuestionListData(data) {
+    return post( base.prefix+ `/api/v1/studentError/error_question`, data)
+  },
+
 
 
 

src/views/targetImprove/components/QuestionItem.vue

@@ -2,7 +2,7 @@
   <div class="question_preview">
     <div class="question_header">
         <div class="header_index">
-            1
+           {{ index}}
         </div>
         <span class="header_type">
             选择题
@@ -25,6 +25,19 @@ import { mapGetters } from "vuex";
 export default {
   components: {
 
+  },
+  props: {
+    questionData: {
+      type: Object,
+      default: () => {
+        return {};
+      },
+    },
+
+    index: {
+      type: Number,
+      default: 1,
+    },
   },
   computed: {
 
@@ -63,11 +76,11 @@ export default {
     width: 100%;
     height: auto;
 
-    background: #FFFFFF;
-    border-radius: 10px 10px 10px 10px;
-    border: 1px solid #DCDFE6;
-    padding: 16px;
-    box-sizing: border-box;
+    // background: #FFFFFF;
+    // border-radius: 10px 10px 10px 10px;
+    // border: 1px solid #DCDFE6;
+    // padding: 16px;
+    // box-sizing: border-box;
     .question_header
     {
         width: 100%;

src/views/targetImprove/consolidate/index.vue

@@ -1,14 +1,26 @@
 <template>
-  <div class="page_target">
+  <div class="page_target page_search">
     <TargetSubject></TargetSubject>
     <!-- 错题巩固 -->
     <div class="consolidate_item">
-      <div class="left_tree">
+      <div class="left_filter">
 
       </div>
-      <div class="right_list">
+      <div class="right_list ">
+  
+        <div class="search_content">
+          <div class="content_left">
+            <span class="left_title">错题详情</span>  <span>共50道题</span>
+          </div>
+          <div class="content_right">
+            <el-button type="primary" >导出PDF</el-button>
+          </div>
+        </div>
+        <div class="page_jg_20">
+        </div>
+
         <div class="question_item" v-for="(item, index) in questionList" :key="index">
-          <QuestionItem :question="item"></QuestionItem>
+          <QuestionItem :question="item" :index="index+1"></QuestionItem>
         </div>
 
         <div class="page_jg_20">
@@ -31,18 +43,7 @@ export default {
   data() {
     return {
       questionList: [
-        {
-          
-        },
-        {
-          
-        },
-        {
-          
-        },
-        {
-          
-        },
+        {},{},{},{},{},{},{}
       ]
     }
   },
@@ -60,11 +61,35 @@ export default {
   },
   mounted() 
   {
-
+    this.GetTargetErrorQuestionListData();//获取错题列表
   },
   methods: { 
     
 
+    // 获取错题列表
+    GetTargetErrorQuestionListData()
+    {
+      let params={
+        pageParam: {
+          pageNum: 1,
+          pageSize: 10
+        },
+        knowledgeIds: [''],
+        courseCode: this.subjectCode,
+        gradeCodes: [],
+        types: [1,2],//维度 1考试 2练习
+        beginAt: "",
+        endAt: ""
+      };
+      this.$api.target.getTargetErrorQuestionListData(params).then(res => {
+        console.log('打印错题列表', res)
+        if(res.code == 200)
+        {
+          this.questionList = res.data.records || [{},{},{},{},{},{},{}];
+        }
+      });
+    },
+
 
   }
 };
@@ -77,24 +102,32 @@ export default {
   justify-content: space-between;
   height: calc(100% - 50px);
 
-  .left_tree
+  .left_filter
   {
-    width: 200px;
+    width: 320px;
     height: 100%;
-    background: blue;
+
   }
   .right_list
   {
-    width: calc(100% - 200px);
-    height: 100%;
+    width: calc(100% - 330px);
+    height: calc(100% - 10px);
     background: #fff;
     padding: 20px;
     overflow-y: auto;
+    box-sizing: border-box;
+    border-radius: 10px 10px 10px 10px;
   }
 }
 
 .question_item
 {
+
+  background: #FFFFFF;
+  border-radius: 10px 10px 10px 10px;
+  border: 1px solid #DCDFE6;
+  padding: 16px;
+  box-sizing: border-box;
   margin-bottom: 20px;
 }
 </style>