xhkjedu
/
schoolReportPDF
Следить 8
В избранное 0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
Просмотр исходного кода

前言、分数等级全科对比

gzb
guozhongbo 2 лет назад
Родитель
4d3266eb75
Сommit
60704b0d78
10 измененных файлов: 575 добавлений и 491 удалений
Разделённый вид Показать статистику Diff
  1. 15
    21
      index.html
  2. 5
    0
      js/cover.js
  3. 10
    4
      js/index.js
  4. 34
    17
      js/preface.js
  5. 165
    186
      js/scoreAnalysis/section_2_class_all.js
  6. 169
    90
      js/scoreAnalysis/section_2_level.js
  7. 8
    8
      js/section_2.js
  8. 18
    18
      sections/cover.html
  9. 125
    67
      sections/preface.html
  10. 26
    80
      sections/scoreAnalysis/section_2_level.html

+ 15
- 21
index.html Просмотреть файл 

@@ -1,23 +1,17 @@
1 1 
 <!DOCTYPE html>
2 2 
 <html lang="zh-cn">
3 
-<head>
4 
-  <meta charset="UTF-8">
5 
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
-  <title>校本PDF报告</title>
8 
-  <link rel="stylesheet" href="./css/common.css">
9 
-</head>
10 
-<body class="root_body">
11 
-  <div class="pdf_root"></div>
12 
-  <script>
13 
-    // 请求接口前缀
14 
-    var _pdfBaseurl = "https://schoolapitest.xhkjedu.com/";
15 
-    // 47.1.1pdf报告
16 
-    var _sexam_ers_pdf = _pdfBaseurl + "sexam/ers/pdf";
17 
-  </script>
18 
-  <script src="./librarys/jquery@1.12.4/jquery.min.js"></script>
19 
-  <script src="./librarys/echarts@4.8.0/echarts.min.js"></script>
20 
-  <script src="./librarys/utils/index.js"></script>
21 
-  <script src="./js/index.js"></script>
22 
-</body>
23 
-</html>
3 
+  <head>
4 
+    <meta charset="UTF-8" />
5 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
+    <title>校本PDF报告</title>
8 
+    <link rel="stylesheet" href="./css/common.css" />
9 
+  </head>
10 
+  <body class="root_body">
11 
+    <div class="pdf_root"></div>
12 
+    <script src="./librarys/jquery@1.12.4/jquery.min.js"></script>
13 
+    <script src="./librarys/echarts@4.8.0/echarts.min.js"></script>
14 
+    <script src="./librarys/utils/index.js"></script>
15 
+    <script src="./js/index.js"></script>
16 
+  </body>
17 
+</html>

+ 5
- 0
js/cover.js Просмотреть файл 

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

+ 10
- 4
js/index.js Просмотреть файл 

@@ -1,9 +1,9 @@
1 1 
 $(function () {
2 2 
   function loadSectionHtml(sectionsData) {
3 
-
3 
+
4 4 
     var loadHtmlArr = [
5 
-      // "cover",  //封面
6 
-      // "preface",  //前言
5 
+      // "cover", //封面
6 
+      // "preface", //前言
7 7 
       // "section_1",
8 8 
       "section_2",
9 9 
       // "section_3",

@@ -14,7 +14,9 @@ $(function () {
14 14 
     }).join(""));
15 15 
     loadHtmlArr.forEach(function (htmlName) {
16 16 
       // 考试概况ksgk, 成绩分析cjfx, 成绩分析-等级分析djfx, 违纪分析wjfx, 优秀试卷yxsj
17 
-      if (htmlName === "preface") {
17 
+      if (htmlName === "cover") {
18 
+        $("." + htmlName + "_html_root").data("page-params", JSON.stringify(sectionsData.ksgk));
19 
+      } else if (htmlName === "preface") {
18 20 
         $("." + htmlName + "_html_root").data("page-params", JSON.stringify(sectionsData));
19 21 
       } else if (htmlName === "section_1") {
20 22 
         $("." + htmlName + "_html_root").data("page-params", JSON.stringify(sectionsData.ksgk));

@@ -31,6 +33,10 @@ $(function () {
31 33 
       $("." + htmlName + "_html_root").load("../sections/" + htmlName + ".html");
32 34 
     });
33 35 
   }
36 
+  // 请求接口前缀
37 
+  var _pdfBaseurl = "https://schoolapitest.xhkjedu.com/";
38 
+  // 47.1.1pdf报告
39 
+  var _sexam_ers_pdf = _pdfBaseurl + "sexam/ers/pdf";
34 40 
   $.ajax({
35 41 
     type: "POST",
36 42 
     url: _sexam_ers_pdf,

+ 34
- 17
js/preface.js Просмотреть файл 

@@ -1,5 +1,5 @@
1 
-$(function() {
2 
-  function getGradeName (gradeid) {
1 
+$(function () {
2 
+  function getGradeName(gradeid) {
3 3 
     var gradename = "";
4 4 
     if (gradeid == 1) {
5 5 
       gradename = "一年级";

@@ -29,22 +29,21 @@ $(function() {
29 29 
     return gradename;
30 30 
   };
31 31 
   // 考试类型 10期末20期中30月考40周考
32 
-function getExamTypeName (examtype) {
33 
-  var examname = "";
34 
-  if (examtype == 10) {
35 
-    examname = "期末";
36 
-  } else if (examtype == 20) {
37 
-    examname = "期中";
38 
-  } else if (examtype == 30) {
39 
-    examname = "月考";
40 
-  } else if (examtype == 40) {
41 
-    examname = "周考";
42 
-  }
43 
-  return examname;
44 
-};
32 
+  function getExamTypeName(examtype) {
33 
+    var examname = "";
34 
+    if (examtype == 10) {
35 
+      examname = "期末";
36 
+    } else if (examtype == 20) {
37 
+      examname = "期中";
38 
+    } else if (examtype == 30) {
39 
+      examname = "月考";
40 
+    } else if (examtype == 40) {
41 
+      examname = "周考";
42 
+    }
43 
+    return examname;
44 
+  };
45 45 
   // outerHeight(true) 高度为 height+margin+padding+border
46 
-  var parameter =JSON.parse($(".preface_html_root").data("page-params"));
47 
-  console.log("preface:parameter", parameter);
46 
+  var parameter = JSON.parse($(".preface_html_root").data("page-params"));
48 47 
   var gradename = getGradeName(parameter.ksgk.gradeid);
49 48 
   var examname = getExamTypeName(parameter.ksgk.examtype);
50 49 
   $(".preface .gradename").text(gradename);

@@ -57,4 +56,22 @@ function getExamTypeName (examtype) {
57 56 
   $(".preface .sjnum").text(parameter.ksgk.stunum);
58 57 
   $(".preface .maxscore").text(parameter.ksgk.maxscore);
59 58 
   $(".preface .avgscore").text(parameter.ksgk.avgscore);
59 
+  var arr = $.grep(parameter.djfx, function (value) {
60 
+    return value.ranktype == 1 && value.subjectid == "zf";
61 
+  })[0].ranks;
62 
+  var arrdj = $.grep(arr, function (value) {
63 
+    return value.classid == 0;
64 
+  });
65 
+  var html = "";
66 
+  $.each(arrdj, function (idx, item) {
67 
+    html += '<div class="preface_content_line">本次考试' +
68 
+      item.rankname +
69 
+      '类上线分值' +
70 
+      item.rankrange +
71 
+      '，上线率' +
72 
+      item.sturate + '%，上线人数 ' +
73 
+      item.stunum +
74 
+      '人;</div>'
75 
+  });
76 
+  $(".preface .preface_djfx").html(html);
60 77 
 });

+ 165
- 186
js/scoreAnalysis/section_2_class_all.js Просмотреть файл 

@@ -32,53 +32,48 @@ $(function () {
32 32 
         bottom: $.UnitUtil.mm2px(8),
33 33 
         containLabel: true,
34 34 
       },
35 
-      xAxis: [
36 
-        {
37 
-          type: "category",
38 
-          data: xAxis_data,
39 
-          axisLabel: {
40 
-            color: "#5F6E82", //更改坐标轴文字颜色
41 
-            interval: 0
42 
-          },
43 
-          axisTick: {
44 
-            alignWithLabel: true,
45 
-          },
46 
-          boundaryGap: true,
47 
-          triggerEvent: true,
48 
-          axisLine: {
49 
-            show: true, //是否显示轴线
50 
-            lineStyle: {
51 
-              color: "#DADADA", //刻度线的颜色
52 
-            },
53 
-          },
35 
+      xAxis: [{
36 
+        type: "category",
37 
+        data: xAxis_data,
38 
+        axisLabel: {
39 
+          color: "#5F6E82", //更改坐标轴文字颜色
40 
+          interval: 0
54 41 
         },
55 
-      ],
56 
-      yAxis: [
57 
-        {
58 
-          type: "value",
59 
-          axisTick: {
60 
-            show: false, //刻度
61 
-          },
62 
-          axisLine: {
63 
-            show: false, //是否显示轴线
64 
-            lineStyle: {
65 
-              color: "#DADADA", //刻度线的颜色
66 
-            },
42 
+        axisTick: {
43 
+          alignWithLabel: true,
44 
+        },
45 
+        boundaryGap: true,
46 
+        triggerEvent: true,
47 
+        axisLine: {
48 
+          show: true, //是否显示轴线
49 
+          lineStyle: {
50 
+            color: "#DADADA", //刻度线的颜色
67 51 
           },
68 
-          splitLine: {
69 
-            //网格线
70 
-            lineStyle: {
71 
-              type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
72 
-            },
73 
-            show: true, //隐藏或显示
52 
+        },
53 
+      }, ],
54 
+      yAxis: [{
55 
+        type: "value",
56 
+        axisTick: {
57 
+          show: false, //刻度
58 
+        },
59 
+        axisLine: {
60 
+          show: false, //是否显示轴线
61 
+          lineStyle: {
62 
+            color: "#DADADA", //刻度线的颜色
74 63 
           },
75 
-          axisLabel: {
76 
-            color: "#5F6E82", //更改坐标轴文字颜色
64 
+        },
65 
+        splitLine: {
66 
+          //网格线
67 
+          lineStyle: {
68 
+            type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
77 69 
           },
70 
+          show: true, //隐藏或显示
78 71 
         },
79 
-      ],
80 
-      series: [
81 
-        {
72 
+        axisLabel: {
73 
+          color: "#5F6E82", //更改坐标轴文字颜色
74 
+        },
75 
+      }, ],
76 
+      series: [{
82 77 
           name: "满分",
83 78 
           type: "bar",
84 79 
           barWidth: $.UnitUtil.mm2px(5),

@@ -193,53 +188,48 @@ $(function () {
193 188 
         bottom: $.UnitUtil.mm2px(8),
194 189 
         containLabel: true,
195 190 
       },
196 
-      xAxis: [
197 
-        {
198 
-          type: "category",
199 
-          data: xAxis_data,
200 
-          axisLabel: {
201 
-            color: "#5F6E82", //更改坐标轴文字颜色
202 
-            interval: 0
203 
-          },
204 
-          axisTick: {
205 
-            alignWithLabel: true,
206 
-          },
207 
-          boundaryGap: true,
208 
-          triggerEvent: true,
209 
-          axisLine: {
210 
-            show: true, //是否显示轴线
211 
-            lineStyle: {
212 
-              color: "#DADADA", //刻度线的颜色
213 
-            },
214 
-          },
191 
+      xAxis: [{
192 
+        type: "category",
193 
+        data: xAxis_data,
194 
+        axisLabel: {
195 
+          color: "#5F6E82", //更改坐标轴文字颜色
196 
+          interval: 0
215 197 
         },
216 
-      ],
217 
-      yAxis: [
218 
-        {
219 
-          type: "value",
220 
-          axisTick: {
221 
-            show: false, //刻度
222 
-          },
223 
-          axisLine: {
224 
-            show: false, //是否显示轴线
225 
-            lineStyle: {
226 
-              color: "#DADADA", //刻度线的颜色
227 
-            },
198 
+        axisTick: {
199 
+          alignWithLabel: true,
200 
+        },
201 
+        boundaryGap: true,
202 
+        triggerEvent: true,
203 
+        axisLine: {
204 
+          show: true, //是否显示轴线
205 
+          lineStyle: {
206 
+            color: "#DADADA", //刻度线的颜色
228 207 
           },
229 
-          splitLine: {
230 
-            //网格线
231 
-            lineStyle: {
232 
-              type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
233 
-            },
234 
-            show: true, //隐藏或显示
208 
+        },
209 
+      }, ],
210 
+      yAxis: [{
211 
+        type: "value",
212 
+        axisTick: {
213 
+          show: false, //刻度
214 
+        },
215 
+        axisLine: {
216 
+          show: false, //是否显示轴线
217 
+          lineStyle: {
218 
+            color: "#DADADA", //刻度线的颜色
235 219 
           },
236 
-          axisLabel: {
237 
-            color: "#5F6E82", //更改坐标轴文字颜色
220 
+        },
221 
+        splitLine: {
222 
+          //网格线
223 
+          lineStyle: {
224 
+            type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
238 225 
           },
226 
+          show: true, //隐藏或显示
239 227 
         },
240 
-      ],
241 
-      series: [
242 
-        {
228 
+        axisLabel: {
229 
+          color: "#5F6E82", //更改坐标轴文字颜色
230 
+        },
231 
+      }, ],
232 
+      series: [{
243 233 
           name: "优秀率",
244 234 
           type: "bar",
245 235 
           barWidth: $.UnitUtil.mm2px(5),

@@ -352,53 +342,48 @@ $(function () {
352 342 
         bottom: $.UnitUtil.mm2px(8),
353 343 
         containLabel: true,
354 344 
       },
355 
-      xAxis: [
356 
-        {
357 
-          type: "category",
358 
-          data: xAxis_data,
359 
-          axisLabel: {
360 
-            color: "#5F6E82", //更改坐标轴文字颜色
361 
-            interval: 0
362 
-          },
363 
-          axisTick: {
364 
-            alignWithLabel: true,
365 
-          },
366 
-          boundaryGap: true,
367 
-          triggerEvent: true,
368 
-          axisLine: {
369 
-            show: true, //是否显示轴线
370 
-            lineStyle: {
371 
-              color: "#DADADA", //刻度线的颜色
372 
-            },
373 
-          },
345 
+      xAxis: [{
346 
+        type: "category",
347 
+        data: xAxis_data,
348 
+        axisLabel: {
349 
+          color: "#5F6E82", //更改坐标轴文字颜色
350 
+          interval: 0
374 351 
         },
375 
-      ],
376 
-      yAxis: [
377 
-        {
378 
-          type: "value",
379 
-          axisTick: {
380 
-            show: false, //刻度
381 
-          },
382 
-          axisLine: {
383 
-            show: false, //是否显示轴线
384 
-            lineStyle: {
385 
-              color: "#DADADA", //刻度线的颜色
386 
-            },
352 
+        axisTick: {
353 
+          alignWithLabel: true,
354 
+        },
355 
+        boundaryGap: true,
356 
+        triggerEvent: true,
357 
+        axisLine: {
358 
+          show: true, //是否显示轴线
359 
+          lineStyle: {
360 
+            color: "#DADADA", //刻度线的颜色
387 361 
           },
388 
-          splitLine: {
389 
-            //网格线
390 
-            lineStyle: {
391 
-              type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
392 
-            },
393 
-            show: true, //隐藏或显示
362 
+        },
363 
+      }, ],
364 
+      yAxis: [{
365 
+        type: "value",
366 
+        axisTick: {
367 
+          show: false, //刻度
368 
+        },
369 
+        axisLine: {
370 
+          show: false, //是否显示轴线
371 
+          lineStyle: {
372 
+            color: "#DADADA", //刻度线的颜色
394 373 
           },
395 
-          axisLabel: {
396 
-            color: "#5F6E82", //更改坐标轴文字颜色
374 
+        },
375 
+        splitLine: {
376 
+          //网格线
377 
+          lineStyle: {
378 
+            type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
397 379 
           },
380 
+          show: true, //隐藏或显示
398 381 
         },
399 
-      ],
400 
-      series: [
401 
-        {
382 
+        axisLabel: {
383 
+          color: "#5F6E82", //更改坐标轴文字颜色
384 
+        },
385 
+      }, ],
386 
+      series: [{
402 387 
           name: "实考人数",
403 388 
           type: "bar",
404 389 
           barWidth: $.UnitUtil.mm2px(5),

@@ -462,72 +447,66 @@ $(function () {
462 447 
         bottom: $.UnitUtil.mm2px(8),
463 448 
         containLabel: true,
464 449 
       },
465 
-      xAxis: [
466 
-        {
467 
-          type: "category",
468 
-          data: xAxis_data,
469 
-          axisLabel: {
470 
-            color: "#5F6E82", //更改坐标轴文字颜色
471 
-            interval: 0
472 
-          },
473 
-          axisTick: {
474 
-            alignWithLabel: true,
475 
-          },
476 
-          boundaryGap: true,
477 
-          triggerEvent: true,
478 
-          axisLine: {
479 
-            show: true, //是否显示轴线
480 
-            lineStyle: {
481 
-              color: "#DADADA", //刻度线的颜色
482 
-            },
483 
-          },
450 
+      xAxis: [{
451 
+        type: "category",
452 
+        data: xAxis_data,
453 
+        axisLabel: {
454 
+          color: "#5F6E82", //更改坐标轴文字颜色
455 
+          interval: 0
484 456 
         },
485 
-      ],
486 
-      yAxis: [
487 
-        {
488 
-          type: "value",
489 
-          axisTick: {
490 
-            show: false, //刻度
491 
-          },
492 
-          axisLine: {
493 
-            show: false, //是否显示轴线
494 
-            lineStyle: {
495 
-              color: "#DADADA", //刻度线的颜色
496 
-            },
457 
+        axisTick: {
458 
+          alignWithLabel: true,
459 
+        },
460 
+        boundaryGap: true,
461 
+        triggerEvent: true,
462 
+        axisLine: {
463 
+          show: true, //是否显示轴线
464 
+          lineStyle: {
465 
+            color: "#DADADA", //刻度线的颜色
497 466 
           },
498 
-          splitLine: {
499 
-            //网格线
500 
-            lineStyle: {
501 
-              type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
502 
-            },
503 
-            show: true, //隐藏或显示
467 
+        },
468 
+      }, ],
469 
+      yAxis: [{
470 
+        type: "value",
471 
+        axisTick: {
472 
+          show: false, //刻度
473 
+        },
474 
+        axisLine: {
475 
+          show: false, //是否显示轴线
476 
+          lineStyle: {
477 
+            color: "#DADADA", //刻度线的颜色
504 478 
           },
505 
-          axisLabel: {
506 
-            color: "#5F6E82", //更改坐标轴文字颜色
479 
+        },
480 
+        splitLine: {
481 
+          //网格线
482 
+          lineStyle: {
483 
+            type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
507 484 
           },
485 
+          show: true, //隐藏或显示
508 486 
         },
509 
-      ],
510 
-      series: [
511 
-        {
512 
-          name: "标准差",
513 
-          type: "bar",
514 
-          barWidth: $.UnitUtil.mm2px(5),
515 
-          // 柱状图最小高度
516 
-          barMinHeight: $.UnitUtil.mm2px(2),
517 
-          barGap: 0,
518 
-          label: {
519 
-            normal: {
520 
-              show: true,
521 
-              align: "center",
522 
-              verticalAlign: "bottom",
523 
-              position: "top",
524 
-              distance: 0,
525 
-              formatter: "{c}",
526 
-            },
487 
+        axisLabel: {
488 
+          color: "#5F6E82", //更改坐标轴文字颜色
489 
+        },
490 
+      }, ],
491 
+      series: [{
492 
+        name: "标准差",
493 
+        type: "bar",
494 
+        barWidth: $.UnitUtil.mm2px(5),
495 
+        // 柱状图最小高度
496 
+        barMinHeight: $.UnitUtil.mm2px(2),
497 
+        barGap: 0,
498 
+        label: {
499 
+          normal: {
500 
+            show: true,
501 
+            align: "center",
502 
+            verticalAlign: "bottom",
503 
+            position: "top",
504 
+            distance: 0,
505 
+            formatter: "{c}",
527 506 
           },
528 
-          data: series_data,
529 
-        }
530 
-      ]
507 
+        },
508 
+        data: series_data,
509 
+      }]
531 510 
     };
532 511 
     var myEcharts = echarts.init(document.querySelector(".section_2_class_all #classStdEcharts"));
533 512 
     myEcharts.clear();

+ 169
- 90
js/scoreAnalysis/section_2_level.js Просмотреть файл 

@@ -1,95 +1,174 @@
1 
-//各班等级分析
2 
-function initclassLevelEcharts(){
3 
-    var xAxis_data = [
4 
-        "全年级",
5 
-        "八年级一班",
6 
-        "八年级二班",
7 
-        "八年级三班",
8 
-        "八年级四班"
9 
-      ];
10 
-      var series_full_data = [12, 20, 15, 8, 7];
11 
-      var series_max_data = [12, 20, 15, 8, 7];
12 
-      var series_min_data = [12, 20, 15, 8, 7];
13 
-      var series_avg_data = [12, 20, 15, 8, 7];
14 
-      var series_data =[]
15 
-      var option = {
16 
-        color: ["#5C99FF", "#ff5f56", "#5EC5C8", "#f1982b", "#6e5eff"],
17 
-        animation: false,
18 
-        title: {
19 
-          text: "%",
20 
-          x: "left",
21 
-          y: "top",
22 
-          textStyle: {
23 
-            color: "#5F6E82",
24 
-            fontSize: $.UnitUtil.mm2px(3),
25 
-            fontWeight: 500,
26 
-          },
1 
+$(function () {
2 
+  //各班等级分析
3 
+  function initclassLevelEcharts(list) {
4 
+    var xAxis_data = [],
5 
+      series_data = [],
6 
+      legend_data = [],
7 
+      levelRateObj = {},
8 
+      levelNumObj = {},
9 
+      levelrangeObj = [];
10 
+    $.each(list, function (key, item) {
11 
+      if ($.inArray(item.classname, xAxis_data) == -1) {
12 
+        xAxis_data.push(item.classname)
13 
+      }
14 
+      if ($.inArray(item.rankname + "类", legend_data) == -1) {
15 
+        legend_data.push(item.rankname + "类")
16 
+      }
17 
+      if ($.inArray(item.rankrange, levelrangeObj) == -1) {
18 
+        levelrangeObj.push(item.rankrange)
19 
+      }
20 
+      if (!levelRateObj[item.rankname + '类']) {
21 
+        levelRateObj[item.rankname + '类'] = [];
22 
+      }
23 
+      levelRateObj[item.rankname + '类'].push(item.sturate);
24 
+      if (!levelNumObj[item.rankname + '类']) {
25 
+        levelNumObj[item.rankname + '类'] = [];
26 
+      }
27 
+      levelNumObj[item.rankname + '类'].push(
28 
+        item.stunum
29 
+      );
30 
+    });
31 
+    $.each(legend_data, function (key, item) {
32 
+      series_data.push({
33 
+        name: item,
34 
+        type: "bar",
35 
+        stack: "总量",
36 
+        barWidth: 32,
37 
+        // 柱状图最小高度
38 
+        barMinHeight: 16,
39 
+        showBackground: true, // 柱状图显示背景
40 
+        backgroundStyle: {
41 
+          color: "#F3F4F5"
42 
+        },
43 
+        itemStyle: {
44 
+          normal: {
45 
+            barBorderRadius: [4, 4, 4, 4]
46 
+          }
47 
+        },
48 
+        label: {
49 
+          normal: {
50 
+            show: true,
51 
+            align: "center",
52 
+            verticalAlign: "middle",
53 
+            position: "inside",
54 
+            distance: 0,
55 
+            color: "#fff",
56 
+            formatter: function (params) {
57 
+              return levelNumObj[params.seriesName][params.dataIndex] || 0;
58 
+            }
59 
+          }
60 
+        },
61 
+        data: levelNumObj[item]
62 
+      });
63 
+    });
64 
+    showgraphicaldata(xAxis_data, legend_data, levelrangeObj, list);
65 
+    var option = {
66 
+      color: ["#5C99FF", "#ff5f56", "#5EC5C8", "#f1982b", "#6e5eff"],
67 
+      animation: false,
68 
+      title: {
69 
+        text: "%",
70 
+        x: "left",
71 
+        y: "top",
72 
+        textStyle: {
73 
+          color: "#5F6E82",
74 
+          fontSize: $.UnitUtil.mm2px(3),
75 
+          fontWeight: 500,
76 
+        },
77 
+      },
78 
+      legend: {
79 
+        itemWidth: $.UnitUtil.mm2px(2),
80 
+        itemHeight: $.UnitUtil.mm2px(2),
81 
+        top: "bottom",
82 
+        data: legend_data,
83 
+      },
84 
+      grid: {
85 
+        top: $.UnitUtil.mm2px(10),
86 
+        left: 0,
87 
+        right: 0,
88 
+        bottom: $.UnitUtil.mm2px(8),
89 
+        containLabel: true,
90 
+      },
91 
+      xAxis: [{
92 
+        type: "category",
93 
+        data: xAxis_data,
94 
+        axisLabel: {
95 
+          color: "#5F6E82", //更改坐标轴文字颜色
96 
+          interval: 0
27 97 
         },
28 
-        legend: {
29 
-          itemWidth: $.UnitUtil.mm2px(2),
30 
-          itemHeight: $.UnitUtil.mm2px(2),
31 
-          top: "bottom",
32 
-          data: ["A类","B类","C类","D类","E类"],
98 
+        axisTick: {
99 
+          alignWithLabel: true,
33 100 
         },
34 
-        grid: {
35 
-          top: $.UnitUtil.mm2px(10),
36 
-          left: 0,
37 
-          right: 0,
38 
-          bottom: $.UnitUtil.mm2px(8),
39 
-          containLabel: true,
101 
+        boundaryGap: true,
102 
+        triggerEvent: true,
103 
+        axisLine: {
104 
+          show: true, //是否显示轴线
105 
+          lineStyle: {
106 
+            color: "#DADADA", //刻度线的颜色
107 
+          },
108 
+        },
109 
+      }, ],
110 
+      yAxis: [{
111 
+        type: "value",
112 
+        axisTick: {
113 
+          show: false, //刻度
40 114 
         },
41 
-        xAxis: [
42 
-          {
43 
-            type: "category",
44 
-            data: xAxis_data,
45 
-            axisLabel: {
46 
-              color: "#5F6E82", //更改坐标轴文字颜色
47 
-              interval: 0
48 
-            },
49 
-            axisTick: {
50 
-              alignWithLabel: true,
51 
-            },
52 
-            boundaryGap: true,
53 
-            triggerEvent: true,
54 
-            axisLine: {
55 
-              show: true, //是否显示轴线
56 
-              lineStyle: {
57 
-                color: "#DADADA", //刻度线的颜色
58 
-              },
59 
-            },
115 
+        axisLine: {
116 
+          show: false, //是否显示轴线
117 
+          lineStyle: {
118 
+            color: "#DADADA", //刻度线的颜色
60 119 
           },
61 
-        ],
62 
-        yAxis: [
63 
-          {
64 
-            type: "value",
65 
-            axisTick: {
66 
-              show: false, //刻度
67 
-            },
68 
-            axisLine: {
69 
-              show: false, //是否显示轴线
70 
-              lineStyle: {
71 
-                color: "#DADADA", //刻度线的颜色
72 
-              },
73 
-            },
74 
-            splitLine: {
75 
-              //网格线
76 
-              lineStyle: {
77 
-                type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
78 
-              },
79 
-              show: true, //隐藏或显示
80 
-            },
81 
-            axisLabel: {
82 
-              color: "#5F6E82", //更改坐标轴文字颜色
83 
-            },
120 
+        },
121 
+        splitLine: {
122 
+          //网格线
123 
+          lineStyle: {
124 
+            type: "dotted", //设置网格线类型 dotted：虚线   solid:实线
84 125 
           },
85 
-        ],
86 
-        series: series_data
87 
-      };
88 
-      var myEcharts = echarts.init(document.querySelector(".section_2_level #classLevelEcharts"));
89 
-      myEcharts.clear();
90 
-      myEcharts.setOption(option);
91 
-}
92 
-
93 
-$(function () {
94 
-    initclassLevelEcharts();
95 
-  });
126 
+          show: true, //隐藏或显示
127 
+        },
128 
+        axisLabel: {
129 
+          color: "#5F6E82", //更改坐标轴文字颜色
130 
+        },
131 
+      }, ],
132 
+      series: series_data
133 
+    };
134 
+    var myEcharts = echarts.init(document.querySelector(".section_2_level #classLevelEcharts"));
135 
+    myEcharts.clear();
136 
+    myEcharts.setOption(option);
137 
+  }
138 
+  //图表数据
139 
+  function showgraphicaldata(xAxis_data, legend_data, levelrangeObj, list) {
140 
+    //图表数据
141 
+    var arr = JSON.parse(JSON.stringify(list));
142 
+    var goodTableHeadTr1Html = '<th rowspan="2">班级</th>';
143 
+    var goodTableHeadTr2Html = '';
144 
+    var goodTableTbodyHtml = "";
145 
+    $.each(legend_data, function (idx, item) {
146 
+      goodTableHeadTr1Html += '<th colspan="2">' + item + levelrangeObj[idx] + '</th>';
147 
+      goodTableHeadTr2Html += '<th>人数</th><th>比例</th>';
148 
+    });
149 
+    $.each(xAxis_data, function (idx, item) {
150 
+      var trHtml = '<td><div class="my_cell">' + item + '</div></td>'
151 
+      var classs = $.grep(arr, function (val) {
152 
+        return val.classname == item;
153 
+      });
154 
+      $.each(legend_data, function (idx, item) {
155 
+        var rank = $.grep(classs, function (val) {
156 
+          return val.rankname + '类' == item;
157 
+        })[0];
158 
+        trHtml += '<td><div class="my_cell">' + rank.stunum +
159 
+          '</div></td><td><div class="my_cell">' + rank.sturate +
160 
+          '</div></td>'
161 
+      });
162 
+      goodTableTbodyHtml += '<tr>' + trHtml + '</tr>';
163 
+    });
164 
+    $(".section_2_level .goodTableHeadTr1").html(goodTableHeadTr1Html);
165 
+    $(".section_2_level .goodTableHeadTr2").html(goodTableHeadTr2Html);
166 
+    $(".section_2_level .goodTableTbody").html(goodTableTbodyHtml);
167 
+  }
168 
+  var parameter = $(".section_2_html_root .section_2_level_html_root").data("page-params");
169 
+  parameter = JSON.parse(parameter);
170 
+  var list = $.grep(parameter.djfx, function (item) {
171 
+    return item.ranktype == 1 && item.subjectid == 'zf';
172 
+  })[0].ranks;
173 
+  initclassLevelEcharts(list);
174 
+});

+ 8
- 8
js/section_2.js Просмотреть файл 

@@ -1,12 +1,12 @@
1 
-$(function() {
1 
+$(function () {
2 2 
   var parameter = $(".section_2_html_root").data("page-params");
3 3 
   parameter = JSON.parse(parameter);
4 4 
   var sectionsHtmlArr = [
5 
-    // "section_2_class_all",
6 
-    // "section_2_class_single",
7 
-    // "section_2_level",
8 
-    // "section_2_part",
9 
-    "section_2_lin",
5 
+    // "section_2_class_all", //全科成绩对比
6 
+    // "section_2_class_single", //单科成绩对比
7 
+    "section_2_level", //分数等级
8 
+    "section_2_part",
9 
+    // "section_2_lin",
10 10 
     // "section_2_excellent_all"
11 11 
   ];
12 12 
   $(".section_2.score_analysis_root").html(sectionsHtmlArr.map(function (htmlName) {

@@ -33,14 +33,14 @@ $(function() {
33 33 
   // ranktype 类型1等级2分数段3临界分4临界名次5优困生
34 34 
   var djfx = parameter.djfx;
35 35 
   var djfx_data = {};
36 
-  for(var djfx_s_index = 0; djfx_s_index < djfx.length; djfx_s_index++) {
36 
+  for (var djfx_s_index = 0; djfx_s_index < djfx.length; djfx_s_index++) {
37 37 
     var djfx_item = djfx[djfx_s_index];
38 38 
     if (!djfx_data[djfx_item.ranktype]) {
39 39 
       djfx_data[djfx_item.ranktype] = {};
40 40 
     }
41 41 
     djfx_data[djfx_item.ranktype][djfx_item.subjectid] = djfx_item;
42 42 
   }
43 
-  sectionsHtmlArr.forEach(function(htmlName) {
43 
+  sectionsHtmlArr.forEach(function (htmlName) {
44 44 
     if (htmlName === "section_2_class_all") {
45 45 
       $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
46 46 
         subjectname: "全科",

+ 18
- 18
sections/cover.html Просмотреть файл 

@@ -1,21 +1,21 @@
1 1 
 <!DOCTYPE html>
2 2 
 <html lang="zh-cn">
3 
-<head>
4 
-  <meta charset="UTF-8">
5 
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
-  <title>校本PDF报告-封面</title>
8 
-  <link rel="stylesheet" href="../css/cover.css">
9 
-</head>
10 
-<body>
11 
-  <div class="page_root">
12 
-    <img class="bg_img" src="../img/bj.png" />
13 
-    <img class="logo_img" src="../img/logo.png" />
14 
-    <div class="school_info">
15 
-      <div class="school_name">星火云鸽中学2022年9月</div>
16 
-      <div class="report_time">诊断时间：2022年09月20日</div>
3 
+  <head>
4 
+    <meta charset="UTF-8" />
5 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
+    <title>校本PDF报告-封面</title>
8 
+    <link rel="stylesheet" href="../css/cover.css" />
9 
+  </head>
10 
+  <body>
11 
+    <div class="page_root cover">
12 
+      <img class="bg_img" src="../img/bj.png" />
13 
+      <img class="logo_img" src="../img/logo.png" />
14 
+      <div class="school_info">
15 
+        <div class="school_name"></div>
16 
+        <div class="report_time">诊断时间：<span class="examtime"></span></div>
17 
+      </div>
17 18 
     </div>
18 
-  </div>
19 
-  <script src="../js/cover.js"></script>
20 
-</body>
21 
-</html>
19 
+    <script src="../js/cover.js"></script>
20 
+  </body>
21 
+</html>

+ 125
- 67
sections/preface.html Просмотреть файл 

@@ -1,71 +1,129 @@
1 1 
 <!DOCTYPE html>
2 2 
 <html lang="zh-cn">
3 
+  <head>
4 
+    <meta charset="UTF-8" />
5 
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
+    <title>校本PDF报告-前言</title>
8 
+    <link rel="stylesheet" href="../css/preface.css" />
9 
+  </head>
3 10
4 
-<head>
5 
-  <meta charset="UTF-8">
6 
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 
-  <title>校本PDF报告-前言</title>
9 
-  <link rel="stylesheet" href="../css/preface.css">
10 
-</head>
11 
-
12 
-<body>
13 
-  <div class="page_root preface">
14 
-    <h1 class="preface_title_1">前言</h1>
15 
-    <div class="preface_title_2">INTRODUCTION</div>
16 
-    <div class="preface_content_line">本次考试为<span class="gradename"></span><span class="examtype"></span>，共<span class="classnum"></span>个班级、<span
17 
-        class="subjectnum"></span>个学科，总分值为<span class="allscore"></span>分。
11 
+  <body>
12 
+    <div class="page_root preface">
13 
+      <h1 class="preface_title_1">前言</h1>
14 
+      <div class="preface_title_2">INTRODUCTION</div>
15 
+      <div class="preface_content_line">
16 
+        本次考试为<span class="gradename"></span
17 
+        ><span class="examtype"></span>，共<span class="classnum"></span
18 
+        >个班级、<span class="subjectnum"></span>个学科，总分值为<span
19 
+          class="allscore"
20 
+        ></span
21 
+        >分。
22 
+      </div>
23 
+      <div class="preface_content_line">
24 
+        计划<span class="stunum"></span>名考生，缺考<span class="qkunum"></span
25 
+        >人， 实际考生<span class="sjnum"></span>人，最高分<span
26 
+          class="maxscore"
27 
+        ></span
28 
+        >分，平均分<span class="avgscore"></span>分；
29 
+      </div>
30 
+      <div class="preface_djfx"></div>
31 
+      <div class="preface_title_3">指标说明</div>
32 
+      <div class="preface_title_4">1、学科成绩对比/班级成绩对比</div>
33 
+      <div class="preface_content">
34 
+        （1）实考人数：实际参加考试的学生人数。一个班或年级该科目参加考试的人数，以该科目非缺考的人数为准；一个班或年级总分的参考人数，以参加任一应考科目的学生人数为准。
35 
+      </div>
36 
+      <div class="preface_content">
37 
+        （2）缺考人数：缺考人数指未参加考试和扫描不成功或未扫描的人数。缺考人数=计划人数-实考人数，即缺考标记人数+未扫描人数。
38 
+      </div>
39 
+      <div class="preface_content">
40 
+        （3）满分：试卷卷面分满分，默认为卷面分。
41 
+      </div>
42 
+      <div class="preface_content">
43 
+        （4）
44 
+        最高分：参与统计的学生成绩的最大值，根据统计范围的不同，又可分为：年级最高分、班级最高分。
45 
+      </div>
46 
+      <div class="preface_content">
47 
+        （5）
48 
+        最低分：参与统计的学生成绩的最小值，根据统计范围的不同，又可分为：年级最低分、班级最低分。
49 
+      </div>
50 
+      <div class="preface_content">
51 
+        （6）
52 
+        平均分：参与统计的学生成绩的平均值，根据统计范围的不同，又可分为：年级平均分、班级平均分。
53 
+      </div>
54 
+      <div class="preface_content">
55 
+        （7）
56 
+        优秀率：优秀率=分数高于或等于优秀分数线的人数/统计人数*100%，默认优秀档（分）≥85%。
57 
+      </div>
58 
+      <div class="preface_content">
59 
+        （8）
60 
+        良好率：良好率=分数高于或等于良好分数线的人数/统计人数*100%，默认良好档（分）≥70%。
61 
+      </div>
62 
+      <div class="preface_content">
63 
+        （9）
64 
+        合格率：合格率=分数高于或等于合格分数线的人数/统计人数*100%，默认合格档（分）≥60%。
65 
+      </div>
66 
+      <div class="preface_content">
67 
+        （10）低分率：低分率=分数低于或等于低分分数线的人数/统计人数*100%，默认低分档（分）≤40%。
68 
+      </div>
69 
+      <div class="preface_content">
70 
+        （11）标准差：表示所有考生考试分数间的绝对离散程度，值越大表示个体之间的分数离散程度越大，反之，值越小表示个体之间的分数离散程度越小。
71 
+      </div>
72 
+      <div class="preface_title_4">2、成绩等级对比</div>
73 
+      <div class="preface_content">
74 
+        成绩等级对比中“等级”数据来源报告设置计分方式中等级或等级赋分设置结果。
75 
+      </div>
76 
+      <div class="preface_content">
77 
+        （1）人数：指定范围下各个等级下考生人数；
78 
+      </div>
79 
+      <div class="preface_content">
80 
+        （2）比例：比例=各等级人数/该范围下参与统计人数*100%；
81 
+      </div>
18 82 
     </div>
19 
-    <div class="preface_content_line">计划<span class="stunum"></span>名考生，缺考<span class="qkunum"></span>人，
20 
-      实际考生<span class="sjnum"></span>人，最高分<span class="maxscore"></span>分，平均分<span class="avgscore"></span>分；</div>
21 
-    <div class="preface_content_line">本次考试A类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>
22 
-    <div class="preface_content_line">本次考试B类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>
23 
-    <div class="preface_content_line">本次考试C类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>
24 
-    <div class="preface_content_line">本次考试D类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>
25 
-    <div class="preface_content_line">本次考试E类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>
26 
-    <div class="preface_title_3">指标说明</div>
27 
-    <div class="preface_title_4">1、学科成绩对比/班级成绩对比</div>
28 
-    <div class="preface_content">（1）实考人数：实际参加考试的学生人数。一个班或年级该科目参加考试的人数，以该科目非缺考的人数为准；一个班或年级总分的参考人数，以参加任一应考科目的学生人数为准。</div>
29 
-    <div class="preface_content">（2）缺考人数：缺考人数指未参加考试和扫描不成功或未扫描的人数。缺考人数=计划人数-实考人数，即缺考标记人数+未扫描人数。</div>
30 
-    <div class="preface_content">（3）满分：试卷卷面分满分，默认为卷面分。</div>
31 
-    <div class="preface_content">（4） 最高分：参与统计的学生成绩的最大值，根据统计范围的不同，又可分为：年级最高分、班级最高分。</div>
32 
-    <div class="preface_content">（5） 最低分：参与统计的学生成绩的最小值，根据统计范围的不同，又可分为：年级最低分、班级最低分。</div>
33 
-    <div class="preface_content">（6） 平均分：参与统计的学生成绩的平均值，根据统计范围的不同，又可分为：年级平均分、班级平均分。</div>
34 
-    <div class="preface_content">（7） 优秀率：优秀率=分数高于或等于优秀分数线的人数/统计人数*100%，默认优秀档（分）≥85%。</div>
35 
-    <div class="preface_content">（8） 良好率：良好率=分数高于或等于良好分数线的人数/统计人数*100%，默认良好档（分）≥70%。</div>
36 
-    <div class="preface_content">（9） 合格率：合格率=分数高于或等于合格分数线的人数/统计人数*100%，默认合格档（分）≥60%。</div>
37 
-    <div class="preface_content">（10）低分率：低分率=分数低于或等于低分分数线的人数/统计人数*100%，默认低分档（分）≤40%。</div>
38 
-    <div class="preface_content">（11）标准差：表示所有考生考试分数间的绝对离散程度，值越大表示个体之间的分数离散程度越大，反之，值越小表示个体之间的分数离散程度越小。 </div>
39 
-    <div class="preface_title_4">2、成绩等级对比</div>
40 
-    <div class="preface_content">成绩等级对比中“等级”数据来源报告设置计分方式中等级或等级赋分设置结果。</div>
41 
-    <div class="preface_content">（1）人数：指定范围下各个等级下考生人数；</div>
42 
-    <div class="preface_content">（2）比例：比例=各等级人数/该范围下参与统计人数*100%；</div>
43 
-  </div>
44 
-  <div class="page_root">
45 
-    <div class="preface_content">（3）默认共分成五个等级：A：85%-100%、B：70%-85%、C：60%-70%、D：40%-60%、E：0-40%。</div>
46 
-    <div class="preface_title_4">3、进线分析</div>
47 
-    <div class="preface_content">（1）总分上线：考生总成绩达到总分各层次分数线（或名次）的称为总分上线；</div>
48 
-    <div class="preface_content">（2）单科上线：考生某一单科成绩达到该学科上线有效分（或名次）的称为单科上线。</div>
49 
-    <div class="preface_title_4">4、临界生对比</div>
50 
-    <div class="preface_content">（1）人数：指定范围下各个名次段下考生人数；</div>
51 
-    <div class="preface_content">（2）占比：占比=各分数区间段（或名次段）人数/全部学生*100%。</div>
52 
-    <div class="preface_title_4">5、优秀生学困生：</div>
53 
-    <div class="preface_content">（1）人数：指定范围下各个名次段下考生人数；</div>
54 
-    <div class="preface_content">（2）占比：占比=各名次段人数/全部学生*100%。</div>
55 
-    <div class="preface_title_4">6、优劣势学科对比</div>
56 
-    <div class="preface_content">学科成绩换算成标准分数（z分数）进行比较，雷达图塌陷处为班级劣势学科，需要多加关注；z分数=（班级平均分-年级或所选班级均分）/标准差。</div>
57 
-    <div class="preface_title_4">7、平均分、得分率：</div>
58 
-    <div class="preface_content">线上：以实际参加学生数量为基数来计算。</div>
59 
-    <div class="preface_content">线下：以实际扫描的答题卡的学生为准。</div>
60 
-    <div class="preface_title_4">8、单道题的分值区间：</div>
61 
-    <div class="preface_content">[0，50%）、[50%，80%）、 [80%，100%]</div>
62 
-    <div class="preface_content">若有小数点则采取四舍五入的方式。</div>
63 
-    <div class="preface_title_4">9、位次目标值：</div>
64 
-    <div class="preface_content">个人位次和班级位次 下次目标值默认为20%。</div>
65 
-    <div class="preface_title_4">10、知识点所占分值及得分率计算：</div>
66 
-    <div class="preface_content">一道题含多个知识点，单个知识点分值 取平均分。</div>
67 
-  </div>
68 
-  <script src="./js/preface.js"></script>
69 
-</body>
70 
-
71 
-</html>
83 
+    <div class="page_root">
84 
+      <div class="preface_content">
85 
+        （3）默认共分成五个等级：A：85%-100%、B：70%-85%、C：60%-70%、D：40%-60%、E：0-40%。
86 
+      </div>
87 
+      <div class="preface_title_4">3、进线分析</div>
88 
+      <div class="preface_content">
89 
+        （1）总分上线：考生总成绩达到总分各层次分数线（或名次）的称为总分上线；
90 
+      </div>
91 
+      <div class="preface_content">
92 
+        （2）单科上线：考生某一单科成绩达到该学科上线有效分（或名次）的称为单科上线。
93 
+      </div>
94 
+      <div class="preface_title_4">4、临界生对比</div>
95 
+      <div class="preface_content">
96 
+        （1）人数：指定范围下各个名次段下考生人数；
97 
+      </div>
98 
+      <div class="preface_content">
99 
+        （2）占比：占比=各分数区间段（或名次段）人数/全部学生*100%。
100 
+      </div>
101 
+      <div class="preface_title_4">5、优秀生学困生：</div>
102 
+      <div class="preface_content">
103 
+        （1）人数：指定范围下各个名次段下考生人数；
104 
+      </div>
105 
+      <div class="preface_content">
106 
+        （2）占比：占比=各名次段人数/全部学生*100%。
107 
+      </div>
108 
+      <div class="preface_title_4">6、优劣势学科对比</div>
109 
+      <div class="preface_content">
110 
+        学科成绩换算成标准分数（z分数）进行比较，雷达图塌陷处为班级劣势学科，需要多加关注；z分数=（班级平均分-年级或所选班级均分）/标准差。
111 
+      </div>
112 
+      <div class="preface_title_4">7、平均分、得分率：</div>
113 
+      <div class="preface_content">线上：以实际参加学生数量为基数来计算。</div>
114 
+      <div class="preface_content">线下：以实际扫描的答题卡的学生为准。</div>
115 
+      <div class="preface_title_4">8、单道题的分值区间：</div>
116 
+      <div class="preface_content">[0，50%）、[50%，80%）、 [80%，100%]</div>
117 
+      <div class="preface_content">若有小数点则采取四舍五入的方式。</div>
118 
+      <div class="preface_title_4">9、位次目标值：</div>
119 
+      <div class="preface_content">
120 
+        个人位次和班级位次 下次目标值默认为20%。
121 
+      </div>
122 
+      <div class="preface_title_4">10、知识点所占分值及得分率计算：</div>
123 
+      <div class="preface_content">
124 
+        一道题含多个知识点，单个知识点分值 取平均分。
125 
+      </div>
126 
+    </div>
127 
+    <script src="./js/preface.js"></script>
128 
+  </body>
129 
+</html>

+ 26
- 80
sections/scoreAnalysis/section_2_level.html Просмотреть файл 

@@ -16,90 +16,36 @@
16 16 
       <h4 class="section_title_4">2.1.2 各班等级比例分布</h4>
17 17 
       <table border="1" class="my_table">
18 18 
         <thead>
19 
-          <tr>
20 
-            <th rowspan="2">班级</th>
21 
-            <th colspan="2">A类</th>
22 
-            <th colspan="2">B类</th>
23 
-            <th colspan="2">C类</th>
24 
-            <th colspan="2">D类</th>
25 
-            <th colspan="2">E类</th>
26 
-          </tr>
27 
-          <tr>
28 
-            <th>人数</th>
29 
-            <th>比例</th>
30 
-            <th>人数</th>
31 
-            <th>比例</th>
32 
-            <th>人数</th>
33 
-            <th>比例</th>
34 
-            <th>人数</th>
35 
-            <th>比例</th>
36 
-            <th>人数</th>
37 
-            <th>比例</th>
38 
-          </tr>
19 
+          <tr class="goodTableHeadTr1"></tr>
20 
+          <tr class="goodTableHeadTr2"></tr>
39 21 
         </thead>
40 
-        <tbody>
41 
-          <tr>
42 
-            <td><div class="my_cell">全部班级</div></td>
43 
-            <td><div class="my_cell">5</div></td>
44 
-            <td><div class="my_cell">4%</div></td>
45 
-            <td><div class="my_cell">5</div></td>
46 
-            <td><div class="my_cell">4%</div></td>
47 
-            <td><div class="my_cell">5</div></td>
48 
-            <td><div class="my_cell">4%</div></td>
49 
-            <td><div class="my_cell">5</div></td>
50 
-            <td><div class="my_cell">4%</div></td>
51 
-            <td><div class="my_cell">5</div></td>
52 
-            <td><div class="my_cell">4%</div></td>
53 
-          </tr>
54 
-          <tr>
55 
-            <td><div class="my_cell">八年级一班</div></td>
56 
-            <td><div class="my_cell">5</div></td>
57 
-            <td><div class="my_cell">4%</div></td>
58 
-            <td><div class="my_cell">5</div></td>
59 
-            <td><div class="my_cell">4%</div></td>
60 
-            <td><div class="my_cell">5</div></td>
61 
-            <td><div class="my_cell">4%</div></td>
62 
-            <td><div class="my_cell">5</div></td>
63 
-            <td><div class="my_cell">4%</div></td>
64 
-            <td><div class="my_cell">5</div></td>
65 
-            <td><div class="my_cell">4%</div></td>
66 
-          </tr>
67 
-          <tr>
68 
-            <td><div class="my_cell">八年级二班</div></td>
69 
-            <td><div class="my_cell">5</div></td>
70 
-            <td><div class="my_cell">4%</div></td>
71 
-            <td><div class="my_cell">5</div></td>
72 
-            <td><div class="my_cell">4%</div></td>
73 
-            <td><div class="my_cell">5</div></td>
74 
-            <td><div class="my_cell">4%</div></td>
75 
-            <td><div class="my_cell">5</div></td>
76 
-            <td><div class="my_cell">4%</div></td>
77 
-            <td><div class="my_cell">5</div></td>
78 
-            <td><div class="my_cell">4%</div></td>
79 
-          </tr>
80 
-          <tr>
81 
-            <td><div class="my_cell">八年级三班</div></td>
82 
-            <td><div class="my_cell">5</div></td>
83 
-            <td><div class="my_cell">4%</div></td>
84 
-            <td><div class="my_cell">5</div></td>
85 
-            <td><div class="my_cell">4%</div></td>
86 
-            <td><div class="my_cell">5</div></td>
87 
-            <td><div class="my_cell">4%</div></td>
88 
-            <td><div class="my_cell">5</div></td>
89 
-            <td><div class="my_cell">4%</div></td>
90 
-            <td><div class="my_cell">5</div></td>
91 
-            <td><div class="my_cell">4%</div></td>
92 
-          </tr>
93 
-        </tbody>
22 
+        <tbody class="goodTableTbody"></tbody>
94 23 
       </table>
95 24 
       <div class="echarts_result">
96 
-        <div>上图各等级上线统计结果为：A类10人（15%），B类50人（30%），C类100人（35%），D类150人（40%），E类200人（30%）：</div>
25 
+        <div>
26 
+          上图各等级上线统计结果为：A类10人（15%），B类50人（30%），C类100人（35%），D类150人（40%），E类200人（30%）：
27 
+        </div>
97 28 
         <div class="echarts_result_content">
98 
-          <div><span class="bg_5699FF"></span>A类上线率最高的班级：八年级二班，A类上线率最低的班级：八年级二班</div>
99 
-          <div><span class="bg_FF5F56"></span>B类上线率最高的班级：八年级三班，B类上线率最低的班级：八年级二班</div>
100 
-          <div><span class="bg_5EC5C8"></span>C类上线率最高的班级：八年级四班，C类上线率最低的班级：八年级二班</div>
101 
-          <div><span class="bg_F1982B"></span>D类上线率最高的班级：八年级一班，D类上线率最低的班级：八年级二班</div>
102 
-          <div><span class="bg_F1982B"></span>E类上线率最高的班级：八年级一班，E类上线率最低的班级：八年级二班</div>
29 
+          <div>
30 
+            <span class="bg_5699FF"></span
31 
+            >A类上线率最高的班级：八年级二班，A类上线率最低的班级：八年级二班
32 
+          </div>
33 
+          <div>
34 
+            <span class="bg_FF5F56"></span
35 
+            >B类上线率最高的班级：八年级三班，B类上线率最低的班级：八年级二班
36 
+          </div>
37 
+          <div>
38 
+            <span class="bg_5EC5C8"></span
39 
+            >C类上线率最高的班级：八年级四班，C类上线率最低的班级：八年级二班
40 
+          </div>
41 
+          <div>
42 
+            <span class="bg_F1982B"></span
43 
+            >D类上线率最高的班级：八年级一班，D类上线率最低的班级：八年级二班
44 
+          </div>
45 
+          <div>
46 
+            <span class="bg_F1982B"></span
47 
+            >E类上线率最高的班级：八年级一班，E类上线率最低的班级：八年级二班
48 
+          </div>
103 49 
         </div>
104 50 
       </div>
105 51 
     </div>

Редактирование Предпросмотр
Загрузка…
Отмена
Сохранить