增加知识点分层

src/http/api/reportStudent.js

@@ -79,6 +79,13 @@ const jointSchoolReport = {
             data
         );
     },
+    //学生端查询单科-知识点分层分析表(联考)
+    queryStudentKnowLedgeLayering(data) {
+        return post(
+            base.prefix + "/api/v1/studentData/queryStudentKnowLedgeLayering",
+            data
+        );
+    },
 };
 //单校接口
 const schoolReport = {

src/views/analysisReport/studentPage/scrolReport/transcript_single.vue

@@ -286,6 +286,37 @@
           <div v-else class="page_jg_20"></div>
         </div>
       </div>
+      <!-- 知识点分层 -->
+      <div class="report_module" v-if="group.value=='knowledgePointQuestionData'">
+        <div class="module_title">
+          <div class="title_left">{{ group.name }}分层分析表</div>
+        </div>
+        <div class="module_table pb20">
+          <ul class="student_know_paper">
+            <li>
+              <div class="li_left">
+                  <span>满分区</span>
+                  <span>（得满分的知识点）</span>
+              </div>
+              <div class="li_know">{{ knowLedgeLayering.fullScore }}{{ knowLedgeLayering.fullScore ? '。':'' }}</div>
+            </li>
+            <li>
+              <div class="li_left">
+                  <span>突破升级区</span>
+                  <span>（得分率高于同层次，但低于上一层次平均水平的知识点）</span>
+              </div>
+              <div class="li_know">{{ knowLedgeLayering.breakThrough }}{{ knowLedgeLayering.breakThrough ? '。':'' }}</div>
+            </li>
+            <li>
+              <div class="li_left">
+                  <span>就近发展区</span>
+                  <span>（得分率低于同层次平均水平的知识点）</span>
+              </div>
+              <div class="li_know">{{ knowLedgeLayering.develop }}{{ knowLedgeLayering.develop ? '。':'' }}</div>
+            </li>
+          </ul>
+        </div>
+      </div>
     </template>
     <div class="report_module" v-if="false">
       <div class="module_title">
@@ -457,6 +488,11 @@ export default {
           radarChartData: []
         }
       },
+      knowLedgeLayering:{
+        fullScore:'',
+        develop:'',
+        breakThrough:''
+      },//知识点分层
       subjectLoading: true, //加载状态
       historyExamLoading: false,
       loadingText: '加载中,请稍后……',
@@ -527,6 +563,9 @@ export default {
       this.QueryOneSubjectData() //学生端查询单科-我的成绩
       this.FindStudentCard() //查询学生答题卡带批阅痕迹的(单校)
       this.QueryOneSubjectSmallQuestionData() //学生端查询单科-小题分析(表格-图表)
+      if(this.schoolType == 2){
+        this.QueryStudentKnowLedgeLayering();//知识点分层分析表(联考)
+      }
       this.QueryOneSubjectHistoryExamData() //学生端查询单科-历次查询
       this.QueryOneSubjectSuggestionData() //学生端查询单科-总结建议
     },
@@ -649,6 +688,21 @@ export default {
           this.groupData.smallQuestionData.loading = false
         })
     },
+    //知识点分层分析表(联考)
+    QueryStudentKnowLedgeLayering(){
+      this.$api.reportStudent[getApiName()].queryStudentKnowLedgeLayering(this.reportParam).then(res => {
+        if (res.code == 200 && res.data) {
+          const { breakThrough,develop,fullScore } = res.data;
+          this.knowLedgeLayering.breakThrough = breakThrough || '';
+          this.knowLedgeLayering.develop = develop || '';
+          this.knowLedgeLayering.fullScore = fullScore || '';
+        } else {
+          this.knowLedgeLayering.breakThrough = '';
+          this.knowLedgeLayering.develop = '';
+          this.knowLedgeLayering.fullScore = '';
+        }
+      })
+    },
     GetDifficultyClass(val) {
       if (val == 1) {
         return 'difficulty easy'
@@ -1051,4 +1105,84 @@ export default {
     background: #ee6666;
   }
 }
+.module_table{
+ &.pb20{
+  padding-bottom: 20px;
+ }
+}
+.student_know_paper{
+  width: 100%;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  border-radius: 6px;
+  border: 1px solid #EBEEF5;
+  li{
+      width: 100%;
+      border-top: 1px solid #EBEEF5;
+      box-sizing: border-box;
+      display: inline-flex;
+      &:first-child{
+          border-top: 0;
+          .li_left{
+              background-color: #EEF1FB;
+              span{
+                  color: #5470C6;
+              }
+          }
+      }
+      &:nth-child(2){
+          .li_left{
+              background-color: #ECF6F1;
+              span{
+                  color: #3BA272;
+              }
+          }
+      }
+      &:nth-child(3){
+          .li_left{
+              background-color: #FFFAEF;
+              span{
+                  color: #FAC858;
+              }
+          }
+      }
+      .li_left{
+          width: 300px;
+          padding: 24px;
+          border-right: 1px solid #EBEEF5;
+          box-sizing: border-box;
+          display: inline-flex;
+          flex-direction: column;
+          justify-content: center;
+          flex-shrink: 0;
+          span{
+              font-weight: 500;
+              font-size: 20px;
+              line-height: 28px;
+              display: block;
+              text-align: center;
+              &:nth-child(2){
+                margin-top: 4px;
+                line-height: 20px;
+                font-weight: 400;
+                font-size: 14px;
+                color: #999999;
+              }     
+          }
+      }
+      .li_know{
+          flex: 1;
+          padding: 20px;
+          box-sizing: border-box;
+          font-weight: 400;
+          font-size: 14px;
+          color: #666666;
+          line-height: 24px;
+          text-align: justified;
+          display: inline-flex;
+          align-items: center;
+      }
+  }
+}
 </style>