个人画像-知识点追踪添加考试知识点数量

src/views/analysisReport/personalProfile/KnowledgeTrack.vue

@@ -2,11 +2,18 @@
   <div class="knowledgeTrack">
     <h3 class="title">历次考试知识点追踪</h3>
     <!-- 内容区域 -->
-    <div class="map_content" v-if="examRange || knowledgeStats.length > 0">
+    <div class="map_content" v-if="examRange.length > 0 || knowledgeStats.length > 0">
       <!-- 考试范围说明 -->
       <div class="knowledge_stats">
-        <p class="range_text" v-if="examRange">
+        <!-- <p class="range_text" v-if="examRange">
           <span class="dot"></span>历次考试：<span v-html="examRange" style="color:#333333;font-weight:600;"></span>
+        </p> -->
+        <p class="range_text">
+          <span class="dot"></span>
+          本次选择考试 <span v-for="(item, index) in examRange" :key="index" >
+            {{ item.examName }}<i :style="{background: item.knowledgeNum >0 ? '#2E64FA' : '#FB9F34'}">{{ item.knowledgeNum }}</i>
+            <span v-if="index < examRange.length - 1">、</span>
+          </span>
         </p>
           <p class="stats_text" v-for="(item, index) in knowledgeStats" :key="index">
             <span class="dot"></span> <span v-html="item"></span>
@@ -30,8 +37,10 @@ export default {
   props: {
     // 考试范围
     examRange: {
-      type: String,
-      default: ''
+      type: Array,
+      default: function () {
+        return [];
+      }
     },
     // 包含知识点数据
     knowledgeStats: {
@@ -101,6 +110,19 @@ export default {
         border-radius: 50%;
       }
     }
+    .range_text{
+      span{
+        color:#333333;
+        font-weight:600;
+        i{
+          font-size: 10px;
+          color: #ffffff;
+          border-radius: 4px 4px 4px 4px;
+          padding: 2px 4px;
+          margin-left: 5px;
+        }
+      }
+    }
   }
 
   //暂无数据

src/views/analysisReport/personalProfile/index.vue

@@ -123,7 +123,7 @@ export default {
             gradeHistoryData: [],
             // 历次考试知识点追踪数据
             knowledgeMapData: {
-                examRange: "", //考试名称
+                examRange: [], //考试名称
                 konwLenght: 0, // 包含知识点数
                 knowledgeList: [],// 包含知识点列表 
                 repeatKnowledgeNum: 0, // 重复知识点数
@@ -266,7 +266,7 @@ export default {
             // 加载状态-清空数据
             this.knowledgeloading = true;
             this.knowledgeMapData = {
-                examRange: "", //考试名称
+                examRange: [], //考试名称
                 konwLenght: 0, // 包含知识点数
                 knowledgeList: [],// 包含知识点列表 
                 repeatKnowledgeNum: 0, // 重复知识点数
@@ -285,7 +285,7 @@ export default {
                         this.knowledgeloading = false;
                         // 考试名称列表
                         if (data.examNameList) {
-                            this.knowledgeMapData.examRange = data.examNameList.join('、') || '';
+                            this.knowledgeMapData.examRange =data.examNameList ? data.examNameList : [];
                         }
                         // 知识点列表
                         if (data.knowledgeList) {
@@ -305,7 +305,7 @@ export default {
                         // 加载状态
                         this.knowledgeloading = false;
                         this.knowledgeMapData = {
-                            examRange: "", //考试名称
+                            examRange: [], //考试名称
                             konwLenght: 0, // 包含知识点数
                             knowledgeList: [],// 包含知识点列表 
                             repeatKnowledgeNum: 0, // 重复知识点数
@@ -317,7 +317,7 @@ export default {
                     // 加载状态
                     this.knowledgeloading = false;
                     this.knowledgeMapData = {
-                        examRange: "", //考试名称
+                        examRange: [], //考试名称
                         konwLenght: 0, // 包含知识点数
                         knowledgeList: [],// 包含知识点列表 
                         repeatKnowledgeNum: 0, // 重复知识点数