xhkjedu
/
schoolReportPDF
Watch 8
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
Browse Source

校本PDF报告第一次提交

master
wangzhonglu 2 years ago
commit
43806c26d3
27 changed files with 11266 additions and 0 deletions
Split View Show Diff Stats
  1. 88
    0
      css/common.css
  2. 0
    0
      css/cover.css
  3. 32
    0
      css/preface.css
  4. 0
    0
      css/section_1.css
  5. 0
    0
      css/section_2.css
  6. 0
    0
      css/section_3.css
  7. 0
    0
      css/section_4.css
  8. BIN
      img/bj.png
  9. BIN
      img/img1.png
  10. BIN
      img/img2.png
  11. BIN
      img/img3.png
  12. BIN
      img/img4.png
  13. BIN
      img/logo.png
  14. 15
    0
      index.html
  15. 10909
    0
      jquery@3.6.1/jquery.js
  16. 2
    0
      jquery@3.6.1/jquery.min.js
  17. 30
    0
      js/index.js
  18. 5
    0
      js/preface.js
  19. 5
    0
      js/section_1.js
  20. 7
    0
      notes.txt
  21. 0
    0
      sections/catalog.html
  22. 0
    0
      sections/cover.html
  23. 65
    0
      sections/preface.html
  24. 27
    0
      sections/section_1.html
  25. 27
    0
      sections/section_2.html
  26. 27
    0
      sections/section_3.html
  27. 27
    0
      sections/section_4.html

+ 88
- 0
css/common.css View File 

@@ -0,0 +1,88 @@
1 
+html,
2 
+body {
3 
+  margin: 0;
4 
+  padding: 0;
5 
+  font-size: 3mm;
6 
+  font-family: "Microsoft YaHei", "微软雅黑" !important;
7 
+  color: #333;
8 
+  box-sizing: border-box;
9 
+}
10 
+h1,h2,h3,h4 {
11 
+  margin: 0;
12 
+  padding: 0;
13 
+  font-weight: normal;
14 
+}
15 
+.root_body {
16 
+  background-color: #f5f5f5;
17 
+}
18 
+.pdf_root {
19 
+  margin: 0 auto;
20 
+  width: 210mm;
21 
+  background-color: #fff;
22 
+}
23 
+.page_root {
24 
+  margin: 0 auto;
25 
+  padding: 0 8mm;
26 
+  width: 210mm;
27 
+  height: 277mm;
28 
+  box-sizing: border-box;
29 
+  background-color: #fff;
30 
+  /* 强制分页 */
31 
+  page-break-after: always;
32 
+}
33 
+.section_title_1 {
34 
+  padding-top: 11mm;
35 
+  padding-bottom: 8mm;
36 
+  font-size: 7mm;
37 
+  text-align: center;
38 
+  font-weight: bold;
39 
+}
40 
+.section_title_2 {
41 
+  padding-bottom: 5mm;
42 
+  font-size: 4mm;
43 
+  font-weight: bold;
44 
+}
45 
+.section_title_3 {
46 
+  padding-bottom: 5mm;
47 
+  font-size: 3mm;
48 
+  color: #666;
49 
+}
50 
+.section_title_4 {
51 
+  padding-bottom: 5mm;
52 
+  font-size: 3mm;
53 
+  color: #666;
54 
+}
55 
+.abstract_box {
56 
+  margin-bottom: 6mm;
57 
+  height: 38mm;
58 
+  border-radius: 5mm;
59 
+  color: #fff;
60 
+  background-color: #2D8CF0;
61 
+  overflow: hidden;
62 
+}
63 
+.abstract_left {
64 
+  float: left;
65 
+  margin: 4mm 0;
66 
+  width: 60mm;
67 
+  height: calc(100% - 8mm);
68 
+  text-align: center;
69 
+  border-right: 0.5mm dashed #f5f5f5;
70 
+  box-sizing: border-box;
71 
+}
72 
+.abstract_left img {
73 
+  display: block;
74 
+  margin: 0 auto;
75 
+  width: 38mm;
76 
+  height: 30mm;
77 
+}
78 
+.abstract_right {
79 
+  float: right;
80 
+  margin: 4mm 10mm;
81 
+  width: calc(100% - 80mm);
82 
+  height: calc(100% - 8mm);
83 
+  box-sizing: border-box;
84 
+}
85 
+.abstract_content {
86 
+  font-size: 4mm;
87 
+  line-height: 10mm;
88 
+}

+ 0
- 0
css/cover.css View File


+ 32
- 0
css/preface.css View File 

@@ -0,0 +1,32 @@
1 
+.preface_title_1 {
2 
+  padding-top: 10mm;
3 
+  padding-bottom: 3mm;
4 
+  font-size: 6mm;
5 
+  font-weight: bold;
6 
+  text-align: center;
7 
+}
8 
+.preface_title_2 {
9 
+  padding-bottom: 10mm;
10 
+  font-size: 5mm;
11 
+  font-weight: bold;
12 
+  text-align: center;
13 
+}
14 
+.preface_title_3 {
15 
+  margin-top: 12mm;
16 
+  font-size: 4mm;
17 
+  line-height: 10mm;
18 
+}
19 
+.preface_title_4 {
20 
+  font-size: 3mm;
21 
+  line-height: 8mm;
22 
+}
23 
+.preface_content {
24 
+  font-size: 3mm;
25 
+  line-height: 8mm;
26 
+  text-indent: 2em;
27 
+}
28 
+.preface_content_line {
29 
+  font-size: 4mm;
30 
+  line-height: 8mm;
31 
+  border-bottom: 0.5mm dashed #333;
32 
+}

+ 0
- 0
css/section_1.css View File


+ 0
- 0
css/section_2.css View File


+ 0
- 0
css/section_3.css View File


+ 0
- 0
css/section_4.css View File


BIN
img/bj.png View File


BIN
img/img1.png View File


BIN
img/img2.png View File


BIN
img/img3.png View File


BIN
img/img4.png View File


BIN
img/logo.png View File


+ 15
- 0
index.html View File 

@@ -0,0 +1,15 @@
1 
+<!DOCTYPE html>
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 src="./jquery@3.6.1/jquery.js"></script>
13 
+  <script src="./js/index.js"></script>
14 
+</body>
15 
+</html>

+ 10909
- 0
jquery@3.6.1/jquery.js
File diff suppressed because it is too large
View File


+ 2
- 0
jquery@3.6.1/jquery.min.js
File diff suppressed because it is too large
View File


+ 30
- 0
js/index.js View File 

@@ -0,0 +1,30 @@
1 
+$(function () {
2 
+  let loadHtmlArr = [
3 
+    "cover",
4 
+    // "catalog",
5 
+    "preface",
6 
+    "section_1",
7 
+    "section_2",
8 
+    "section_3",
9 
+    "section_4",
10 
+  ];
11 
+  $(".pdf_root").html(loadHtmlArr.map(htmlName => {
12 
+    return `<div class="${htmlName}_html_root"></div>`;
13 
+  }).join(""));
14 
+  loadHtmlArr.forEach(htmlName => {
15 
+    if (htmlName === "preface") {
16 
+      $(`.${htmlName}_html_root`).data("page-params", JSON.stringify({
17 
+        htmlName,
18 
+        subjectname: "语文",
19 
+        num: 12
20 
+      }));
21 
+    } else if (htmlName === "section_1") {
22 
+      $(`.${htmlName}_html_root`).data("page-params", JSON.stringify({
23 
+        htmlName,
24 
+        subjectname: "数学",
25 
+        num: 33
26 
+      }));
27 
+    }
28 
+    $(`.${htmlName}_html_root`).load(`../sections/${htmlName}.html`);
29 
+  });
30 
+});

+ 5
- 0
js/preface.js View File 

@@ -0,0 +1,5 @@
1 
+$(function() {
2 
+  // outerHeight(true) 高度为 height+margin+padding+border
3 
+  let parameter = $(".preface_html_root").data("page-params");
4 
+  console.log("preface:parameter", parameter);
5 
+});

+ 5
- 0
js/section_1.js View File 

@@ -0,0 +1,5 @@
1 
+$(function() {
2 
+  // outerHeight(true) 高度为 height+margin+padding+border
3 
+  let parameter = $(".section_1_html_root").data("page-params");
4 
+  console.log("section_1:parameter", parameter);
5 
+});

+ 7
- 0
notes.txt View File 

@@ -0,0 +1,7 @@
1 
+cover.html 封面
2 
+catalog.html 目录
3 
+preface.html 前言
4 
+section_1.html 第一部分
5 
+section_2.html 第二部分
6 
+section_3.html 第三部分
7 
+section_4.html 第四部分

+ 0
- 0
sections/catalog.html View File


+ 0
- 0
sections/cover.html View File


+ 65
- 0
sections/preface.html View File 

@@ -0,0 +1,65 @@
1 
+<!DOCTYPE html>
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>
10 
+<body>
11 
+  <div class="page_root">
12 
+    <h1 class="preface_title_1">前言</h1>
13 
+    <div class="preface_title_2">INTRODUCTION</div>
14 
+    <div class="preface_content_line">本次考试为高一年级期中考试，共4个班级、8个学科，总分值为750分。</div>
15 
+    <div class="preface_content_line">计划240名考生，缺考20人，实际考生50人，最高分749分，平均分569.03分；</div>
16 
+    <div class="preface_content_line">本次考试A类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>
17 
+    <div class="preface_content_line">本次考试B类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>
18 
+    <div class="preface_content_line">本次考试C类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>
19 
+    <div class="preface_content_line">本次考试D类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>
20 
+    <div class="preface_content_line">本次考试E类上线分值[650，750]，上线率19.93%，上线人数 10人；</div>
21 
+    <div class="preface_title_3">指标说明</div>
22 
+    <div class="preface_title_4">1、学科成绩对比/班级成绩对比</div>
23 
+    <div class="preface_content">（1）实考人数：实际参加考试的学生人数。一个班或年级该科目参加考试的人数，以该科目非缺考的人数为准；一个班或年级总分的参考人数，以参加任一应考科目的学生人数为准。</div>
24 
+    <div class="preface_content">（2）缺考人数：缺考人数指未参加考试和扫描不成功或未扫描的人数。缺考人数=计划人数-实考人数，即缺考标记人数+未扫描人数。</div>
25 
+    <div class="preface_content">（3）满分：试卷卷面分满分，默认为卷面分。</div>
26 
+    <div class="preface_content">（4） 最高分：参与统计的学生成绩的最大值，根据统计范围的不同，又可分为：年级最高分、班级最高分。</div>
27 
+    <div class="preface_content">（5） 最低分：参与统计的学生成绩的最小值，根据统计范围的不同，又可分为：年级最低分、班级最低分。</div>
28 
+    <div class="preface_content">（6） 平均分：参与统计的学生成绩的平均值，根据统计范围的不同，又可分为：年级平均分、班级平均分。</div>
29 
+    <div class="preface_content">（7） 优秀率：优秀率=分数高于或等于优秀分数线的人数/统计人数*100%，默认优秀档（分）≥85%。</div>
30 
+    <div class="preface_content">（8） 良好率：良好率=分数高于或等于良好分数线的人数/统计人数*100%，默认良好档（分）≥70%。</div>
31 
+    <div class="preface_content">（9） 合格率：合格率=分数高于或等于合格分数线的人数/统计人数*100%，默认合格档（分）≥60%。</div>
32 
+    <div class="preface_content">（10）低分率：低分率=分数低于或等于低分分数线的人数/统计人数*100%，默认低分档（分）≤40%。</div>
33 
+    <div class="preface_content">（11）标准差：表示所有考生考试分数间的绝对离散程度，值越大表示个体之间的分数离散程度越大，反之，值越小表示个体之间的分数离散程度越小。 </div>
34 
+    <div class="preface_title_4">2、成绩等级对比</div>
35 
+    <div class="preface_content">成绩等级对比中“等级”数据来源报告设置计分方式中等级或等级赋分设置结果。</div>
36 
+    <div class="preface_content">（1）人数：指定范围下各个等级下考生人数；</div>
37 
+    <div class="preface_content">（2）比例：比例=各等级人数/该范围下参与统计人数*100%；</div>
38 
+  </div>
39 
+  <div class="page_root">
40 
+    <div class="preface_content">（3）默认共分成五个等级：A：85%-100%、B：70%-85%、C：60%-70%、D：40%-60%、E：0-40%。</div>
41 
+    <div class="preface_title_4">3、进线分析</div>
42 
+    <div class="preface_content">（1）总分上线：考生总成绩达到总分各层次分数线（或名次）的称为总分上线；</div>
43 
+    <div class="preface_content">（2）单科上线：考生某一单科成绩达到该学科上线有效分（或名次）的称为单科上线。</div>
44 
+    <div class="preface_title_4">4、临界生对比</div>
45 
+    <div class="preface_content">（1）人数：指定范围下各个名次段下考生人数；</div>
46 
+    <div class="preface_content">（2）占比：占比=各分数区间段（或名次段）人数/全部学生*100%。</div>
47 
+    <div class="preface_title_4">5、优秀生学困生：</div>
48 
+    <div class="preface_content">（1）人数：指定范围下各个名次段下考生人数；</div>
49 
+    <div class="preface_content">（2）占比：占比=各名次段人数/全部学生*100%。</div>
50 
+    <div class="preface_title_4">6、优劣势学科对比</div>
51 
+    <div class="preface_content">学科成绩换算成标准分数（z分数）进行比较，雷达图塌陷处为班级劣势学科，需要多加关注；z分数=（班级平均分-年级或所选班级均分）/标准差。</div>
52 
+    <div class="preface_title_4">7、平均分、得分率：</div>
53 
+    <div class="preface_content">线上：以实际参加学生数量为基数来计算。</div>
54 
+    <div class="preface_content">线下：以实际扫描的答题卡的学生为准。</div>
55 
+    <div class="preface_title_4">8、单道题的分值区间：</div>
56 
+    <div class="preface_content">[0，50%）、[50%，80%）、 [80%，100%]</div>
57 
+    <div class="preface_content">若有小数点则采取四舍五入的方式。</div>
58 
+    <div class="preface_title_4">9、位次目标值：</div>
59 
+    <div class="preface_content">个人位次和班级位次 下次目标值默认为20%。</div>
60 
+    <div class="preface_title_4">10、知识点所占分值及得分率计算：</div>
61 
+    <div class="preface_content">一道题含多个知识点，单个知识点分值 取平均分。</div>
62 
+  </div>
63 
+  <script src="./js/preface.js"></script>
64 
+</body>
65 
+</html>

+ 27
- 0
sections/section_1.html View File 

@@ -0,0 +1,27 @@
1 
+<!DOCTYPE html>
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 
+</head>
9 
+<body>
10 
+  <div class="page_root">
11 
+    <h1 class="section_title_1">第一章 考试概况</h1>
12 
+    <div class="abstract_box">
13 
+      <div class="abstract_left">
14 
+        <img src="/img/img1.png" />
15 
+      </div>
16 
+      <div class="abstract_right">
17 
+        <div class="abstract_content">从学校和数据的角度分析整体科目、整体班级及各科各班之间的水平和差异情况，系统从多个维度的数据进行对比分析，<strong>包括满分、最高分、平均分、最低分、四率、参考人数、标准差。</strong></div>
18 
+      </div>
19 
+    </div>
20 
+    <h2 class="section_title_2">1.总览</h2>
21 
+    <h2 class="section_title_2">2.成绩概况</h2>
22 
+    <h3 class="section_title_3">2.1 各科满分、最高分、最低分、平均分对比分析</h3>
23 
+    <h4 class="section_title_4">2.1.1 各科满分、最高分、最低分、平均分对比分析</h4>
24 
+  </div>
25 
+  <script src="../js/section_1.js"></script>
26 
+</body>
27 
+</html>

+ 27
- 0
sections/section_2.html View File 

@@ -0,0 +1,27 @@
1 
+<!DOCTYPE html>
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 
+</head>
9 
+<body>
10 
+  <div class="page_root">
11 
+    <h1 class="section_title_1">第二章 成绩分析</h1>
12 
+    <div class="abstract_box">
13 
+      <div class="abstract_left">
14 
+        <img src="/img/img2.png" />
15 
+      </div>
16 
+      <div class="abstract_right">
17 
+        <div class="abstract_content">从学校和数据的角度分析整体科目、整体班级及各科各班之间的水平和差异情况，系统从多个维度的数据进行对比分析，包括<strong>满分、最高分、平均分、最低分、四率、参考人数、标准差。</strong></div>
18 
+      </div>
19 
+    </div>
20 
+    <h2 class="section_title_2">1.总览</h2>
21 
+    <h2 class="section_title_2">2.成绩概况</h2>
22 
+    <h3 class="section_title_3">2.1 各科满分、最高分、最低分、平均分对比分析</h3>
23 
+    <h4 class="section_title_4">2.1.1 各科满分、最高分、最低分、平均分对比分析</h4>
24 
+  </div>
25 
+  <script src="../js/section_2.js"></script>
26 
+</body>
27 
+</html>

+ 27
- 0
sections/section_3.html View File 

@@ -0,0 +1,27 @@
1 
+<!DOCTYPE html>
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 
+</head>
9 
+<body>
10 
+  <div class="page_root">
11 
+    <h1 class="section_title_1">第三章 违纪行为分析</h1>
12 
+    <div class="abstract_box">
13 
+      <div class="abstract_left">
14 
+        <img src="/img/img3.png" />
15 
+      </div>
16 
+      <div class="abstract_right">
17 
+        <div class="abstract_content">从学校和数据的角度分析整体科目、整体班级及各科各班之间的违纪情况，系统按照科目和班级进行分析统计，包括<strong>人数、比例。</strong></div>
18 
+      </div>
19 
+    </div>
20 
+    <h2 class="section_title_2">1.总览</h2>
21 
+    <h2 class="section_title_2">2.成绩概况</h2>
22 
+    <h3 class="section_title_3">2.1 各科满分、最高分、最低分、平均分对比分析</h3>
23 
+    <h4 class="section_title_4">2.1.1 各科满分、最高分、最低分、平均分对比分析</h4>
24 
+  </div>
25 
+  <script src="../js/section_1.js"></script>
26 
+</body>
27 
+</html>

+ 27
- 0
sections/section_4.html View File 

@@ -0,0 +1,27 @@
1 
+<!DOCTYPE html>
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 
+</head>
9 
+<body>
10 
+  <div class="page_root">
11 
+    <h1 class="section_title_1">第四章 优秀试卷分析</h1>
12 
+    <div class="abstract_box">
13 
+      <div class="abstract_left">
14 
+        <img src="/img/img4.png" />
15 
+      </div>
16 
+      <div class="abstract_right">
17 
+        <div class="abstract_content">从学校和数据的角度分析整体科目、整体班级及各科各班之间的优秀试卷情况，系统按照科目和班级进行分析统计，包括<strong>人数、比例。</strong></div>
18 
+      </div>
19 
+    </div>
20 
+    <h2 class="section_title_2">1.总览</h2>
21 
+    <h2 class="section_title_2">2.成绩概况</h2>
22 
+    <h3 class="section_title_3">2.1 各科满分、最高分、最低分、平均分对比分析</h3>
23 
+    <h4 class="section_title_4">2.1.1 各科满分、最高分、最低分、平均分对比分析</h4>
24 
+  </div>
25 
+  <script src="../js/section_2.js"></script>
26 
+</body>
27 
+</html>

Write Preview
Loading…
Cancel
Save