知识点作答接口对接

src/http/api/target.js

@@ -32,9 +32,14 @@ const targetImprove = {
     return post( base.prefix+ `/api/v1/studentError/error_question`, data)
   },
 
-
-
-
+  // 待练习知识点
+  studentTargeWaitExercise(data) {
+    return get( base.prefix+ `/api/v1/studentTarge/wait_exercise`, data)
+  },
+  // 查询试题列表（type 1待练习的列表 2已练习的列表）
+  studentTargeExerciseQuestion(data) {
+    return get( base.prefix+ `/api/v1/studentTarge/exercise_question`, data)
+  },
 }
 
 export default targetImprove

src/views/targetImprove/practice/practiceAnswer.vue

@@ -4,14 +4,14 @@
       <el-aside width="260px" class="hide_scrollbar">
         <div class="side_list">
           <div class="side_title">待练习知识点</div>
-          <div class="side_item" v-for="(item, index) in 20" :key="index">
+          <div class="side_item" v-for="item in waitList" :key="item.exerciseId" @click="ChangeKnowledge(item)">
             <div class="item_name">
-              一元二次不等式与二次函式与一元二次函数的关系
+              {{ item.knowledgeName }}
             </div>
             <div class="item_content">
               <div class="content_left">
-                <div class="content_type">指定练习</div>
-                <div class="content_num">题量：8</div>
+                <div class="content_type">{{ item.exerciseType == 1?'自主练习':'指定练习' }}</div>
+                <div class="content_num">题量：{{ item?.questionNum || '0' }}</div>
               </div>
               <div class="ai_explain">
                 <img class="ai_icon" src="@/assets/icon_ai.png" />
@@ -24,7 +24,7 @@
       <el-main class="main_body">
         <div class="content_main">
           <div class="content_title">
-            <div class="title_name">实用类文本</div>
+            <div class="title_name">{{ knowledgeName }}</div>
             <div class="button">
               <el-button plain class="download_btn" @click="downloadPaper"
                 >下载试卷</el-button
@@ -36,7 +36,7 @@
             <div
               class="question_item"
               v-for="(item, index) in questionList"
-              :key="index"
+              :key="item.questionId"
             >
               <QuestionItem :question="item"></QuestionItem>
               <div :class="['question_footer', { img_list: index == 1 }]">
@@ -125,12 +125,19 @@
 </template>
 <script>
 import QuestionItem from "@/views/targetImprove/components/QuestionItem.vue"; //题目公共组件
+import { mapState } from "vuex";
 export default {
   components: {
     QuestionItem,
   },
+  computed: {
+    ...mapState("target", ["subjectCode", "levelCode"]),
+  },
   data() {
     return {
+      waitList: [], //待练习知识点
+      exerciseId: '', // 练习id
+      knowledgeName:'',//知识点名称
       questionList: [{}, {}, {}, {}],
       fileList: [
         {
@@ -142,15 +149,54 @@ export default {
           url: "https://fuss10.elemecdn.com/3/63/4e7f3a15429bfda99bce42a18cdd1jpeg.jpeg?imageMogr2/thumbnail/360x360/format/webp/quality/100",
         },
       ],
-      dialogImageUrl: "",
-      dialogVisible: false,
-      dialogPaperVisible: false,
-      radio: 3,
+      dialogImageUrl: "",//图片预览
+      dialogVisible: false,//图片预览
+      dialogPaperVisible: false,//下载试卷
+      radio: 3,//下载试卷
     };
   },
   watch: {},
-  mounted() {},
+  mounted() {
+    this.GetStudentTargeWaitExercise();
+  },
   methods: {
+    //待练习知识点
+    GetStudentTargeWaitExercise() {
+      this.$api.target
+        .studentTargeWaitExercise({
+          levelCode: this.levelCode, // 学段code
+          subjectCode: this.subjectCode, //学科code
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.waitList = res?.data || [];
+            if(this.waitList.length > 0){
+                this.exerciseId = this.waitList?.[0]?.exerciseId || '';
+                this.knowledgeName = this.waitList?.[0]?.knowledgeName || '';
+                this.GetStudentTargeExerciseQuestion();
+            }
+          }
+        });
+    },
+    // 查询试题列表（type 1待练习的列表 2已练习的列表）
+    GetStudentTargeExerciseQuestion(){
+        this.$api.target
+        .studentTargeExerciseQuestion({
+          exerciseId: this.levelCode, // 练习id	
+          type: 1, // 1待练习的列表 2已练习的列表
+        })
+        .then((res) => {
+          if (res.code == 200) {
+            this.questionList = res?.data || [];
+          }
+        });
+    },
+    //切换知识点
+    ChangeKnowledge(item) { 
+      this.exerciseId = item.exerciseId || '';
+      this.knowledgeName = item.knowledgeName || '';
+      this.GetStudentTargeExerciseQuestion();
+    },
     //删除图片
     handleRemove(file) {
       console.log(file);