第四章完结

js/section_4.js

@@ -25,7 +25,7 @@ $(function () {
       num.push(item.num);
       xAxis_data.push(item.subjectname);
     });
-      $(".section_4 .subjectviolationMaxNum").text(curclass.classname);
+    $(".section_4 .subjectviolationMaxNum").text(curclass.classname);
     var curseries = [
       {
         name: "违纪人数",
@@ -126,79 +126,108 @@ $(function () {
         '">科目信息</th>',
       goodTableHeadTr2Html = "<th>姓名</th><th>账号</th>",
       trHtml = "";
-    var surplusheight = pageheight - ($(".section_4 .violationheight").height()); //本页剩余高度
-    var henght = 62.5; //表头62.5 一行高27.5
+    var surplusheight = pageheight - $(".section_4 .violationheight").height(); //本页剩余高度
+    var henght = 62.46,
+      row = 27.42; //表头62.46 一行高27.42
     var pagedaba = {
-      0: ""
-    }, page = 0;
+        0: ""
+      },
+      page = 0;
     var maxstu = {
       num: 0,
-      username:""
-    }
+      username: ""
+    };
     var pagesheight = {
-      0:0
-    }
+      0: 0
+    };
     $.each(list.wjkm, function (idx, item) {
       goodTableHeadTr2Html += "<th>" + item.subjectname + "</th>";
     });
     $.each(list.wjfx, function (idx, item) {
-      henght += 27.5;
-      pagesheight[page] = 62.5+henght;
-      if (page == 0 && (henght > surplusheight || surplusheight - henght < 27.5)) {
+      if (
+        page == 0 &&
+        (henght >= surplusheight || surplusheight - henght <= row)
+      ) {
         // 加第一页
-        page++
-        henght = 0;
+        page++;
+        henght = 62.46;
         pagedaba[page] = "";
       }
-      if (henght > pageheight && surplusheight - henght < 27.5) {
-        page++
-        henght = 0;
+      if (page != 0 && (henght >= pageheight || pageheight - henght <= row)) {
+        page++;
+        henght = 62.46;
         pagedaba[page] = "";
-        console.log(page);
       }
+      henght += row;
+      pagesheight[page] = henght;
       item.subjectjson = item.subjectjson ? JSON.parse(item.subjectjson) : [];
       var subject_num = {};
-      pagedaba[page] += "<tr><td>" + item.username + "</td><td>" + item.loginname + "</td>";
+      pagedaba[page] +=
+        "<tr><td>" + item.username + "</td><td>" + item.loginname + "</td>";
       var num = 0;
       $.each(item.subjectjson, function (idx, item) {
         num += item.num;
         subject_num[item.subjectid] = item.num || 0;
-      })
+      });
       if (num > maxstu.num) {
         maxstu = {
           num: num,
-          username:item.username 
-        }
-      } else  if (num == maxstu.num){
-        maxstu.username+='、'+item.username 
+          username: item.username
+        };
+      } else if (num == maxstu.num) {
+        maxstu.username += "、" + item.username;
       }
-      $.each(list.wjkm,function (idx, item){
-        pagedaba[page] += "<td>" + (subject_num[item.subjectid]|| 0) + "</td>";
-      })
+      $.each(list.wjkm, function (idx, item) {
+        pagedaba[page] += "<td>" + (subject_num[item.subjectid] || 0) + "</td>";
+      });
     });
-    console.log(pagesheight);
-    console.log(maxstu);
-    var maxstuhtml = '<div class="echarts_result"><div>上图统计结果表示：</div><div class="echarts_result_content"><span class="dot bg_5699FF"></span>违纪行为最多的学生:'+maxstu.username +'</div></div>';
-    for (var i = 0; i <= page; i++){
-       table[i] = '<table border="1" class="my_table"><thead><tr class="goodTableHeadTr1">' +
-      goodTableHeadTr1Html +
-      '</tr><tr class="goodTableHeadTr2">' +
-      goodTableHeadTr2Html +
-      '</tr></thead><tbody class="goodTableTbody">' +
-      pagedaba[i] +
+    //高度 89
+    var isadd = true;
+    var maxstuhtml =
+      '<div class="echarts_result"><div>上图统计结果表示：</div><div class="echarts_result_content"><span class="dot bg_5699FF"></span>违纪行为最多的学生:' +
+      maxstu.username +
+      "</div></div>";
+    for (var i = 0; i <= page; i++) {
+      table[i] =
+        '<table border="1" class="my_table"><thead><tr class="goodTableHeadTr1">' +
+        goodTableHeadTr1Html +
+        '</tr><tr class="goodTableHeadTr2">' +
+        goodTableHeadTr2Html +
+        '</tr></thead><tbody class="goodTableTbody">' +
+        pagedaba[i] +
         "</tbody></table>";
       if (i != 0) {
-         //添加分页
-        $(".page_"+ (i-1)+".section_4").after(
-        '<div class="page_root section_4'+' page_'+i+'"></div>'
+        //添加分页
+        $(".page_" + (i - 1) + ".section_4").after(
+          '<div class="page_root section_4' + " page_" + i + '"></div>'
         );
-      $(".page_root.section_4"+'.page_'+i).html(table[i]); 
+        $(".page_root.section_4" + ".page_" + i).html(table[i]);
+      }
+      //添加表格结果数据
+      if (i == 0 && surplusheight - pagesheight[i] >= 89) {
+        isadd = false;
+        $(".section_4 .stuViolationtable").after(
+          '<div class="echarts_result resultdata"></div>'
+        );
+        $(".echarts_result.resultdata").html(maxstuhtml);
+      } else if (i != 0 && pageheight - pagesheight[i] >= 89) {
+        isadd = false;
+        $(".page_" + i + ".section_4 .my_table").after(
+          '<div class="page_' + (i + 1) + ' my_result"></div>'
+        );
+        $(".page_" + (i + 1) + ".my_result").html(maxstuhtml);
       }
     }
     $(".section_4 .stuViolationtable").html(table[0]);
+    //添加至新页
+    if (isadd) {
+      $(".page_" + page).after(
+        '<div class="page_root section_4 page_' + (page + 1) + '"></div>'
+      );
+      $(".page_" + (page + 1) + "").html(maxstuhtml);
+    }
   }
   var parameter = $(".section_4_html_root").data("page-params");
   parameter = JSON.parse(parameter);
   initviolationEcharts(parameter);
-  console.log(parameter);
 });

sections/section_4.html

@@ -39,12 +39,6 @@
         <h2 class="section_title_2">2. 学生违纪行为统计</h2>
       </div>
       <div class="stuViolationtable"></div>
-      <!-- <div class="echarts_result">
-        <div>上图统计结果表示：</div>
-        <div class="echarts_result_content">
-          <span class="dot bg_5699FF"></span>违纪行为最多的学生:
-        </div>
-      </div> -->
     </div>
     <script src="../js/section_4.js"></script>
   </body>