classReportPDF/js/section_2.js

$(function () {
  function initaveragescoreEcharts (list,s_index) {
       var itemStyle = {
      normal: {
        label: {
          show: true, //开启显示数值
          position: "top" //数值在上方显示
        }
      }
    };
    var avgscore = [],xAxis_data=[],totalScore = 0;
    var curlegend = [ "平均分"];
    $.each(list.pjf, function (idx, item) {
      totalScore += item.classavgscore;
      avgscore.push(item.classavgscore);
      xAxis_data.push(item.classname)
    })
    var gradeAvgScore = Math.floor(totalScore / xAxis_data.length);
    var curseries = [
      {
        name: "平均分",
        type: "bar",
        barWidth: $.UnitUtil.mm2px(5),
        // 柱状图最小高度
        barMinHeight: $.UnitUtil.mm2px(2),
        barGap: 0,
        data: avgscore,
        itemStyle: itemStyle,
        markLine: {
              precision: 0,
              data: [{ type: "average", name: "平均值" }],
              itemStyle: {
                normal: {
                  lineStyle: {
                    color: "#ff001e",
                    type: "dotted"
                  },
                  label: {
                    show: true,
                    color: "#ff001e",
                    position: "insideEndTop",
                    formatter: function () {
                      return "年级平均分：" + gradeAvgScore;
                    }
                  }
                }
              },
              large: true
            },
            z: 10
      }
    ];
    var option = {
      animation: false,
      color: ["#5C99FF", "#FF5F56", "#5EC5C8", "#f1982b"],
      title: {
        text: "分",
        x: "left",
        y: "top",
        textStyle: {
          color: "#5F6E82",
          fontSize: $.UnitUtil.mm2px(3),
          fontWeight: 500
        }
      },
      legend: {
        itemWidth: $.UnitUtil.mm2px(2),
        itemHeight: $.UnitUtil.mm2px(2),
        top: "bottom",
        data: curlegend
      },
      grid: {
        top: $.UnitUtil.mm2px(10),
        left: 0,
        right: 0,
        bottom: $.UnitUtil.mm2px(8),
        containLabel: true
      },
      xAxis: [
        {
          type: "category",
          data: xAxis_data,
          axisLabel: {
            color: "#5F6E82" //更改坐标轴文字颜色
          },
          axisTick: {
            alignWithLabel: true
          },
          boundaryGap: true,
          triggerEvent: true,
          axisLine: {
            show: true, //是否显示轴线
            lineStyle: {
              color: "#DADADA" //刻度线的颜色
            }
          }
        }
      ],
      yAxis: [
        {
          type: "value",
          axisTick: {
            show: false //刻度
          },
          axisLine: {
            show: false, //是否显示轴线
            lineStyle: {
              color: "#DADADA" //刻度线的颜色
            }
          },
          splitLine: {
            //网格线
            lineStyle: {
              type: "dotted" //设置网格线类型 dotted：虚线   solid:实线
            },
            show: true //隐藏或显示
          },
          axisLabel: {
            color: "#5F6E82" //更改坐标轴文字颜色
          }
        }
      ],
      series: curseries
    };
    var myEcharts = echarts.init(
      document.querySelector(".section2.sectiontwo_"+s_index+"  #averagescoreEcharts")
    );
    myEcharts.clear();
    myEcharts.setOption(option);
  }
  function achievementdistributiontable (list,s_index) {
    var table = "", goodTableHeadTr1Html = '<th class="dj">等级</th><th class="pm">排名（年级/名）</th><th class="dj">人数</th><th class="comm">详情</th>',
       trHtml = "";
     $.each(list.djtj, function (idx, item) {
       var stujson = JSON.parse(item.stujson),stuarr = "";
       $.each(stujson, function (index, items) {
         stuarr+=items.studentname+"("+items.schoolrank+"名)、"
       })
        stuarr = stuarr.substr(0, stuarr.length - 1);
       trHtml += '<tr><td>' + item.rankname + "类</td><td>" + item.rankrange + "</td><td>" +
        item.stunum+"</td><td>"+stuarr+"</td></tr>";
     })
    
    table =  '<table border="1" class="my_table"><thead><tr class="goodTableHeadTr1">' +
        goodTableHeadTr1Html + '</tr></thead><tbody class="goodTableTbody">' +
      trHtml + '</tbody></table>'
    $(".section2.sectiontwo_"+s_index+"  .achievementdistribution").html(table)
  }
  function progresstable (list,s_index) {
    var table = "", trHtml={1:"",2:""};
    var cjdjheight = $(".section2_1.sectiontwo_"+s_index+"  .cjdjheight").height() - 454;
    var surplus = pageheight - cjdjheight; //本页剩余高度
    var height = 0,page = {1:"",2:""},ispage = false;
    $.each(list.dfjb, function (idx, item) {
      if (idx % 2 == 0) {
        height += 27.5;
      if (height > surplus && surplus - height < 27.5) {
        ispage = true;
      }
        if (ispage) {
           trHtml[2] += '<tr><td>' + (idx+1) + '</td><td>' + item.username + '</td><td>' + item.score + '分</td><td>第' +
        item.classrank + '名</td><td class="green">进步' + item.classrankpre + '名</td>';
        } else {
           trHtml[1] += '<tr><td>' + (idx+1) + '</td><td>' + item.username + '</td><td>' + item.score + '分</td><td>第' +
        item.classrank + '名</td><td class="green">进步' + item.classrankpre + '名</td>';
        }
      } else {
        if (ispage) {
           trHtml[2]+= '<td>' + (idx+1) + '</td><td>' + item.username + '</td><td>' + item.score + '分</td><td>第' +
        item.classrank + '名</td><td class="green">进步' + item.classrankpre + '名</td>';
        } else {
           trHtml[1] += '<td>' + (idx+1) + '</td><td>' + item.username + '</td><td>' + item.score + '分</td><td>第' +
        item.classrank + '名</td><td class="green">进步' + item.classrankpre + '名</td>';
        }
       
      } 
    })
    for (var i = 1; i < 3; i++){
      page[i]='<table border="1" class="my_table"><tbody class="goodTableTbody">' +
      trHtml[i] + '</tbody></table>'
    }
    $(".section2_1.sectiontwo_"+s_index+" .progress").html(page[1])
    if (ispage) {
      //添加第二页
        $(".section2_1.sectiontwo_"+s_index).after(
        '<div class="page_root section2 sectiontwo_'+s_index+' section2_2"></div>'
      );
      $(".section2_2.sectiontwo_"+s_index).html(page[2]); 
    }
  }

  function retrogression (list,s_index) {
    var trHtml = "", table = "";
    $.each(list.dftb, function (idx, item) {
       item.classrankpre = Math.abs(item.classrankpre)
      if (idx % 2 == 0) {
           trHtml += '<tr><td>' + (idx+1) + '</td><td>' + item.username + '</td><td>' + item.score + '分</td><td>第' +
        item.classrank + '名</td><td class="red">退步' + item.classrankpre + '名</td>';
        
      } else {
           trHtml += '<td>' + (idx+1) + '</td><td>' + item.username + '</td><td>' + item.score + '分</td><td>第' +
        item.classrank + '名</td><td class="red">退步' + item.classrankpre + '名</td>';
      } 
     })
    var table ='<table border="1" class="my_table"><tbody class="goodTableTbody">' +
      trHtml + '</tbody></table>'
    $(".section2.sectiontwo_"+s_index+" .retrogression").html(table)
  }

  function critical (list,s_index) {
    var trHtml = "", table = "";
    $.each(list.ljs, function (idx, item) {
      if (idx % 2 == 0) {
           trHtml += '<tr><td>' + (idx+1) + '</td><td>' + item.username + '</td><td>' + item.score + '分</td><td>第' +
        item.classrank + '分</td><td class="red">' + item.classrankpre + '分</td>';
        
      } else {
           trHtml += '<td>' + (idx+1) + '</td><td>' + item.username + '</td><td>' + item.score + '分</td><td>第' +
        item.classrank + '分</td><td class="red">' + item.classrankpre + '分</td>';
      } 
     })
    var table ='<table border="1" class="my_table"><tbody class="goodTableTbody">' +
      trHtml + '</tbody></table>'
    $(".section2.sectiontwo_"+s_index+" .critical").html(table)
  }

  function wave (list,s_index) {
    var trHtml = "", table = "";
    $.each(list.bds, function (idx, item) {
      var curdata = {
        class: "red",
        name :"退步"
      }
      if (item.classrankpre > 0) {
        curdata = {
        class: "green",
        name :"进步"
      }
      }
      item.classrankpre = Math.abs(item.classrankpre)
      if (idx % 2 == 0) {
           trHtml += '<tr><td>' + (idx+1) + '</td><td>' + item.username + '</td><td>' + item.score + '分</td><td>' +
        item.classrank + '分</td><td class="'+curdata.class+'">'+curdata.name + item.classrankpre + '名</td>';
        
      } else {
           trHtml += '<td>' + (idx+1) + '</td><td>' + item.username + '</td><td>' + item.score + '分</td><td>' +
        item.classrank + '分</td><td class="'+curdata.class+'">'+curdata.name + item.classrankpre + '名</td>';
      } 
     })
    var table ='<table border="1" class="my_table"><tbody class="goodTableTbody">' +
      trHtml + '</tbody></table>'
    $(".section2.sectiontwo_"+s_index+" .wave").html(table)
  }

  function errquestion (list,s_index) {
    var table = "", goodTableHeadTr1Html = '<th>题号</th><th>题型</th><th>知识点</th><th>班级得分率</th><th>年级得分率</th><th>高频错误项</th>',
       trHtml = "";
     $.each(list.gpctList, function (idx, item) {
       item.answer = JSON.parse(item.answer);
       var pointnames = item.pointnames[0] || "";
       var erroroption = item.erroroption|| "--";
       trHtml += '<tr><td class="word_wrap">第' + item.qn + "题</td><td>" + item.eptname + "</td><td>" +
        pointnames+"</td><td>"+item.classsrate+'%</td><td>'+item.gradesrate+'%</td><td>'+erroroption+"</td></tr>";
     })
    table =  '<table border="1" class="my_table"><thead><tr class="goodTableHeadTr1">' +
        goodTableHeadTr1Html + '</tr></thead><tbody class="goodTableTbody">' +
      trHtml + '</tbody></table>'
   $(".section2.sectiontwo_"+s_index+" .errquestion").html(table)
  }
  var parameter = $(".section_2_html_root").data("page-params");
  parameter = JSON.parse(parameter);
  var html = "";
  $.each(parameter, function (s_index, item) {
    html+=' <div class="page_root section2 sectiontwo_'+s_index+'">'+
      (s_index === 0 ?'<h1 class="section_title_1">第二章 单科概况</h1><div class="abstract_box"><div class="abstract_left"><img src="/img/img2.png" /></div><div class="abstract_right"><div class="abstract_content">从学校和数据的角度分析整体科目、整体班级及各科各班之间的水平和差异情况，系统从多个维度的数据进行对比分析，包括<strong> 满分、最高分、平均分、最低分、四率、参考人数、标准差。</strong ></div ></div ></div >':"")+
      '<h1 class="subjectinfo">'+item.subjectname+'概况</h1><div class="section_title_3 jj">本次报告是结合学生语文学科成绩，进行深层分析，很好地反映了全部学生阶段性的教学成果和存在的问题。学生整体表现大致如下：</div><h2 class="section_title_2">1.总览</h2><div class="section_list"><div class="section_item"><div class="item_num"><span class="classavgscore"></span>分</div><div class="item_title">平均分</div></div><div class="section_item"><div class="item_num"><span class="classavgscorerank"></span>名</div><div class="item_title">平均分排名</div></div><div class="section_item"><div class="item_num"><span class="yxrate"></span>%</div><div class="item_title">优秀率</div></div><div class="section_item"><div class="item_num"><span class="jgrate"></span>%</div><div class="item_title">及格率</div></div><div class="section_item" style="margin-right: 0"><div class="item_num"><span class="classmaxscore"></span>分</div><div class="item_title">最高分</div></div></div><div style="margin-bottom: 4mm; font-size: 4mm">全校平均分：<span class="schoolavgscore blue"></span>分<spanclass="line"></spanclass=>全校最高分：<span class="schoolmaxscore blue"></span>分</div><h2 class="section_title_2">2.学科平均分对比</h2><div id="averagescoreEcharts" style="margin: 0 4mm 4mm; height: 80mm"></div></div><div class="page_root section2 section2_1 sectiontwo_'+ 
    s_index + '"><div class="cjdjheight"><h2 class="section_title_2">3.成绩等级分布</h2><div class="achievementdistribution"></div><h2 class="section_title_2">4.需关注学生</h2><h3 class="section_title_3">4.1 大幅进步分布</h3></div><div class="progress multicolumn"></div></div><div class="page_root section2 sectiontwo_'+
    s_index + '"><h3 class="section_title_3">4.2 大幅退步分布</h3><div class="retrogression"></div></div><div class="page_root section2 sectiontwo_'+
    s_index + '"><h3 class="section_title_3">4.3 临界生分布</h3><div class="critical"></div></div><div class="page_root section2 sectiontwo_'+
    s_index + '"><h3 class="section_title_3">4.4 波动生分布</h3><div class="wave"></div></div><div class="page_root section2 sectiontwo_'+
    s_index + '"><h2 class="section_title_2">5.高频错题分析</h2><div class="errquestion"></div></div>'
    console.log(item);
  })
  $(".ChapterTwo").html(html)
  $.each(parameter, function (s_index, item) {
    $(".section2.sectiontwo_"+s_index+" .classavgscore").text(item.classavgscore);
  $(".section2.sectiontwo_"+s_index+" .classavgscorerank").text(item.classavgscorerank);
  $(".section2.sectiontwo_"+s_index+" .yxrate").text(item.yxrate);
  $(".section2.sectiontwo_"+s_index+" .jgrate").text(item.jgrate);
  $(".section2.sectiontwo_"+s_index+" .classmaxscore").text(item.classmaxscore);
  $(".section2.sectiontwo_"+s_index+" .schoolavgscore").text(item.schoolavgscore);
  $(".section2.sectiontwo_"+s_index+" .schoolmaxscore").text(item.schoolmaxscore);
  initaveragescoreEcharts(item,s_index);
  achievementdistributiontable(item,s_index);
  progresstable(item,s_index);
  retrogression(item,s_index);
  critical(item,s_index);
  wave(item,s_index);
  errquestion(item,s_index)
  })
   document.documentElement.scrollTop = 13500;
});