第一部分 等级比例分析

js/index.js

@@ -3,8 +3,8 @@ $(function () {
 
     var loadHtmlArr = [
       // "cover", //封面
-      "preface", //前言
-      // "section_1",
+      // "preface", //前言
+      "section_1",
       // "section_2",
       // "section_3",
       // "section_4",
@@ -20,7 +20,7 @@ $(function () {
       } else if (htmlName === "preface") {
         $("." + htmlName + "_html_root").data("page-params", JSON.stringify(sectionsData));
       } else if (htmlName === "section_1") {
-        $("." + htmlName + "_html_root").data("page-params", JSON.stringify(sectionsData.ksgk));
+        $("." + htmlName + "_html_root").data("page-params", JSON.stringify(sectionsData));
       } else if (htmlName === "section_2") {
         $("." + htmlName + "_html_root").data("page-params", JSON.stringify({
           cjfx: sectionsData.cjfx,
@@ -39,7 +39,7 @@ $(function () {
   // 请求接口前缀
   var _pdfBaseurl = "https://schoolapitest.xhkjedu.com/";
   // 47.1.1pdf报告
-  var _sexam_ers_pdf = _pdfBaseurl + "sexam/ers/pdf";
+  var _sexam_ers_pdf = _pdfBaseurl + "sexam/erc/pdf";
   $.ajax({
     type: "POST",
     url: _sexam_ers_pdf,
@@ -51,7 +51,6 @@ $(function () {
     contentType: "application/json; charset=utf-8",
     success: function (data) {
       if (data.code === 0) {
-        console.log(data.obj)
         loadSectionHtml(data.obj);
       } else {
         alert(data.msg);

sections/section_1.html

@@ -22,73 +22,59 @@
           </div>
         </div>
       </div>
-      <h2 class="section_title_2">1.总览</h2>
-      <div class="section_list">
-        <div class="section_item">
-          <div class="item_num"><span class="classnum"></span>个</div>
-          <div class="item_title">班级数量</div>
-        </div>
-        <div class="section_item">
-          <div class="item_num"><span class="stunum"></span>人</div>
-          <div class="item_title">学生数量</div>
-        </div>
-        <div class="section_item">
-          <div class="item_num"><span class="missnum"></span>人</div>
-          <div class="item_title">缺考人数</div>
-        </div>
-        <div class="section_item">
-          <div class="item_num"><span class="subjectnum"></span>科</div>
-          <div class="item_title">科目数量</div>
-        </div>
-        <div class="section_item">
-          <div class="item_num"><span class="maxscore"></span>分</div>
-          <div class="item_title">最高分</div>
-        </div>
-        <div class="section_item">
-          <div class="item_num"><span class="avgscore"></span>分</div>
-          <div class="item_title">平均分</div>
-        </div>
-        <div class="section_item" style="margin-right: 0">
-          <div class="item_num"><span class="mixscore"></span>分</div>
-          <div class="item_title">最低分</div>
-        </div>
-      </div>
-      <h2 class="section_title_2">2.成绩概况</h2>
+      <h2 class="section_title_2">1.学科成绩对比</h2>
       <h3 class="section_title_3">
-        2.1 各科满分、最高分、最低分、平均分对比分析
+        1.1 各科满分、最高分、最低分、平均分对比分析
       </h3>
       <div
         id="averagescoreEcharts"
-        style="margin: 0 4mm 4mm; height: 80mm"
+        style="margin: 0 4mm 4mm; height: 70mm"
       ></div>
       <div class="echarts_result">
         <div>上图统计结果表示：</div>
         <div class="echarts_result_content">
-          <span class="yj" style="background-color: #ff5d41"></span>满分人数最多科目：<span class="mfclass"></span>
+          <span class="yj" style="background-color: #ff5d41"></span
+          >满分人数最多科目：<span class="mfclass"></span>
         </div>
       </div>
-    </div>
-    <div class="page_root section1">
       <h3 class="section_title_3">
-        2.2 各科优秀率、良好率、及格率、低分率对比分析
+        1.2 各科优秀率、良好率、及格率、低分率对比分析
       </h3>
       <div
         id="excellencerateEcharts"
-        style="margin: 0 4mm 4mm; height: 80mm"
+        style="margin: 0 4mm 4mm; height: 70mm"
       ></div>
+    </div>
+    <div class="page_root section1">
       <div class="echarts_result">
         <div>上图统计结果表示：</div>
         <div class="echarts_result_content">
-          <span class="yj" style="background-color: #5c99ff"></span>优秀率最高的科目：<span class="yxclass"></span>
+          <span class="yj" style="background-color: #5c99ff"></span
+          >优秀率最高的科目：<span class="yxclass"></span>
+        </div>
+        <div
+          class="echarts_result_content"
+          style="margin-top: 0; padding-top: 0"
+        >
+          <span class="yj" style="background-color: #ff5f56"></span
+          >良好率最高的科目：<span class="lhclass"></span>
         </div>
         <div
           class="echarts_result_content"
           style="margin-top: 0; padding-top: 0"
         >
-          <span class="yj" style="background-color: #ff5f56"></span>及格率最低的科目：<span class="jgclass"></span>
+          <span class="yj" style="background-color: #5ec5c8"></span
+          >及格率最高的科目：<span class="jgclass"></span>
+        </div>
+        <div
+          class="echarts_result_content"
+          style="margin-top: 0; padding-top: 0"
+        >
+          <span class="yj" style="background-color: #f1982b"></span
+          >低分率最高的科目：<span class="dfclass"></span>
         </div>
       </div>
-      <h3 class="section_title_3">2.3 各科实考人数、缺考人数分析</h3>
+      <h3 class="section_title_3">1.3 各科实考人数、缺考人数分析</h3>
       <div id="examnumEcharts" style="margin: 0 4mm 4mm; height: 80mm"></div>
       <div class="echarts_result">
         <div>上图统计结果表示：</div>
@@ -104,11 +90,11 @@
           >缺考人数最多的科目：<span class="qkclass"></span>
         </div>
       </div>
+      <h3 class="section_title_3">1.4 各科标准差分析</h3>
+      <div id="bzcEcharts" style="margin: 0 4mm 4mm; height: 80mm"></div>
     </div>
     <div class="page_root section1">
-      <h3 class="section_title_3">2.4 各科标准差分析</h3>
-      <div id="bzcEcharts" style="margin: 0 4mm 4mm; height: 80mm"></div>
-      <h3 class="section_title_3">2.5 成绩整体分析</h3>
+      <h3 class="section_title_3">1.5 学科成绩整体分析</h3>
       <table border="1" class="my_table">
         <thead>
           <tr>
@@ -126,9 +112,63 @@
             <th class="w12mm">标准差</th>
           </tr>
         </thead>
-        <tbody class="tbody">
-        </tbody>
+        <tbody class="tbody"></tbody>
       </table>
+      <h2 class="section_title_2">2.平均分对比</h2>
+      <div
+        id="examaverageEcharts"
+        style="margin: 0 4mm 4mm; height: 80mm"
+      ></div>
+      <div class="echarts_result">
+        <div>上图统计结果表示：</div>
+        <div class="echarts_result_content">
+          <span class="yj" style="background-color: #5c99ff"></span
+          >考的较好的科目：<span class="goodclass"></span>
+        </div>
+        <div
+          class="echarts_result_content"
+          style="margin-top: 0; padding-top: 0"
+        >
+          <span class="yj" style="background-color: #ff5f56"></span
+          >考的较差的科目：<span class="badclass"></span>
+        </div>
+      </div>
+      <h2 class="section_title_2">3.分数等级统计</h2>
+      <h3 class="section_title_3">3.1 各科等级分析</h3>
+      <div id="scoreGradeEcharts" style="margin: 0 4mm 4mm; height: 70mm"></div>
+    </div>
+    <div class="page_root section1">
+      <h3 class="section_title_3">3.2 各科等级比例分析</h3>
+      <div class="gradescale">
+        <table border="1" class="my_table">
+          <thead>
+            <tr class="goodTableHeadTr1"></tr>
+            <tr class="goodTableHeadTr2"></tr>
+          </thead>
+          <tbody class="goodTableTbody"></tbody>
+        </table>
+      </div>
+      <div class="echarts_result">
+        <div>
+          上图各等级上线统计结果为：<span class="result_collect"></span>：
+        </div>
+        <div class="echarts_result_content">
+          <div>
+            <span class="bg_5699FF"></span><i class="A_collect"></i>
+          </div>
+          <div>
+            <span class="bg_FF5F56"></span><i class="B_collect"></i>
+          </div>
+          <div>
+            <span class="bg_5EC5C8"></span><i class="C_collect"></i>
+          </div>
+          <div>
+            <span class="bg_F1982B"></span><i class="D_collect"></i>
+          </div>
+          <div>
+            <span class="bg_F1982B"></span><i class="E_collect"></i>
+          </div>
+        </div>
     </div>
     <script src="../js/section_1.js"></script>
   </body>