first commit

css/common.css

@@ -0,0 +1,176 @@
+html,
+body {
+  margin: 0;
+  padding: 0;
+  font-size: 3mm;
+  font-family: "Microsoft YaHei", "微软雅黑" !important;
+  color: #333;
+  box-sizing: border-box;
+}
+h1,h2,h3,h4 {
+  margin: 0;
+  padding: 0;
+  font-weight: normal;
+}
+.root_body {
+  background-color: #f5f5f5;
+}
+.pdf_root {
+  margin: 0 auto;
+  width: 210mm;
+  background-color: #fff;
+}
+.page_root {
+  position: relative;
+  margin: 0 auto;
+  padding: 0 8mm;
+  width: 210mm;
+  height: 277mm;
+  box-sizing: border-box;
+  background-color: #fff;
+  /* 强制分页 */
+  page-break-after: always;
+}
+.section_title_1 {
+  padding-top: 11mm;
+  padding-bottom: 8mm;
+  font-size: 7mm;
+  text-align: center;
+  font-weight: bold;
+}
+.section_title_2 {
+  padding-bottom: 5mm;
+  font-size: 4mm;
+  font-weight: bold;
+}
+.section_title_3 {
+  padding-bottom: 5mm;
+  font-size: 3mm;
+  color: #666;
+}
+.section_title_4 {
+  padding-bottom: 5mm;
+  font-size: 3mm;
+  color: #666;
+}
+.abstract_box {
+  margin-bottom: 6mm;
+  height: 38mm;
+  border-radius: 5mm;
+  color: #fff;
+  background-color: #2D8CF0;
+  overflow: hidden;
+}
+.abstract_left {
+  float: left;
+  margin: 4mm 0;
+  width: 60mm;
+  height: calc(100% - 8mm);
+  text-align: center;
+  border-right: 0.5mm dashed #f5f5f5;
+  box-sizing: border-box;
+}
+.abstract_left img {
+  display: block;
+  margin: 0 auto;
+  width: 38mm;
+  height: 30mm;
+}
+.abstract_right {
+  float: right;
+  margin: 4mm 10mm;
+  width: calc(100% - 80mm);
+  height: calc(100% - 8mm);
+  box-sizing: border-box;
+}
+.abstract_content {
+  font-size: 4mm;
+  line-height: 10mm;
+}
+.echarts_result {
+  margin-bottom: 4mm;
+  padding: 3mm;
+  background-color: #F5F7F9;
+}
+.my_table {
+  margin-bottom: 4mm;
+  width: 100%;
+  empty-cells: show;
+  border-collapse: collapse;
+  table-layout: fixed;
+  border: 0.2mm solid #dcdee2;
+  border-spacing: 0;
+  box-sizing: border-box;
+  color: #333;
+}
+.my_table th {
+  padding: 0 0.5mm;
+  line-height: 8mm;
+  font-weight: bold;
+  text-align: center;
+  vertical-align: middle;
+  white-space: nowrap;
+  background-color: #ebf5ff;
+  border: 0.2mm solid #dcdee2;
+}
+.my_table td {
+  position: relative;
+  padding: 0.5mm;
+  line-height: 6mm;
+  text-align: center;
+  vertical-align: middle;
+  white-space: nowrap;
+  border: 0.2mm solid #dcdee2;
+}
+.my_table .my_cell {
+  width: 100%;
+  text-align: center;
+  word-break: break-all;
+  white-space: pre-wrap;
+  box-sizing: border-box;
+}
+.bg_5699FF {
+  background-color: #5699FF;
+}
+.c_5699FF {
+  color: #5699FF;
+}
+.bg_FF5F56 {
+  background-color: #FF5F56;
+}
+.c_FF5F56 {
+  color: #FF5F56;
+}
+.bg_5EC5C8 {
+  background-color: #5EC5C8;
+}
+.c_5EC5C8 {
+  color: #5EC5C8;
+}
+.bg_F1982B {
+  background-color: #F1982B;
+}
+.c_F1982B {
+  color: #F1982B;
+}
+.margin_left_6mm  {
+  margin-left: 6mm;
+}
+.margin_right_6mm  {
+  margin-right: 6mm;
+}
+.w10mm {
+  width: 10mm;
+}
+.w12mm {
+  width: 12mm;
+}
+.w14mm {
+  width: 14mm;
+}
+.w16mm {
+  width: 16mm;
+}
+.w29mm {
+  width: 29mm;
+}

css/cover.css

@@ -0,0 +1,30 @@
+.bg_img {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+.logo_img {
+  position: absolute;
+  top: 11mm;
+  left: 15mm;
+  width: 61mm;
+  height: 13mm;
+}
+.school_info {
+  position: absolute;
+  bottom: 33mm;
+  padding-left: 52mm;
+  box-sizing: border-box;
+}
+.school_name {
+  font-size: 12mm;
+  line-height: 24mm;
+}
+.report_time {
+  font-size: 7mm;
+  line-height: 17mm;
+}

css/preface.css

@@ -0,0 +1,32 @@
+.preface_title_1 {
+  padding-top: 10mm;
+  padding-bottom: 3mm;
+  font-size: 6mm;
+  font-weight: bold;
+  text-align: center;
+}
+.preface_title_2 {
+  padding-bottom: 10mm;
+  font-size: 5mm;
+  font-weight: bold;
+  text-align: center;
+}
+.preface_title_3 {
+  margin-top: 12mm;
+  font-size: 4mm;
+  line-height: 10mm;
+}
+.preface_title_4 {
+  font-size: 3mm;
+  line-height: 8mm;
+}
+.preface_content {
+  font-size: 3mm;
+  line-height: 8mm;
+  text-indent: 2em;
+}
+.preface_content_line {
+  font-size: 4mm;
+  line-height: 8mm;
+  border-bottom: 0.3mm dashed #333;
+}

css/scoreAnalysis/section_2_class_all.css

@@ -0,0 +1,13 @@
+.section_2_class_all .echarts_result_content {
+  margin-top: 3mm;
+  padding: 2mm 3mm;
+  line-height: 7mm;
+  background-color: #fff;
+}
+.section_2_class_all .echarts_result_content .dot {
+  display: inline-block;
+  margin-right: 2mm;
+  width: 2mm;
+  height: 2mm;
+  border-radius: 50%;
+}

css/scoreAnalysis/section_2_class_single.css

@@ -0,0 +1,13 @@
+.section_2_class_single .echarts_result_content {
+    margin-top: 3mm;
+    padding: 2mm 3mm;
+    line-height: 7mm;
+    background-color: #fff;
+  }
+  .section_2_class_single .echarts_result_content .dot {
+    display: inline-block;
+    margin-right: 2mm;
+    width: 2mm;
+    height: 2mm;
+    border-radius: 50%;
+  }

css/scoreAnalysis/section_2_excellent.css

@@ -0,0 +1,13 @@
+.section_2_excellent .echarts_result_content {
+    margin-top: 3mm;
+    padding: 2mm 3mm;
+    line-height: 7mm;
+    background-color: #fff;
+}
+.section_2_excellent .echarts_result_content .dot {
+    display: inline-block;
+    margin-right: 2mm;
+    width: 2mm;
+    height: 2mm;
+    border-radius: 50%;
+}

css/scoreAnalysis/section_2_level.css

@@ -0,0 +1,16 @@
+.section_2_level .echarts_result_content {
+    margin-top: 3mm;
+    padding: 2mm 3mm;
+    line-height: 7mm;
+    background-color: #fff;
+  }
+  .section_2_level .echarts_result_content span {
+    display: inline-block;
+    margin-right: 2mm;
+    width: 2mm;
+    height: 2mm;
+    border-radius: 50%;
+  }
+  .section_2_level .echarts_result_content i {
+    font-style: normal;
+  }

css/scoreAnalysis/section_2_lin.css

@@ -0,0 +1,13 @@
+.section_2_lin .echarts_result_content {
+  margin-top: 3mm;
+  padding: 2mm 3mm;
+  line-height: 7mm;
+  background-color: #fff;
+}
+.section_2_lin .echarts_result_content .dot {
+  display: inline-block;
+  margin-right: 2mm;
+  width: 2mm;
+  height: 2mm;
+  border-radius: 50%;
+}

css/section_1.css

@@ -0,0 +1,49 @@
+.section_list{
+  height: 20mm;
+  margin-bottom: 5mm;
+}
+.section1 .section_item{
+  width: 26mm;
+  background-color: #f5f7f9;
+  border-radius: 3mm;
+  height: 20mm;
+  float: left;
+  margin-right: 2mm;
+  padding-top: 4mm;
+  box-sizing: border-box;
+}
+.section1 .item_num{
+  height: 5mm;
+  font-size: 3mm;
+  color: #999999;
+  text-align: center;
+  margin-bottom: 2mm;
+}
+.section1 .item_num>span{
+  font-size: 5mm;
+  color: #ff6b00;
+  margin-right: 1mm;
+}
+.section1 .item_title{
+  text-align: center;
+  height: 4mm;
+  font-size: 4mm;
+  color: #333333;
+}
+.echarts_result{
+  margin-bottom: 4mm;
+    padding: 3mm;
+    background-color: #F5F7F9;
+}
+.echarts_result_content .yj{
+    display: inline-block;
+    margin-right: 2mm;
+    width: 2mm;
+    height: 2mm;
+    border-radius: 50%;
+}
+.echarts_result_content {
+    margin-top: 3mm;
+    padding: 3mm;
+    background-color: #fff;
+}

css/section_3.css

@@ -0,0 +1,12 @@
+.section_3 .echarts_result_content {
+  margin-top: 3mm;
+  padding: 3mm;
+  background-color: #fff;
+}
+.section_3 .echarts_result_content .dot {
+  display: inline-block;
+  margin-right: 2mm;
+  width: 2mm;
+  height: 2mm;
+  border-radius: 50%;
+}

css/section_4.css

@@ -0,0 +1,12 @@
+.section_4 .echarts_result_content {
+  margin-top: 3mm;
+  padding: 3mm;
+  background-color: #fff;
+}
+.section_4 .echarts_result_content .dot {
+  display: inline-block;
+  margin-right: 2mm;
+  width: 2mm;
+  height: 2mm;
+  border-radius: 50%;
+}

css/section_5.css

@@ -0,0 +1,12 @@
+.section_5 .echarts_result_content {
+  margin-top: 3mm;
+  padding: 3mm;
+  background-color: #fff;
+}
+.section_5 .echarts_result_content .dot {
+  display: inline-block;
+  margin-right: 2mm;
+  width: 2mm;
+  height: 2mm;
+  border-radius: 50%;
+}

index.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>校本PDF报告</title>
+    <link rel="stylesheet" href="./css/common.css" />
+  </head>
+  <body class="root_body">
+    <div class="pdf_root"></div>
+    <script src="./librarys/jquery@1.12.4/jquery.min.js"></script>
+    <script src="./librarys/echarts@4.8.0/echarts.min.js"></script>
+    <script src="./librarys/utils/index.js"></script>
+    <script src="./js/index.js"></script>
+  </body>
+</html>

js/cover.js

@@ -0,0 +1,5 @@
+$(function () {
+  var parameter = JSON.parse($(".cover_html_root").data("page-params"));
+  $(".cover .school_name").text(parameter.examname);
+  $(".cover .examtime").text(parameter.examdate);
+})

js/index.js

@@ -0,0 +1,59 @@
+$(function () {
+  function loadSectionHtml(sectionsData) {
+
+    var loadHtmlArr = [
+      // "cover", //封面
+      // "preface", //前言
+      // "section_1",
+      "section_2",
+      // "section_3",
+      // "section_4",
+      // "section_5",
+    ];
+    $(".pdf_root").html(loadHtmlArr.map(function (htmlName) {
+      return "<div class='" + htmlName + "_html_root'></div>";
+    }).join(""));
+    loadHtmlArr.forEach(function (htmlName) {
+      // 考试概况ksgk, 成绩分析cjfx, 成绩分析-等级分析djfx, 违纪分析wjfx, 优秀试卷yxsj
+      if (htmlName === "cover") {
+        $("." + htmlName + "_html_root").data("page-params", JSON.stringify(sectionsData.ksgk));
+      } 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));
+      } else if (htmlName === "section_2") {
+        $("." + htmlName + "_html_root").data("page-params", JSON.stringify({
+          cjfx: sectionsData.cjfx,
+          djfx: sectionsData.djfx
+        }));
+      } else if (htmlName === "section_3") {
+        $("." + htmlName + "_html_root").data("page-params", JSON.stringify(sectionsData.wjfx));
+      } else if (htmlName === "section_4") {
+        $("." + htmlName + "_html_root").data("page-params", JSON.stringify(sectionsData.yxsj));
+      } else if (htmlName === "section_5") {
+        $("." + htmlName + "_html_root").data("page-params", JSON.stringify(sectionsData.wjsj));
+      }
+      $("." + htmlName + "_html_root").load("../sections/" + htmlName + ".html");
+    });
+  }
+  // 请求接口前缀
+  var _pdfBaseurl = "https://schoolapitest.xhkjedu.com/";
+  // 47.1.1pdf报告
+  var _sexam_ers_pdf = _pdfBaseurl + "sexam/ers/pdf";
+  $.ajax({
+    type: "POST",
+    url: _sexam_ers_pdf,
+    data: JSON.stringify({
+      examid: 2
+    }),
+    dataType: "json",
+    contentType: "application/json; charset=utf-8",
+    success: function (data) {
+      if (data.code === 0) {
+        loadSectionHtml(data.obj);
+      } else {
+        alert(data.msg);
+      }
+    }
+  });
+});

js/preface.js

@@ -0,0 +1,77 @@
+$(function () {
+  function getGradeName(gradeid) {
+    var gradename = "";
+    if (gradeid == 1) {
+      gradename = "一年级";
+    } else if (gradeid == 2) {
+      gradename = "二年级";
+    } else if (gradeid == 3) {
+      gradename = "三年级";
+    } else if (gradeid == 4) {
+      gradename = "四年级";
+    } else if (gradeid == 5) {
+      gradename = "五年级";
+    } else if (gradeid == 6) {
+      gradename = "六年级";
+    } else if (gradeid == 7) {
+      gradename = "七年级";
+    } else if (gradeid == 8) {
+      gradename = "八年级";
+    } else if (gradeid == 9) {
+      gradename = "九年级";
+    } else if (gradeid == 10) {
+      gradename = "高一";
+    } else if (gradeid == 11) {
+      gradename = "高二";
+    } else if (gradeid == 12) {
+      gradename = "高三";
+    }
+    return gradename;
+  };
+  // 考试类型 10期末20期中30月考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 = "周考";
+    }
+    return examname;
+  };
+  // outerHeight(true) 高度为 height+margin+padding+border
+  var parameter = JSON.parse($(".preface_html_root").data("page-params"));
+  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);
+  var arr = $.grep(parameter.djfx, function (value) {
+    return value.ranktype == 1 && value.subjectid == "zf";
+  })[0].ranks;
+  var arrdj = $.grep(arr, function (value) {
+    return value.classid == 0;
+  });
+  var html = "";
+  $.each(arrdj, function (idx, item) {
+    html += '<div class="preface_content_line">本次考试' +
+      item.rankname +
+      '类上线分值' +
+      item.rankrange +
+      '，上线率' +
+      item.sturate + '%，上线人数 ' +
+      item.stunum +
+      '人;</div>'
+  });
+  $(".preface .preface_djfx").html(html);
+});

js/section_1.js

@@ -0,0 +1,4 @@
+$(function () {
+  var parameter = JSON.parse($(".section_1_html_root").data("page-params"));
+ 
+});

js/section_2.js

@@ -0,0 +1,5 @@
+$(function () {
+  var parameter = $(".section_2_html_root").data("page-params");
+  parameter = JSON.parse(parameter);
+
+});

js/section_3.js

@@ -0,0 +1,4 @@
+$(function () {
+  var parameter = $(".section_3_html_root").data("page-params");
+  parameter = JSON.parse(parameter);
+});

js/section_4.js

@@ -0,0 +1,5 @@
+$(function () {
+  var parameter = $(".section_4_html_root").data("page-params");
+  parameter = JSON.parse(parameter);
+ 
+});

js/section_5.js

@@ -0,0 +1,5 @@
+$(function () {
+  var parameter = $(".section_5_html_root").data("page-params");
+  parameter = JSON.parse(parameter);
+  
+});

librarys/utils/index.js

@@ -0,0 +1,20 @@
+jQuery.extend({
+  UnitUtil: (function() {
+    var pxWidth = 0;
+    var tmpNode = document.createElement("DIV");
+    tmpNode.style.cssText =
+      "width:1mm;position:absolute;left:0px;top:0px;z-index:99;visibility:hidden";
+    document.body.appendChild(tmpNode);
+    pxWidth = tmpNode.getBoundingClientRect().width;
+    tmpNode.parentNode.removeChild(tmpNode);
+    
+    return {
+      mm2px: function (mm) {
+        return parseFloat((mm * pxWidth).toFixed(0));
+      },
+      px2mm: function (px) {
+        return parseFloat((px / pxWidth).toFixed(0));
+      }
+    };
+  })()
+});

notes.txt

@@ -0,0 +1,22 @@
+cover.html 封面
+catalog.html 目录
+preface.html 前言
+section_1.html 第一部分
+section_2.html 第二部分
+    第二部分:
+        班级成绩对比-全科  section_2_class_all
+        班级成绩对比-单科 section_2_class_single
+        分数等级对比-全科（分数等级对比-单科）section_2_level
+        分数分段对比-全科（分数分段对比-单科）section_2_part
+        临界生对比-全科 （按名次）临界生对比-全科 （按分数）section_2_lin
+        优秀生、学困生对比-全科、单科 section_2_excellent
+section_3.html 第三部分
+section_4.html 第四部分
+
+注意：
+  导出在线网页的时候，外部引用的JS和CSS是生效的，但是页面不能有渐渐显示的动画，因为导出的是页面刚加载完的状态。
+  不支持Flex布局
+  不支持vw和vh
+  Echarts也要取消动画效果 animation: false
+  不支持css3
+  不支持ES6

sections/cover.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>校本PDF报告-封面</title>
+    <link rel="stylesheet" href="../css/cover.css" />
+  </head>
+  <body>
+    <div class="page_root cover">
+      <img class="bg_img" src="../img/bj.png" />
+      <img class="logo_img" src="../img/logo.png" />
+      <div class="school_info">
+        <div class="school_name"></div>
+        <div class="report_time">诊断时间：<span class="examtime"></span></div>
+      </div>
+    </div>
+    <script src="../js/cover.js"></script>
+  </body>
+</html>

sections/preface.html

@@ -0,0 +1,129 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>校本PDF报告-前言</title>
+    <link rel="stylesheet" href="../css/preface.css" />
+  </head>
+
+  <body>
+    <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 class="subjectnum"></span>个学科，总分值为<span
+          class="allscore"
+        ></span
+        >分。
+      </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_djfx"></div>
+      <div class="preface_title_3">指标说明</div>
+      <div class="preface_title_4">1、学科成绩对比/班级成绩对比</div>
+      <div class="preface_content">
+        （1）实考人数：实际参加考试的学生人数。一个班或年级该科目参加考试的人数，以该科目非缺考的人数为准；一个班或年级总分的参考人数，以参加任一应考科目的学生人数为准。
+      </div>
+      <div class="preface_content">
+        （2）缺考人数：缺考人数指未参加考试和扫描不成功或未扫描的人数。缺考人数=计划人数-实考人数，即缺考标记人数+未扫描人数。
+      </div>
+      <div class="preface_content">
+        （3）满分：试卷卷面分满分，默认为卷面分。
+      </div>
+      <div class="preface_content">
+        （4）
+        最高分：参与统计的学生成绩的最大值，根据统计范围的不同，又可分为：年级最高分、班级最高分。
+      </div>
+      <div class="preface_content">
+        （5）
+        最低分：参与统计的学生成绩的最小值，根据统计范围的不同，又可分为：年级最低分、班级最低分。
+      </div>
+      <div class="preface_content">
+        （6）
+        平均分：参与统计的学生成绩的平均值，根据统计范围的不同，又可分为：年级平均分、班级平均分。
+      </div>
+      <div class="preface_content">
+        （7）
+        优秀率：优秀率=分数高于或等于优秀分数线的人数/统计人数*100%，默认优秀档（分）≥85%。
+      </div>
+      <div class="preface_content">
+        （8）
+        良好率：良好率=分数高于或等于良好分数线的人数/统计人数*100%，默认良好档（分）≥70%。
+      </div>
+      <div class="preface_content">
+        （9）
+        合格率：合格率=分数高于或等于合格分数线的人数/统计人数*100%，默认合格档（分）≥60%。
+      </div>
+      <div class="preface_content">
+        （10）低分率：低分率=分数低于或等于低分分数线的人数/统计人数*100%，默认低分档（分）≤40%。
+      </div>
+      <div class="preface_content">
+        （11）标准差：表示所有考生考试分数间的绝对离散程度，值越大表示个体之间的分数离散程度越大，反之，值越小表示个体之间的分数离散程度越小。
+      </div>
+      <div class="preface_title_4">2、成绩等级对比</div>
+      <div class="preface_content">
+        成绩等级对比中“等级”数据来源报告设置计分方式中等级或等级赋分设置结果。
+      </div>
+      <div class="preface_content">
+        （1）人数：指定范围下各个等级下考生人数；
+      </div>
+      <div class="preface_content">
+        （2）比例：比例=各等级人数/该范围下参与统计人数*100%；
+      </div>
+    </div>
+    <div class="page_root">
+      <div class="preface_content">
+        （3）默认共分成五个等级：A：85%-100%、B：70%-85%、C：60%-70%、D：40%-60%、E：0-40%。
+      </div>
+      <div class="preface_title_4">3、进线分析</div>
+      <div class="preface_content">
+        （1）总分上线：考生总成绩达到总分各层次分数线（或名次）的称为总分上线；
+      </div>
+      <div class="preface_content">
+        （2）单科上线：考生某一单科成绩达到该学科上线有效分（或名次）的称为单科上线。
+      </div>
+      <div class="preface_title_4">4、临界生对比</div>
+      <div class="preface_content">
+        （1）人数：指定范围下各个名次段下考生人数；
+      </div>
+      <div class="preface_content">
+        （2）占比：占比=各分数区间段（或名次段）人数/全部学生*100%。
+      </div>
+      <div class="preface_title_4">5、优秀生学困生：</div>
+      <div class="preface_content">
+        （1）人数：指定范围下各个名次段下考生人数；
+      </div>
+      <div class="preface_content">
+        （2）占比：占比=各名次段人数/全部学生*100%。
+      </div>
+      <div class="preface_title_4">6、优劣势学科对比</div>
+      <div class="preface_content">
+        学科成绩换算成标准分数（z分数）进行比较，雷达图塌陷处为班级劣势学科，需要多加关注；z分数=（班级平均分-年级或所选班级均分）/标准差。
+      </div>
+      <div class="preface_title_4">7、平均分、得分率：</div>
+      <div class="preface_content">线上：以实际参加学生数量为基数来计算。</div>
+      <div class="preface_content">线下：以实际扫描的答题卡的学生为准。</div>
+      <div class="preface_title_4">8、单道题的分值区间：</div>
+      <div class="preface_content">[0，50%）、[50%，80%）、 [80%，100%]</div>
+      <div class="preface_content">若有小数点则采取四舍五入的方式。</div>
+      <div class="preface_title_4">9、位次目标值：</div>
+      <div class="preface_content">
+        个人位次和班级位次 下次目标值默认为20%。
+      </div>
+      <div class="preface_title_4">10、知识点所占分值及得分率计算：</div>
+      <div class="preface_content">
+        一道题含多个知识点，单个知识点分值 取平均分。
+      </div>
+    </div>
+    <script src="./js/preface.js"></script>
+  </body>
+</html>

sections/section_1.html

@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>校本PDF报告-第一章 考试概况</title>
+    <link rel="stylesheet" href="../css/section_1.css" />
+  </head>
+  <body>
+    <div class="page_root section1">
+      <h1 class="section_title_1">第一章 考试概况</h1>
+      <div class="abstract_box">
+        <div class="abstract_left">
+          <img src="/img/img1.png" />
+        </div>
+        <div class="abstract_right">
+          <div class="abstract_content">
+            从学校和数据的角度分析整体科目、整体班级及各科各班之间的水平和差异情况，系统从多个维度的数据进行对比分析，<strong
+              >包括满分、最高分、平均分、最低分、四率、参考人数、标准差。</strong
+            >
+          </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>
+      <h3 class="section_title_3">
+        2.1 各科满分、最高分、最低分、平均分对比分析
+      </h3>
+      <div
+        id="averagescoreEcharts"
+        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: #ff5d41"></span>满分人数最多科目：<span class="mfclass"></span>
+        </div>
+      </div>
+    </div>
+    <div class="page_root section1">
+      <h3 class="section_title_3">
+        2.2 各科优秀率、良好率、及格率、低分率对比分析
+      </h3>
+      <div
+        id="excellencerateEcharts"
+        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="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="jgclass"></span>
+        </div>
+      </div>
+      <h3 class="section_title_3">2.3 各科实考人数、缺考人数分析</h3>
+      <div id="examnumEcharts" 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="skclass"></span>
+        </div>
+        <div
+          class="echarts_result_content"
+          style="margin-top: 0; padding-top: 0"
+        >
+          <span class="yj" style="background-color: #ff5d41"></span
+          >缺考人数最多的科目：<span class="qkclass"></span>
+        </div>
+      </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>
+      <table border="1" class="my_table">
+        <thead>
+          <tr>
+            <th>科目</th>
+            <th class="w16mm">实考人数</th>
+            <th class="w16mm">缺考人数</th>
+            <th class="w10mm">满分</th>
+            <th class="w12mm">最高分</th>
+            <th class="w12mm">最低分</th>
+            <th class="w12mm">平均分</th>
+            <th class="w14mm">优秀率</th>
+            <th class="w14mm">良好率</th>
+            <th class="w14mm">及格率</th>
+            <th class="w14mm">低分率</th>
+            <th class="w12mm">标准差</th>
+          </tr>
+        </thead>
+        <tbody class="tbody">
+        </tbody>
+      </table>
+    </div>
+    <script src="../js/section_1.js"></script>
+  </body>
+</html>

sections/section_2.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>校本PDF报告-第二章 成绩分析</title>
+  </head>
+  <body>
+    <div class="section_2 score_analysis_root"></div>
+    <script src="../js/section_2.js"></script>
+  </body>
+</html>

sections/section_3.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>校本PDF报告-第三章 违纪行为分析</title>
+  <link rel="stylesheet" href="../css/section_3.css">
+</head>
+<body>
+  <div class="page_root section_3">
+    <h1 class="section_title_1">第三章 违纪行为分析</h1>
+    <div class="abstract_box">
+      <div class="abstract_left">
+        <img src="/img/img3.png" />
+      </div>
+      <div class="abstract_right">
+        <div class="abstract_content">从学校和数据的角度分析整体科目、整体班级及各科各班之间的违纪情况，系统按照科目和班级进行分析统计，包括<strong>人数、比例。</strong></div>
+      </div>
+    </div>
+    <h2 class="section_title_2">1. 科目违纪行为统计</h2>
+    <div id="subjectBadEcharts" style="margin: 0 4mm 4mm;height: 71mm;"></div>
+    <div class="echarts_result">
+      <div>上图统计结果表示：</div>
+      <div class="echarts_result_content"><span class="dot bg_5699FF"></span>违纪行为最多的科目：<span class="subjectBadMaxNum"></span></div>
+    </div>
+    <h2 class="section_title_2">2. 班级违纪行为统计</h2>
+    <table border="1" class="my_table">
+      <thead>
+        <tr class="badTableHeadTr1"></tr>
+        <tr class="badTableHeadTr2"></tr>
+      </thead>
+      <tbody class="badTableTbody"></tbody>
+    </table>
+    <div class="echarts_result">
+      <div>上图统计结果表示：</div>
+      <div class="echarts_result_content"><span class="dot bg_5699FF"></span>违纪行为最多的班级：<span class="classBadMaxNum"></span></div>
+    </div>
+  </div>
+  <script src="../js/section_3.js"></script>
+</body>
+</html>

sections/section_4.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>校本PDF报告-第四章 优秀试卷分析</title>
+  <link rel="stylesheet" href="../css/section_4.css">
+</head>
+<body>
+  <div class="page_root section_4">
+    <h1 class="section_title_1">第四章 优秀试卷分析</h1>
+    <div class="abstract_box">
+      <div class="abstract_left">
+        <img src="/img/img4.png" />
+      </div>
+      <div class="abstract_right">
+        <div class="abstract_content">从学校和数据的角度分析整体科目、整体班级及各科各班之间的优秀试卷情况，系统按照科目和班级进行分析统计，包括<strong>人数、比例。</strong></div>
+      </div>
+    </div>
+    <h2 class="section_title_2">1. 科目优秀试卷统计</h2>
+    <div id="subjectGoodEcharts" style="margin: 0 4mm 4mm;height: 71mm;"></div>
+    <div class="echarts_result">
+      <div>上图统计结果表示：</div>
+      <div class="echarts_result_content"><span class="dot bg_5699FF"></span>优秀试卷最多的科目：<span class="subjectGoodMaxNum"></span></div>
+    </div>
+    <h2 class="section_title_2">2. 班级优秀试卷统计</h2>
+    <table border="1" class="my_table">
+      <thead>
+        <tr class="goodTableHeadTr1"></tr>
+        <tr class="goodTableHeadTr2"></tr>
+      </thead>
+      <tbody class="goodTableTbody"></tbody>
+    </table>
+    <div class="echarts_result">
+      <div>上图统计结果表示：</div>
+      <div class="echarts_result_content"><span class="dot bg_5699FF"></span>优秀试卷最多的班级：<span class="classGoodMaxNum"></span></div>
+    </div>
+  </div>
+  <script src="../js/section_4.js"></script>
+</body>
+</html>

sections/section_5.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="zh-cn">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>校本PDF报告-第五章 违纪试卷分析</title>
+  <link rel="stylesheet" href="../css/section_5.css">
+</head>
+<body>
+  <div class="page_root section_5">
+    <h1 class="section_title_1">第五章 违纪试卷分析</h1>
+    <div class="abstract_box">
+      <div class="abstract_left">
+        <img src="/img/img4.png" />
+      </div>
+      <div class="abstract_right">
+        <div class="abstract_content">从学校和数据的角度分析整体科目、整体班级及各科各班之间的违纪试卷情况，系统按照科目和班级进行分析统计，包括<strong>人数、比例。</strong></div>
+      </div>
+    </div>
+    <h2 class="section_title_2">1. 科目违纪试卷统计</h2>
+    <div id="subjectGoodEcharts" style="margin: 0 4mm 4mm;height: 71mm;"></div>
+    <div class="echarts_result">
+      <div>上图统计结果表示：</div>
+      <div class="echarts_result_content"><span class="dot bg_5699FF"></span>违纪试卷最多的科目：<span class="subjectGoodMaxNum"></span></div>
+    </div>
+    <h2 class="section_title_2">2. 班级违纪试卷统计</h2>
+    <table border="1" class="my_table">
+      <thead>
+        <tr class="goodTableHeadTr1"></tr>
+        <tr class="goodTableHeadTr2"></tr>
+      </thead>
+      <tbody class="goodTableTbody"></tbody>
+    </table>
+    <div class="echarts_result">
+      <div>上图统计结果表示：</div>
+      <div class="echarts_result_content"><span class="dot bg_5699FF"></span>违纪试卷最多的班级：<span class="classGoodMaxNum"></span></div>
+    </div>
+  </div>
+  <script src="../js/section_5.js"></script>
+</body>
+</html>