个人画像-样式修改

src/views/analysisReport/personalProfile/index.vue

@@ -80,11 +80,11 @@ export default {
             const stats = [];
             const prefix = ''; // 定义prefix变量
             // 当konwLenght不等于0时，显示第一行文本
-            if (this.knowledgeMapData.konwLenght > 0) {
-                stats.push(
-                    `共包含<span style='color:#2E64FA'>${this.knowledgeMapData.konwLenght}</span>个知识点，分别为<span style='color:#333333;font-weight:600;'>${this.knowledgeMapData.knowledgeList}</span>`
-                ); //包含知识点
-            }
+            // if (this.knowledgeMapData.konwLenght > 0) {
+            //     stats.push(
+            //         `共包含<span style='color:#2E64FA'>${this.knowledgeMapData.konwLenght}</span>个知识点，分别为<span style='color:#333333;font-weight:600;'>${this.knowledgeMapData.knowledgeList}</span>`
+            //     ); //包含知识点
+            // }
             // 当repeatKnowledgeNum不等于0时，显示第二行文本
             if (this.knowledgeMapData.repeatKnowledgeNum > 0) {
                 // 获取得分率变化的文本部分
@@ -93,15 +93,18 @@ export default {
                 const hasDrop = this.knowledgeMapData.dropKnowledgeList;
                 // 只有当raiseKnowledgeList不为空时，添加得分率提升的部分
                 if (hasRaise) {
-                    changeText += `其中<span style="color:#333333;font-weight:600;">${this.knowledgeMapData.raiseKnowledgeList}</span>${prefix}得分率<span style="color:#3BA272;font-weight:600;">提升</span>`;
+                    changeText += `共包含<span style='color:#2E64FA'>${this.knowledgeMapData.konwLenght}</span>个知识点，其中<span style="color:#333333;font-weight:600;">${this.knowledgeMapData.raiseKnowledgeList}</span>${prefix}得分率<span style="color:#3BA272;font-weight:600;">提升</span>`;
                 }
-                // 只有当dropKnowledgeList不为空时，添加得分率下降的部分
+                // 当下降部分不为空时，添加得分率下降的部分
                 if (hasDrop) {
+                    // 当提升部分不为空时，添加逗号
                     if (hasRaise) {
                         changeText += `，`;
+                        changeText += `<span style="color:#333333;font-weight:600;">${this.knowledgeMapData.dropKnowledgeList}</span>${prefix}得分率<span style="color:#F56C6C;font-weight:600;">下降</span>，希望针对下降的知识点进行总结和反思。`;
+                    }else{
+                        changeText += `共包含<span style='color:#2E64FA'>${this.knowledgeMapData.konwLenght}</span>个知识点，其中<span style="color:#333333;font-weight:600;">${this.knowledgeMapData.dropKnowledgeList}</span>${prefix}得分率<span style="color:#F56C6C;font-weight:600;">下降</span>，希望针对下降的知识点进行总结和反思。`;
                     }
-                    changeText += `<span style="color:#333333;font-weight:600;">${this.knowledgeMapData.dropKnowledgeList}</span>${prefix}得分率<span style="color:#F56C6C;font-weight:600;">下降</span>，希望针对下降的知识点进行总结和反思。`;
-                } else if (hasRaise) {
+                } else {
                     // 如果只有提升，添加句号
                     changeText += `。`;
                 }
@@ -330,24 +333,24 @@ export default {
                                 this.$refs.knowledgeGraphRef.updateChart();
                             }
                         });
-                        // 获取知识点第一条数据id
-                        if (this.fatalVulnerability.length > 0) {
-                            this.knowledgeName = this.fatalVulnerability[0].knowledgeName || '';
-                            this.knowledgeId = this.fatalVulnerability[0].knowledgeId || 0;
+                        // 获取知识点第一条数据id 全部>高频错题>零分知识点
+                        if (this.allKnowledgeList.length > 0) {
+                            this.knowledgeName = this.allKnowledgeList[0].knowledgeName || '';
+                            this.knowledgeId = this.allKnowledgeList[0].knowledgeId || 0;
                         } else {
-                            // 高频错题知识点
                             if (this.highVulnerability.length > 0) {
                                 this.knowledgeName = this.highVulnerability[0].knowledgeName || '';
                                 this.knowledgeId = this.highVulnerability[0].knowledgeId || 0;
-                            } else if (this.allKnowledgeList.length > 0) {
-                                this.knowledgeName = this.allKnowledgeList[0].knowledgeName || '';
-                                this.knowledgeId = this.allKnowledgeList[0].knowledgeId || 0;
+                            }else if (this.fatalVulnerability.length > 0) {
+                                this.knowledgeName = this.fatalVulnerability[0].knowledgeName || '';
+                                this.knowledgeId = this.fatalVulnerability[0].knowledgeId || 0;
                             } else {
                                 this.knowledgeName = '';
                                 this.knowledgeId = '';
                             }
                         }
                         
+                        
                         // 首次加载默认获取知识点
                         this.KnowledgeTrackData();
                         // 加载推送试题

src/views/analysisReport/personalProfile/zeroScoreKnowledge.vue

@@ -93,14 +93,14 @@
       <div class="knowledge_right_container">
         <!-- Tab切换 -->
         <div class="knowledge_tab">
-          <div class="tab_item" :class="{ active: activeTab === 'zero' }" @click="activeTab = 'zero'">
-            零分知识点
+          <div class="tab_item" :class="{ active: activeTab === 'all' }" @click="activeTab = 'all'">
+            全部知识点
           </div>
           <div class="tab_item" :class="{ active: activeTab === 'highFreq' }" @click="activeTab = 'highFreq'">
             高频错题知识点
           </div>
-          <div class="tab_item" :class="{ active: activeTab === 'all' }" @click="activeTab = 'all'">
-            全部知识点
+          <div class="tab_item" :class="{ active: activeTab === 'zero' }" @click="activeTab = 'zero'">
+            零分知识点
           </div>
         </div>
 
@@ -295,7 +295,7 @@ export default {
       // 组件挂载状态标记
       _isMounted: false,
       // Tab切换状态
-      activeTab: 'zero',
+      activeTab: 'all',
       // 对比选择器数据
       activeComparison: 'grade', // 默认对比年级
       studentPosition: 'C层', // 学生位置
@@ -399,27 +399,26 @@ export default {
       // 保存当前tab值，用于比较是否需要修改
       const oldActiveTab = this.activeTab;
 
-      // 优先级：零分知识点 > 高频错题知识点 > 全部知识点
-      if (this.fatalVulnerability && this.fatalVulnerability.length > 0) {
-        // 如果零分知识点有数据，切换到零分知识点并选中第一条
-        if (this.activeTab !== 'zero') {
-          this.activeTab = 'zero';
+      // 优先级：全部知识点 > 高频错题知识点 > 零分知识点
+      if (this.allKnowledgeList && this.allKnowledgeList.length > 0) {
+        // 如果前两者都没有数据但全部知识点有数据，切换到全部知识点并选中第一条
+        if (this.activeTab !== 'all') {
+          this.activeTab = 'all';
         }
         this.selectedIndex = 0;
-      } else if (this.highVulnerability && this.highVulnerability.length > 0) {
+      }else if (this.highVulnerability && this.highVulnerability.length > 0) {
         // 如果零分知识点没有数据但高频错题知识点有数据，切换到高频错题知识点并选中第一条
         if (this.activeTab !== 'highFreq') {
           this.activeTab = 'highFreq';
         }
         this.selectedIndex = 0;
-      } else if (this.allKnowledgeList && this.allKnowledgeList.length > 0) {
-        // 如果前两者都没有数据但全部知识点有数据，切换到全部知识点并选中第一条
-        if (this.activeTab !== 'all') {
-          this.activeTab = 'all';
+      }else if (this.fatalVulnerability && this.fatalVulnerability.length > 0) {
+        // 如果零分知识点有数据，切换到零分知识点并选中第一条
+        if (this.activeTab !== 'zero') {
+          this.activeTab = 'zero';
         }
         this.selectedIndex = 0;
-      }
-
+      }  
       // 只有当tab值实际发生变化时，才触发选中事件
       // 初始化时不触发，避免重复调用接口
       if (this._isMounted && oldActiveTab !== this.activeTab) {
@@ -568,13 +567,13 @@ export default {
               layout: 'radial',
               symbol: 'circle',
               initialTreeDepth: 999, // 设置一个足够大的值，确保所有节点都展开
-              expandAndCollapse: true,
+              expandAndCollapse: false,
               // 调整树状图布局参数，确保节点均匀分布
               orient: 'radial',
               roam: true,
 
               // 使用基础配置实现居中
-              center: ['12%', '10%'],
+              center: ['10%', '8%'],
 
               zoom: this.getZoomValue(),
               scaleLimit: {