前言修改

css/section_1.css

@@ -35,7 +35,7 @@
     padding: 3mm;
     background-color: #F5F7F9;
 }
-.echarts_result_content:nth-child(1) {
+.echarts_result_content .yj{
     display: inline-block;
     margin-right: 2mm;
     width: 2mm;

js/index.js

@@ -1,12 +1,13 @@
 $(function () {
   function loadSectionHtml(sectionsData) {
+   
     var loadHtmlArr = [
       // "cover",  //封面
       "preface",  //前言
       "section_1",
-      // "section_2",
-      // "section_3",
-      // "section_4",
+      "section_2",
+      "section_3",
+      "section_4",
     ];
     $(".pdf_root").html(loadHtmlArr.map(function (htmlName) {
       return "<div class='" + htmlName + "_html_root'></div>";

js/preface.js

@@ -1,6 +1,6 @@
 $(function() {
   function getGradeName (gradeid) {
-    let gradename = "";
+    var gradename = "";
     if (gradeid == 1) {
       gradename = "一年级";
     } else if (gradeid == 2) {
@@ -29,38 +29,32 @@ $(function() {
     return gradename;
   };
   // 考试类型 10期末20期中30月考40周考
-  var examTypeInfo = [
-  {
-    label: "期末",
-    value: 10
-  },
-  {
-    label: "期中",
-    value: 20
-  },
-  {
-    label: "月考",
-    value: 30
-  },
-  {
-    label: "周考",
-    value: 40
+function getExamTypeName (examtype) {
+  var examname = "";
+  if (examtype == 10) {
+    examname = "期末";
+  } else if (examtype == 20) {
+    examname = "期中";
+  } else if (examtype == 30) {
+    examname = "月考";
+  } else if (examtype == 40) {
+    examname = "周考";
   }
-];
-function getExamTypeName (type) {
-  let info = examTypeInfo.filter((v) => v.value === type);
-  if (info.length > 0) {
-    return info[0].label;
-  }
-  return "";
+  return examname;
 };
   // outerHeight(true) 高度为 height+margin+padding+border
-  var parameter = $(".preface_html_root").data("page-params");
-  console.log("preface:parameter", JSON.parse(parameter));
-  $(".gradename").text(4);
-  $(".examtype").text(4);
-  $(".classnum").text(4);
-  $(".subjectnum").text(4);
-  $(".allscore").text(4);
-
+  var parameter =JSON.parse($(".preface_html_root").data("page-params"));
+  console.log("preface:parameter", parameter);
+  var gradename = getGradeName(parameter.ksgk.gradeid);
+  var examname = getExamTypeName(parameter.ksgk.examtype);
+  $(".preface .gradename").text(gradename);
+  $(".preface .examtype").text(examname);
+  $(".preface .classnum").text(parameter.ksgk.classnum);
+  $(".preface .subjectnum").text(parameter.ksgk.subjectnum);
+  $(".preface .allscore").text(parameter.ksgk.allscore);
+  $(".preface .stunum").text(parameter.ksgk.stunum);
+  $(".preface .qkunum").text(parameter.ksgk.missnum);
+  $(".preface .sjnum").text(parameter.ksgk.stunum);
+  $(".preface .maxscore").text(parameter.ksgk.maxscore);
+  $(".preface .avgscore").text(parameter.ksgk.avgscore);
 });

js/section_1.js

@@ -531,20 +531,19 @@ $(function () {
           classname: item.subjectname
         };
       }
-      html += `<tr>
-      <td><div class="my_cell">${item.subjectname}</div></td>
-      <td><div class="my_cell">${item.stunum}</div></td>
-      <td><div class="my_cell">${item.missnum}</div></td>
-      <td><div class="my_cell">${item.score}</div></td>
-      <td><div class="my_cell">${item.maxscore}</div></td>
-      <td><div class="my_cell">${item.minscore}</div></td>
-      <td><div class="my_cell">${item.avgscore}</div></td>
-      <td><div class="my_cell">${item.yxrate}</div></td>
-      <td><div class="my_cell">${item.lhrate}</div></td>
-      <td><div class="my_cell">${item.jgrate}</div></td>
-      <td><div class="my_cell">${item.dfrate}</div></td>
-      <td><div class="my_cell">${item.bzc}</div></td>
-      </tr>`
+      html += '<tr><td><div class="my_cell">'+(item.subjectname ||0)+
+      '</div></td><td><div class="my_cell">'+(item.stunum ||0)+
+      '</div></td><td><div class="my_cell">'+(item.missnum ||0)+
+      '</div></td><td><div class="my_cell">'+(item.score ||0)+
+      '</div></td><td><div class="my_cell">'+(item.maxscore ||0)+
+      '</div></td><td><div class="my_cell">'+(item.minscore ||0)+
+      '</div></td><td><div class="my_cell">'+(item.avgscore ||0)+
+      '</div></td><td><div class="my_cell">'+(item.yxrate ||0)+'%'+
+      '</div></td><td><div class="my_cell">'+(item.lhrate ||0)+'%'+
+      '</div></td><td><div class="my_cell">'+(item.jgrate ||0)+'%'+
+      '</div></td><td><div class="my_cell">'+(item.dfrate ||0)+'%'+
+      '</div></td><td><div class="my_cell">'+(item.bzc ||0)+
+      '</div></td></tr>'
     }
     xAxis_data.push(item.subjectname);
   }

sections/preface.html

@@ -10,14 +10,14 @@
 </head>
 
 <body>
-  <div class="page_root">
+  <div class="page_root preface">
     <h1 class="preface_title_1">前言</h1>
     <div class="preface_title_2">INTRODUCTION</div>
-    <div class="preface_content_line">本次考试为<span class="gradename">高一年级</span>
-      <span class="examtype">期中考试</span>，共<span class="classnum"></span>个班级、<span
+    <div class="preface_content_line">本次考试为<span class="gradename"></span><span class="examtype"></span>，共<span class="classnum"></span>个班级、<span
         class="subjectnum"></span>个学科，总分值为<span class="allscore"></span>分。
     </div>
-    <div class="preface_content_line">计划240名考生，缺考20人，实际考生50人，最高分749分，平均分569.03分；</div>
+    <div class="preface_content_line">计划<span class="stunum"></span>名考生，缺考<span class="qkunum"></span>人，
+      实际考生<span class="sjnum"></span>人，最高分<span class="maxscore"></span>分，平均分<span class="avgscore"></span>分；</div>
     <div class="preface_content_line">本次考试A类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>
     <div class="preface_content_line">本次考试B类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>
     <div class="preface_content_line">本次考试C类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>

sections/section_1.html

@@ -64,7 +64,7 @@
       <div class="echarts_result">
         <div>上图统计结果表示：</div>
         <div class="echarts_result_content">
-          <span style="background-color: #ff5d41"></span>满分人数最多科目：<span class="mfclass"></span>
+          <span class="yj" style="background-color: #ff5d41"></span>满分人数最多科目：<span class="mfclass"></span>
         </div>
       </div>
     </div>
@@ -79,13 +79,13 @@
       <div class="echarts_result">
         <div>上图统计结果表示：</div>
         <div class="echarts_result_content">
-          <span 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 style="background-color: #ff5f56"></span>及格率最低的科目：<span class="jgclass"></span>
+          <span class="yj" style="background-color: #ff5f56"></span>及格率最低的科目：<span class="jgclass"></span>
         </div>
       </div>
       <h3 class="section_title_3">2.3 各科实考人数、缺考人数分析</h3>
@@ -93,14 +93,14 @@
       <div class="echarts_result">
         <div>上图统计结果表示：</div>
         <div class="echarts_result_content">
-          <span style="background-color: #5c99ff"></span
+          <span class="yj" style="background-color: #5c99ff"></span
           >实考人数最多的科目：<span class="skclass"></span>
         </div>
         <div
           class="echarts_result_content"
           style="margin-top: 0; padding-top: 0"
         >
-          <span style="background-color: #ff5d41"></span
+          <span class="yj" style="background-color: #ff5d41"></span
           >缺考人数最多的科目：<span class="qkclass"></span>
         </div>
       </div>