分数段表格数据

js/scoreAnalysis/section_2_part.js

     //图表数据
     var data = JSON.parse(JSON.stringify(obj));
     var calsslist = [];
-    var goodTableHeadTr1Html = '<th rowspan="2">班级</th>';
-    var goodTableHeadTr2Html = "";
-    var goodTableTbodyHtml = "";
+    var tableobj = {};
+    var num = -1;
     $.each(xAxis_data, function (idx, item) {
-      goodTableHeadTr1Html += '<th colspan="2">' + item + "</th>";
-      goodTableHeadTr2Html += "<th>人数</th><th>比例</th>";
+      if ((idx + 7) % 7 == 0) {
+        num++;
+        tableobj[num+"trHtml"] = "";
+        tableobj[num + "goodTableHeadTr1Html"] = '<th rowspan="2">班级</th>';
+        tableobj[num + "goodTableHeadTr2Html"] = "";
+      } 
+      tableobj[num + "goodTableHeadTr1Html"] += '<th colspan="2">' + item + "</th>";
+      tableobj[num+"goodTableHeadTr2Html"]+= "<th>人数</th><th>比例</th>";
     });
     $.each(data.ranks, function (idx, item) {
       if ($.inArray(item.classname, calsslist) == -1) {
         calsslist.push(item.classname);
       }
     })
-    $.each(calsslist, function (idx, item) {
-      var trHtml = '<td><div class="my_cell">' + item + "</div></td>";
+    $.each(calsslist, function (index, items) {
+      var num = -1;
       var classs = $.grep(data.ranks, function (val) {
-        return val.classname == item;
+        return val.classname == items;
       });
       $.each(xAxis_data, function (idx, item) {
         var rank = $.grep(classs, function (val) {
           return val.rankname == item;
         })[0];
-        trHtml +=
+        if ((idx + 7) % 7 == 0) {
+          num++;
+          if (index == 0) {
+            tableobj[num + "trHtml"] += "<tr>";
+          } else {
+            tableobj[num + "trHtml"] += "</tr><tr>";
+          }
+            tableobj[num+"trHtml"] += '<td><div class="my_cell">' + items + "</div></td>";
+       }
+        tableobj[num+"trHtml"] +=
           '<td><div class="my_cell">' +
           rank.stunum +
           '</div></td><td><div class="my_cell">' +
           rank.sturate +
           "%</div></td>";
       });
-      goodTableTbodyHtml += "<tr>" + trHtml + "</tr>";
        
     })
-    var table = '  <table border="1" class="my_table"><thead><tr class="goodTableHeadTr1">' +
-      goodTableHeadTr1Html + '</tr><tr class="goodTableHeadTr2">' +
-      goodTableHeadTr2Html + '</tr></thead><tbody class="goodTableTbody">' +
-      goodTableTbodyHtml+'</tbody></table>'
+    var table = "";
+    for (var i = 0; i < num+1; i++){
+      table+='  <table border="1" class="my_table"><thead><tr class="goodTableHeadTr1">' +
+      tableobj[i+"goodTableHeadTr1Html"] + '</tr><tr class="goodTableHeadTr2">' +
+      tableobj[i+"goodTableHeadTr2Html"] + '</tr></thead><tbody class="goodTableTbody">' +
+      tableobj[i+"trHtml"] + '</tbody></table>'
+    }
     $(".part_"+ s_index + " .table_"+s_index+" ").html(table);
   }
   var parameter = $(".section_2_html_root .section_2_part_html_root").data(
       s_item.subjectname +
       '分数段统计</h3><h4 class="section_title_4">3.' +
       (s_index + 1) +
-      '.1 各分数段分析</h4><div>当前设置分数段：<span class="curscorepart">10</span>分/段</div><div id="classPartEcharts" style="margin: 0 4mm 4mm; height: 80mm"></div><h4 class="section_title_4">3.' +
+      '.1 各分数段分析</h4><div>当前设置分数段：<span class="curscorepart">10</span>分/段</div><div id="classPartEcharts" style="margin: 0 4mm 4mm; height: 80mm"></div><h4 h4 class="section_title_4" > 3.' +
       (s_index + 1) +
-      '.2 各班等级比例分布</h4><div class="table_'+s_index+'"></div></div > ';
+      '.2 各班等级比例分布<z < div class="table_'+s_index+'" ></ ></div > ';
     
   });
   $(".section_2_part_root").html(singleRootHtml);