班级成绩对比-单科

css/scoreAnalysis/section_2_class_single.css

@@ -4,7 +4,7 @@
     line-height: 7mm;
     background-color: #fff;
   }
-  .section_2_class_single .echarts_result_content span {
+  .section_2_class_single .echarts_result_content .dot {
     display: inline-block;
     margin-right: 2mm;
     width: 2mm;

index.html

@@ -15,7 +15,7 @@
     // 47.1.1pdf报告
     var _sexam_ers_pdf = _pdfBaseurl + "sexam/ers/pdf";
   </script>
-  <script src="./librarys/jquery@3.6.1/jquery.js"></script>
+  <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>

js/index.js

@@ -2,9 +2,9 @@ $(function () {
   function loadSectionHtml(sectionsData) {
     var loadHtmlArr = [
       // "cover",  //封面
-      "preface",  //前言
-      "section_1",
-      // "section_2",
+      // "preface",  //前言
+      // "section_1",
+      "section_2",
       // "section_3",
       // "section_4",
     ];

js/scoreAnalysis/section_2_class_all.js

@@ -536,7 +536,7 @@ $(function () {
   var parameter = $(".section_2_html_root .section_2_class_all_html_root").data("page-params");
   parameter = JSON.parse(parameter);
   var subjectname = parameter.subjectname;
-  var class_all_arr = parameter.arr;
+  var class_arr = parameter.arr;
   $(".section_2_class_all .subjectname").text(subjectname);
   var classnameArr = [];
   // 各班满分、最高分、最低分、平均分对比分析
@@ -588,8 +588,8 @@ $(function () {
   var classStd = [];
   // 班级整体分析
   var classTbodyHtml = "";
-  for (var i = 0; i < class_all_arr.length; i++) {
-    var c_item = class_all_arr[i];
+  for (var i = 0; i < class_arr.length; i++) {
+    var c_item = class_arr[i];
     classnameArr.push(c_item.classname);
     // 各班满分、最高分、最低分、平均分对比分析
     classScoreInfo.full.push(c_item.allscore);

js/scoreAnalysis/section_2_class_single.js

@@ -1,17 +1,11 @@
 $(function () {
   // 各班满分、最高分、最低分、平均分对比分析
-  function initClassScoreEcharts() {
-    var xAxis_data = [
-      "全年级",
-      "八年级一班",
-      "八年级二班",
-      "八年级三班",
-      "八年级四班"
-    ];
-    var series_full_data = [100, 100, 100, 100, 100];
-    var series_max_data = [95, 80, 85, 97, 85];
-    var series_min_data = [55, 60, 40, 30, 40];
-    var series_avg_data = [70, 65, 60, 80, 60];
+  function initClassScoreEcharts(classnameArr, classScoreInfo) {
+    var xAxis_data = classnameArr;
+    var series_full_data = classScoreInfo.full;
+    var series_max_data = classScoreInfo.max;
+    var series_min_data = classScoreInfo.min;
+    var series_avg_data = classScoreInfo.avg;
     var option = {
       animation: false,
       title: {
@@ -167,18 +161,12 @@ $(function () {
     myEcharts.setOption(option);
   }
   // 各班优秀率、良好率、及格率、低分率对比分析
-  function initClassRateEcharts() {
-    var xAxis_data = [
-      "全年级",
-      "八年级一班",
-      "八年级二班",
-      "八年级三班",
-      "八年级四班"
-    ];
-    var series_xy_data = [80.45, 77.06, 89, 78.6, 80.6];
-    var series_lh_data = [45.45, 47.06, 50, 48.6, 60.6];
-    var series_jg_data = [80.45, 77.06, 89, 78.6, 80.6];
-    var series_df_data = [80.45, 77.06, 89, 78.6, 80.6];
+  function initClassRateEcharts(classnameArr, classRateInfo) {
+    var xAxis_data = classnameArr;
+    var series_yx_data = classRateInfo.yx;
+    var series_lh_data = classRateInfo.lh;
+    var series_jg_data = classRateInfo.jg;
+    var series_df_data = classRateInfo.df;
     var option = {
       animation: false,
       title: {
@@ -268,7 +256,7 @@ $(function () {
               formatter: "{c}",
             },
           },
-          data: series_xy_data,
+          data: series_yx_data,
         },
         {
           name: "良好率",
@@ -334,16 +322,10 @@ $(function () {
     myEcharts.setOption(option);
   }
   // 各班实考人数、缺考人数对比
-  function initClassExamEcharts() {
-    var xAxis_data = [
-      "全年级",
-      "八年级一班",
-      "八年级二班",
-      "八年级三班",
-      "八年级四班"
-    ];
-    var series_sk_data = [100, 100, 100, 100, 100];
-    var series_qk_data = [95, 80, 85, 97, 85];
+  function initClassExamEcharts(classnameArr, classExamInfo) {
+    var xAxis_data = classnameArr;
+    var series_sk_data = classExamInfo.sk;
+    var series_qk_data = classExamInfo.qk;
     var option = {
       animation: false,
       title: {
@@ -461,15 +443,9 @@ $(function () {
     myEcharts.setOption(option);
   }
   // 各班标准差对比分析
-  function initClassStdEcharts() {
-    var xAxis_data = [
-      "全年级",
-      "八年级一班",
-      "八年级二班",
-      "八年级三班",
-      "八年级四班"
-    ];
-    var series_data = [15, 10, 3, 14, 7];
+  function initClassStdEcharts(classnameArr, classStd) {
+    var xAxis_data = classnameArr;
+    var series_data = classStd;
     var option = {
       animation: false,
       color: ["#5C99FF"],
@@ -559,9 +535,149 @@ $(function () {
   }
   var parameter = $(".section_2_html_root .section_2_class_single_html_root").data("page-params");
   parameter = JSON.parse(parameter);
-  // console.log(".section_2_class_single_html_root:parameter", parameter);
-  initClassScoreEcharts();
-  initClassRateEcharts();
-  initClassExamEcharts();
-  initClassStdEcharts();
+  console.log("section_2_class_single:parameter", parameter);
+  var singleRootHtml = "";
+  for(var s_data_i = 0; s_data_i < parameter.length; s_data_i++) {
+    var s_index = s_data_i + 2;
+    singleRootHtml += '<div class="page_root section_2_class_single section_2_class_single_' + s_index + '"><h3 class="section_title_3">1.' + s_index + ' <span class="subjectname"></span>对比</h3><h4 class="section_title_4">1.' + s_index + '.1 各班满分、最高分、最低分、平均分对比分析</h4><div id="classScoreEcharts" style="margin: 0 4mm 4mm;height: 68mm;"></div><div class="echarts_result"><div>上图统计结果表示：</div><div class="echarts_result_content"><div><span class="dot bg_5699FF"></span>高于年级平均分的班级：<span class="gt_avg_classes"></span></div><div><span class="dot bg_FF5F56"></span>低于年级平均分的班级：<span class="lt_avg_classes"></span></div></div></div><h4 class="section_title_4">1.' + s_index + '.2 各班优秀率、良好率、及格率、低分率对比分析</h4><div id="classRateEcharts" style="margin: 0 4mm 4mm;height: 78mm;"></div><div class="echarts_result"><div>上图统计结果表示：</div><div class="echarts_result_content"><div><span class="dot bg_5699FF"></span>优秀率最高的班级：<span class="yx_max_class"></span></div><div><span class="dot bg_FF5F56"></span>良好率最高的班级：<span class="lh_max_class"></span></div><div><span class="dot bg_5EC5C8"></span>及格率最高的班级：<span class="jg_max_class"></span></div><div><span class="dot bg_F1982B"></span>低分率最高的班级：<span class="df_max_class"></span></div></div></div></div><div class="page_root section_2_class_single section_2_class_single_' + s_index + '"><h4 class="section_title_4">1.' + s_index + '.3 各班实考人数、缺考人数对比</h4><div id="classExamEcharts" style="margin: 0 4mm 4mm;height: 78mm;"></div><div class="echarts_result"><div>上图统计结果表示：</div><div class="echarts_result_content"><div><span class="dot bg_5699FF"></span>实考人数最多的班级：<span class="sk_max_class"></span></div><div><span class="dot bg_FF5F56"></span>缺考人数最多的班级：<span class="qk_max_class"></span></div></div></div><h4 class="section_title_4">1.' + s_index + '.4 各班标准差对比分析</h4><div id="classStdEcharts" style="margin: 0 4mm 4mm;height: 63mm;"></div></div><div class="page_root section_2_class_single section_2_class_single_' + s_index + '"><h4 class="section_title_4">1.' + s_index + '.5 班级<span class="subjectname"></span>整体分析</h4><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="classTbody"></tbody></table></div>'
+  }
+  $(".section_2_class_single_root").html(singleRootHtml);
+
+
+
+  return;
+  var subjectname = parameter.subjectname;
+  var class_arr = parameter.arr;
+  $(".section_2_class_single .subjectname").text(subjectname);
+  var classnameArr = [];
+  // 各班满分、最高分、最低分、平均分对比分析
+  var classScoreInfo = {
+    full: [],
+    max: [],
+    min: [],
+    avg: [],
+    gt_avg_classes: [],
+    lt_avg_classes: []
+  };
+  // 各班优秀率、良好率、及格率、低分率对比分析
+  var classRateInfo = {
+    yx: [],
+    lh: [],
+    jg: [],
+    df: [],
+    yx_max: {
+      rate: 0,
+      classname: ""
+    },
+    lh_max: {
+      rate: 0,
+      classname: ""
+    },
+    jg_max: {
+      rate: 0,
+      classname: ""
+    },
+    df_max: {
+      rate: 0,
+      classname: ""
+    }
+  };
+  // 各班实考人数、缺考人数对比
+  var classExamInfo = {
+    sk: [],
+    qk: [],
+    sk_max: {
+      num: 0,
+      classname: ""
+    },
+    qk_max: {
+      num: 0,
+      classname: ""
+    }
+  }
+  // 各班标准差对比分析
+  var classStd = [];
+  // 班级整体分析
+  var classTbodyHtml = "";
+  for (var i = 0; i < class_arr.length; i++) {
+    var c_item = class_arr[i];
+    classnameArr.push(c_item.classname);
+    // 各班满分、最高分、最低分、平均分对比分析
+    classScoreInfo.full.push(c_item.allscore);
+    classScoreInfo.max.push(c_item.classmaxscore);
+    classScoreInfo.min.push(c_item.classminscore);
+    classScoreInfo.avg.push(c_item.classavgscore);
+    if (c_item.schoolavgscore < c_item.classavgscore) {
+      classScoreInfo.gt_avg_classes.push(c_item.classname);
+    }
+    if (c_item.schoolavgscore > c_item.classavgscore) {
+      classScoreInfo.lt_avg_classes.push(c_item.classname);
+    }
+    // 各班优秀率、良好率、及格率、低分率对比分析
+    classRateInfo.yx.push(c_item.yxrate);
+    classRateInfo.lh.push(c_item.lhrate);
+    classRateInfo.jg.push(c_item.jgrate);
+    classRateInfo.df.push(c_item.dfrate);
+    if (classRateInfo.yx_max.rate < c_item.yxrate) {
+      classRateInfo.yx_max = {
+        rate: c_item.yxrate,
+        classname: c_item.classname
+      };
+    }
+    if (classRateInfo.lh_max.rate < c_item.lhrate) {
+      classRateInfo.lh_max = {
+        rate: c_item.lhrate,
+        classname: c_item.classname
+      };
+    }
+    if (classRateInfo.jg_max.rate < c_item.jgrate) {
+      classRateInfo.jg_max = {
+        rate: c_item.jgrate,
+        classname: c_item.classname
+      };
+    }
+    if (classRateInfo.df_max.rate < c_item.dfrate) {
+      classRateInfo.df_max = {
+        rate: c_item.dfrate,
+        classname: c_item.classname
+      };
+    }
+    // 各班实考人数、缺考人数对比
+    classExamInfo.sk.push(c_item.stunum);
+    classExamInfo.qk.push(c_item.missnum);
+    if (classExamInfo.sk_max.num < c_item.stunum) {
+      classExamInfo.sk_max = {
+        num: c_item.stunum,
+        classname: c_item.classname
+      };
+    }
+    if (classExamInfo.qk_max.num < c_item.missnum) {
+      classExamInfo.qk_max = {
+        num: c_item.missnum,
+        classname: c_item.classname
+      };
+    }
+    // 各班标准差对比分析
+    classStd.push(c_item.bzc);
+    // 班级整体分析
+    classTbodyHtml += '<tr><td><div class="my_cell">' + c_item.classname + '</div></td><td><div class="my_cell">' + c_item.stunum + '</div></td><td><div class="my_cell">' + c_item.missnum + '</div></td><td><div class="my_cell">' + c_item.allscore + '</div></td><td><div class="my_cell">' + c_item.classmaxscore + '</div></td><td><div class="my_cell">' + c_item.classminscore + '</div></td><td><div class="my_cell">' + c_item.classavgscore + '</div></td><td><div class="my_cell">' + c_item.yxrate + '%</div></td><td><div class="my_cell">' + c_item.lhrate + '%</div></td><td><div class="my_cell">' + c_item.jgrate + '%</div></td><td><div class="my_cell">' + c_item.dfrate + '%</div></td><td><div class="my_cell">' + c_item.bzc + '</div></td></tr>';
+  }
+  // 各班满分、最高分、最低分、平均分对比分析
+  initClassScoreEcharts(classnameArr, classScoreInfo);
+  $(".section_2_class_single .gt_avg_classes").text(classScoreInfo.gt_avg_classes.join("、"));
+  $(".section_2_class_single .lt_avg_classes").text(classScoreInfo.lt_avg_classes.join("、"));
+  // 各班优秀率、良好率、及格率、低分率对比分析
+  initClassRateEcharts(classnameArr, classRateInfo);
+  $(".section_2_class_single .yx_max_class").text(classRateInfo.yx_max.classname);
+  $(".section_2_class_single .lh_max_class").text(classRateInfo.lh_max.classname);
+  $(".section_2_class_single .jg_max_class").text(classRateInfo.jg_max.classname);
+  $(".section_2_class_single .df_max_class").text(classRateInfo.df_max.classname);
+  // 各班实考人数、缺考人数对比
+  initClassExamEcharts(classnameArr, classExamInfo);
+  $(".section_2_class_single .sk_max_class").text(classExamInfo.sk_max.classname);
+  $(".section_2_class_single .qk_max_class").text(classExamInfo.qk_max.classname);
+  // 各班标准差对比分析
+  initClassStdEcharts(classnameArr, classStd);
+  // 班级整体分析
+  $(".section_2_class_single .classTbody").html(classTbodyHtml);
 });

js/section_2.js

@@ -2,8 +2,8 @@ $(function() {
   var parameter = $(".section_2_html_root").data("page-params");
   parameter = JSON.parse(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_all",
@@ -35,10 +35,7 @@ $(function() {
         arr: class_all_arr
       }));
     } else if (htmlName === "section_2_class_single") {
-      $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
-        cjfx: parameter.cjfx,
-        djfx: parameter.djfx
-      }));
+      $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify(class_single_arr));
     } else if (htmlName === "section_2_level") {
       $(".section_2.score_analysis_root ." + htmlName + "_html_root").data("page-params", JSON.stringify({
         cjfx: parameter.cjfx,

sections/scoreAnalysis/section_2_class_single.html

@@ -8,44 +8,45 @@
   <link rel="stylesheet" href="../../css/scoreAnalysis/section_2_class_single.css">
 </head>
 <body>
-  <div class="page_root section_2_class_single">
-    <h3 class="section_title_3">1.2 语文成绩对比</h3>
-    <h4 class="section_title_4">1.2.1 各班满分、最高分、最低分、平均分对比分析</h4>
+  <div class="section_2_class_single_root"></div>
+  <!-- <div class="page_root section_2_class_single">
+    <h3 class="section_title_3">1.1 <span class="subjectname"></span>对比</h3>
+    <h4 class="section_title_4">1.1.1 各班满分、最高分、最低分、平均分对比分析</h4>
     <div id="classScoreEcharts" style="margin: 0 4mm 4mm;height: 68mm;"></div>
     <div class="echarts_result">
       <div>上图统计结果表示：</div>
       <div class="echarts_result_content">
-        <div><span class="bg_5699FF"></span>高于年级平均分的班级：八年级一班</div>
-        <div><span class="bg_FF5F56"></span>低于年级平均分的班级：八年级二班、八年级三班、八年级四班</div>
+        <div><span class="dot bg_5699FF"></span>高于年级平均分的班级：<span class="gt_avg_classes"></span></div>
+        <div><span class="dot bg_FF5F56"></span>低于年级平均分的班级：<span class="lt_avg_classes"></span></div>
       </div>
     </div>
-    <h4 class="section_title_4">1.2.2 各班优秀率、良好率、及格率、低分率对比分析</h4>
+    <h4 class="section_title_4">1.1.2 各班优秀率、良好率、及格率、低分率对比分析</h4>
     <div id="classRateEcharts" style="margin: 0 4mm 4mm;height: 78mm;"></div>
     <div class="echarts_result">
       <div>上图统计结果表示：</div>
       <div class="echarts_result_content">
-        <div><span class="bg_5699FF"></span>优秀率最高的班级：八年级二班</div>
-        <div><span class="bg_FF5F56"></span>良好率最高的班级：八年级三班</div>
-        <div><span class="bg_5EC5C8"></span>及格率最高的班级：八年级四班</div>
-        <div><span class="bg_F1982B"></span>低分率最高的班级：八年级一班</div>
+        <div><span class="dot bg_5699FF"></span>优秀率最高的班级：<span class="yx_max_class"></span></div>
+        <div><span class="dot bg_FF5F56"></span>良好率最高的班级：<span class="lh_max_class"></span></div>
+        <div><span class="dot bg_5EC5C8"></span>及格率最高的班级：<span class="jg_max_class"></span></div>
+        <div><span class="dot bg_F1982B"></span>低分率最高的班级：<span class="df_max_class"></span></div>
       </div>
     </div>
   </div>
   <div class="page_root section_2_class_single">
-    <h4 class="section_title_4">1.2.3 各班实考人数、缺考人数对比</h4>
+    <h4 class="section_title_4">1.1.3 各班实考人数、缺考人数对比</h4>
     <div id="classExamEcharts" style="margin: 0 4mm 4mm;height: 78mm;"></div>
     <div class="echarts_result">
       <div>上图统计结果表示：</div>
       <div class="echarts_result_content">
-        <div><span class="bg_5699FF"></span>实考人数最多的班级：八年级一班、八年级二班、八年级三班</div>
-        <div><span class="bg_FF5F56"></span>缺考人数最多的班级：八年级四班</div>
+        <div><span class="dot bg_5699FF"></span>实考人数最多的班级：<span class="sk_max_class"></span></div>
+        <div><span class="dot bg_FF5F56"></span>缺考人数最多的班级：<span class="qk_max_class"></span></div>
       </div>
     </div>
-    <h4 class="section_title_4">1.2.4 各班标准差对比分析</h4>
+    <h4 class="section_title_4">1.1.4 各班标准差对比分析</h4>
     <div id="classStdEcharts" style="margin: 0 4mm 4mm;height: 63mm;"></div>
   </div>
   <div class="page_root section_2_class_single">
-    <h4 class="section_title_4">1.2.5 班级语文整体分析</h4>
+    <h4 class="section_title_4">1.1.5 班级<span class="subjectname"></span>整体分析</h4>
     <table border="1" class="my_table">
       <thead>
         <tr>
@@ -63,66 +64,9 @@
           <th class="w12mm">标准差</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>
-          <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>
-          <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>
-          <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>
-          <td><div class="my_cell">4%</div></td>
-        </tr>
-      </tbody>
+      <tbody class="classTbody"></tbody>
     </table>
-  </div>
+  </div> -->
   <script src="../../js/scoreAnalysis/section_2_class_single.js"></script>
 </body>
 </html>