成绩分析-分数等级、分数段对比

.idea/.gitignore

@@ -0,0 +1,8 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
+# Editor-based HTTP Client requests
+/httpRequests/

.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectRootManager">
+    <output url="file://$PROJECT_DIR$/out" />
+  </component>
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/schoolReportPDF.iml" filepath="$PROJECT_DIR$/.idea/schoolReportPDF.iml" />
+    </modules>
+  </component>
+</project>

.idea/runConfigurations.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="RunConfigurationProducerService">
+    <option name="ignoredProducers">
+      <set>
+        <option value="com.android.tools.idea.compose.preview.runconfiguration.ComposePreviewRunConfigurationProducer" />
+      </set>
+    </option>
+  </component>
+</project>

.idea/schoolReportPDF.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="JAVA_MODULE" version="4">
+  <component name="NewModuleRootManager" inherit-compiler-output="true">
+    <exclude-output />
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+  </component>
+</project>

css/scoreAnalysis/section_2_level.css

@@ -0,0 +1,13 @@
+.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%;
+  }

js/index.js

@@ -24,6 +24,7 @@ $(function () {
         num: 33
       }));
     }
+    console.log(htmlName);
     $("." + htmlName + "_html_root").load("../sections/" + htmlName + ".html");
   });
 });

js/scoreAnalysis/section_2_class_all.js

@@ -121,7 +121,7 @@ function initClassStdEcharts() {
   
 }
 $(function () {
-  initClassScoreEcharts();
+  // initClassScoreEcharts();
   initClassRateEcharts();
   initClassExamEcharts();
   initClassStdEcharts();

js/scoreAnalysis/section_2_level.js

@@ -0,0 +1,95 @@
+//各班等级分析
+function initclassLevelEcharts(){
+    var xAxis_data = [
+        "全年级",
+        "八年级一班",
+        "八年级二班",
+        "八年级三班",
+        "八年级四班"
+      ];
+      var series_full_data = [12, 20, 15, 8, 7];
+      var series_max_data = [12, 20, 15, 8, 7];
+      var series_min_data = [12, 20, 15, 8, 7];
+      var series_avg_data = [12, 20, 15, 8, 7];
+      var series_data =[]
+      var option = {
+        color: ["#5C99FF", "#ff5f56", "#5EC5C8", "#f1982b", "#6e5eff"],
+        animation: false,
+        title: {
+          text: "%",
+          x: "left",
+          y: "top",
+          textStyle: {
+            color: "#5F6E82",
+            fontSize: $.UnitUtil.mm2px(3),
+            fontWeight: 500,
+          },
+        },
+        legend: {
+          itemWidth: $.UnitUtil.mm2px(2),
+          itemHeight: $.UnitUtil.mm2px(2),
+          top: "bottom",
+          data: ["A类","B类","C类","D类","E类"],
+        },
+        grid: {
+          top: $.UnitUtil.mm2px(10),
+          left: 0,
+          right: 0,
+          bottom: $.UnitUtil.mm2px(8),
+          containLabel: true,
+        },
+        xAxis: [
+          {
+            type: "category",
+            data: xAxis_data,
+            axisLabel: {
+              color: "#5F6E82", //更改坐标轴文字颜色
+              interval: 0
+            },
+            axisTick: {
+              alignWithLabel: true,
+            },
+            boundaryGap: true,
+            triggerEvent: true,
+            axisLine: {
+              show: true, //是否显示轴线
+              lineStyle: {
+                color: "#DADADA", //刻度线的颜色
+              },
+            },
+          },
+        ],
+        yAxis: [
+          {
+            type: "value",
+            axisTick: {
+              show: false, //刻度
+            },
+            axisLine: {
+              show: false, //是否显示轴线
+              lineStyle: {
+                color: "#DADADA", //刻度线的颜色
+              },
+            },
+            splitLine: {
+              //网格线
+              lineStyle: {
+                type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
+              },
+              show: true, //隐藏或显示
+            },
+            axisLabel: {
+              color: "#5F6E82", //更改坐标轴文字颜色
+            },
+          },
+        ],
+        series: series_data
+      };
+      var myEcharts = echarts.init(document.querySelector(".section_2_level #classLevelEcharts"));
+      myEcharts.clear();
+      myEcharts.setOption(option);
+}
+
+$(function () {
+    initclassLevelEcharts();
+  });

js/section_2.js

@@ -4,8 +4,8 @@ $(function() {
   console.log("section_2:parameter", parameter);
 
   var sectionsHtmlArr = [
-    "section_2_class_all",
-    "section_2_class_single",
+    // "section_2_class_all",
+    // "section_2_class_single",
     "section_2_level",
     "section_2_part",
     "section_2_lin_rank",

sections/scoreAnalysis/section_2_level.html

@@ -5,14 +5,103 @@
     <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/scoreAnalysis/section_2_level.css" />
+    <link rel="stylesheet" href="../../css/scoreAnalysis/section_2_level.css" />
   </head>
   <body>
-    <div class="page_root level2">
+    <div class="page_root section_2_level">
       <h2 class="section_title_2">2.分数等级对比</h2>
       <h3 class="section_title_3">2.1 总分等级对比</h3>
       <h4 class="section_title_4">2.1.1 各班等级分析</h4>
       <div id="classLevelEcharts" style="margin: 0 4mm 4mm; height: 80mm"></div>
+      <h4 class="section_title_4">2.1.2 各班等级比例分布</h4>
+      <table border="1" class="my_table">
+        <thead>
+          <tr>
+            <th rowspan="2">班级</th>
+            <th colspan="2">A类</th>
+            <th colspan="2">B类</th>
+            <th colspan="2">C类</th>
+            <th colspan="2">D类</th>
+            <th colspan="2">E类</th>
+          </tr>
+          <tr>
+            <th>人数</th>
+            <th>比例</th>
+            <th>人数</th>
+            <th>比例</th>
+            <th>人数</th>
+            <th>比例</th>
+            <th>人数</th>
+            <th>比例</th>
+            <th>人数</th>
+            <th>比例</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><div class="my_cell">全部班级</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+          </tr>
+          <tr>
+            <td><div class="my_cell">八年级一班</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+          </tr>
+          <tr>
+            <td><div class="my_cell">八年级二班</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+          </tr>
+          <tr>
+            <td><div class="my_cell">八年级三班</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+          </tr>
+        </tbody>
+      </table>
+      <div class="echarts_result">
+        <div>上图各等级上线统计结果为：A类10人（15%），B类50人（30%），C类100人（35%），D类150人（40%），E类200人（30%）：</div>
+        <div class="echarts_result_content">
+          <div><span class="bg_5699FF"></span>A类上线率最高的班级：八年级二班，A类上线率最低的班级：八年级二班</div>
+          <div><span class="bg_FF5F56"></span>B类上线率最高的班级：八年级三班，B类上线率最低的班级：八年级二班</div>
+          <div><span class="bg_5EC5C8"></span>C类上线率最高的班级：八年级四班，C类上线率最低的班级：八年级二班</div>
+          <div><span class="bg_F1982B"></span>D类上线率最高的班级：八年级一班，D类上线率最低的班级：八年级二班</div>
+          <div><span class="bg_F1982B"></span>E类上线率最高的班级：八年级一班，E类上线率最低的班级：八年级二班</div>
+        </div>
+      </div>
     </div>
     <script src="../../js/scoreAnalysis/section_2_level.js"></script>
   </body>

sections/scoreAnalysis/section_2_lin_rank.html

@@ -7,7 +7,91 @@
   <title>校本PDF报告-第二章 成绩分析</title>
 </head>
 <body>
-  <div class="page_root"></div>
+  <div class="page_root section_2_lin_rank">
+    <h2 class="section_title_2">3.分数分段级对比</h2>
+      <h3 class="section_title_3">3.1 全科分数段统计</h3>
+      <h4 class="section_title_4">3.1.1 全年级各分数段分析</h4>
+      <div id="classscoreLevelEcharts" style="margin: 0 4mm 4mm; height: 80mm"></div>
+      <h4 class="section_title_4">3.1.2 各班分数段比例分布</h4>
+      <table border="1" class="my_table">
+        <thead>
+          <tr>
+            <th rowspan="2">班级</th>
+            <th colspan="2">A类</th>
+            <th colspan="2">B类</th>
+            <th colspan="2">C类</th>
+            <th colspan="2">D类</th>
+            <th colspan="2">E类</th>
+          </tr>
+          <tr>
+            <th>人数</th>
+            <th>比例</th>
+            <th>人数</th>
+            <th>比例</th>
+            <th>人数</th>
+            <th>比例</th>
+            <th>人数</th>
+            <th>比例</th>
+            <th>人数</th>
+            <th>比例</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td><div class="my_cell">全部班级</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+          </tr>
+          <tr>
+            <td><div class="my_cell">八年级一班</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+          </tr>
+          <tr>
+            <td><div class="my_cell">八年级二班</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+          </tr>
+          <tr>
+            <td><div class="my_cell">八年级三班</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+            <td><div class="my_cell">5</div></td>
+            <td><div class="my_cell">4%</div></td>
+          </tr>
+        </tbody>
+      </table>
+  </div>
   <script src="../../js/scoreAnalysis/section_2_lin_rank.js"></script>
 </body>
 </html>

sections/scoreAnalysis/section_2_part.html

@@ -7,7 +7,92 @@
   <title>校本PDF报告-第二章 成绩分析</title>
 </head>
 <body>
-  <div class="page_root"></div>
+  <div class="page_root section_2_part">
+    <h2 class="section_title_2">3.分数分段级对比</h2>
+    <h3 class="section_title_3">3.1 全科分数段统计</h3>
+    <h4 class="section_title_4">3.1.1 全年级各分数段分析</h4>
+    <div>当前设置分数段：<span>10</span>分/段</div>
+    <div id="classscoreLevelEcharts" style="margin: 0 4mm 4mm; height: 80mm"></div>
+    <h4 class="section_title_4">3.1.2 各班分数段比例分布</h4>
+    <table border="1" class="my_table">
+      <thead>
+        <tr>
+          <th rowspan="2">班级</th>
+          <th colspan="2">A类</th>
+          <th colspan="2">B类</th>
+          <th colspan="2">C类</th>
+          <th colspan="2">D类</th>
+          <th colspan="2">E类</th>
+        </tr>
+        <tr>
+          <th>人数</th>
+          <th>比例</th>
+          <th>人数</th>
+          <th>比例</th>
+          <th>人数</th>
+          <th>比例</th>
+          <th>人数</th>
+          <th>比例</th>
+          <th>人数</th>
+          <th>比例</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td><div class="my_cell">全部班级</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级一班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级二班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+        <tr>
+          <td><div class="my_cell">八年级三班</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+          <td><div class="my_cell">5</div></td>
+          <td><div class="my_cell">4%</div></td>
+        </tr>
+      </tbody>
+    </table>
+  </div>
   <script src="../../js/scoreAnalysis/section_2_part.js"></script>
 </body>
 </html>

sections/section_1.html

@@ -5,7 +5,7 @@
     <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" />
+    <link rel="stylesheet" href="../css/section_1.css" />
   </head>
   <body>
     <div class="page_root section1">