分数等级对比

css/scoreAnalysis/section_2_level.css

@@ -10,4 +10,7 @@
     width: 2mm;
     height: 2mm;
     border-radius: 50%;
+  }
+  .section_2_level .echarts_result_content i {
+    font-style: normal;
   }

js/scoreAnalysis/section_2_level.js

@@ -173,52 +173,70 @@ $(function () {
         totalObj[listItem.rankname] = {};
       }
       if (!maxObj[listItem.rankname]) {
-        maxObj[listItem.rankname] = {};
+        maxObj[listItem.rankname] = {
+          stunum: 0,
+          classidArr: []
+        };
       }
-      if (!minObj[listItem.rankname]) {
-        minObj[listItem.rankname] = {};
+      if (listItem.classid === 0) {
+        totalObj[listItem.rankname].stunum = listItem.stunum;
+        totalObj[listItem.rankname].sturate = listItem.sturate;
+      } else {
+        classObj[listItem.classid] = listItem.classname;
+        if (maxObj[listItem.rankname].stunum < listItem.stunum) {
+          maxObj[listItem.rankname].stunum = listItem.stunum;
+          maxObj[listItem.rankname].classidArr = [ listItem.classid ];
+        } else if (maxObj[listItem.rankname].stunum === listItem.stunum) {
+          maxObj[listItem.rankname].classidArr.push(listItem.classid);
+        }
       }
-      // if (listItem.classid === 0) {
-      //   type[listItem.rankname].totalnum = listItem.stunum;
-      //   type[listItem.rankname].totalrate = listItem.sturate;
-      // } else {
-      //   if (type[listItem.rankname].max.stunum < listItem.stunum) {
-      //     type[listItem.rankname].max.stunum = listItem.stunum;
-      //     type[listItem.rankname].max.classname = listItem.classname;
-      //   }
-      //   if (type[listItem.rankname].min.stunum > listItem.stunum) {
-      //     type[listItem.rankname].min.stunum = listItem.stunum;
-      //     type[listItem.rankname].min.classname = listItem.classname;
-      //   }
-      // }
     });
-    console.log(type);
-    /* 
-      {A: {
-        totalnum: 0,
-        totalrate: 20,
-        max: {
-          num: 0,
-          classname: ""
-        },
-        min: {
-          num: 0,
-          classname: ""
+    $.each(list, function(index, listItem) {
+      if (!minObj[listItem.rankname]) {
+        minObj[listItem.rankname] = {
+          stunum: maxObj[listItem.rankname].stunum,
+          classidArr: []
+        };
+      }
+      if (listItem.classid !== 0) {
+        if (minObj[listItem.rankname].stunum > listItem.stunum) {
+          minObj[listItem.rankname].stunum = listItem.stunum;
+          minObj[listItem.rankname].classidArr = [ listItem.classid ];
+        } else if (minObj[listItem.rankname].stunum === listItem.stunum) {
+          minObj[listItem.rankname].classidArr.push(listItem.classid);
         }
-      }}
-      {
-        "sturate": 0,
-        "rankrange": "[280.5,330]",
-        "classid": 0,
-        "stunum": 0,
-        "classname": "全部班级",
-        "ranktype": 1,
-        "rsturate": 100,
-        "rankname": "A",
-        "stujson": "",
-        "subjectid": "zf"
-      },
-    */
+      }
+    });
+    $(".section_2_level.level_0 .result_collect").text("A类" + totalObj['A'].stunum + "人（" + totalObj['A'].sturate + "%），B类" + totalObj['B'].stunum + "人（" + totalObj['B'].sturate + "%），C类" + totalObj['C'].stunum + "人（" + totalObj['C'].sturate + "%），D类" + totalObj['D'].stunum + "人（" + totalObj['D'].sturate + "%），E类" + totalObj['E'].stunum + "人（" + totalObj['E'].sturate + "%）");
+    $(".section_2_level.level_0 .A_collect").text("A类上线率最高的班级：" + $.map(maxObj['A'].classidArr, function (classid) {
+      return classObj[classid];
+    }).join('、') + "，A类上线率最低的班级：" + $.map(minObj['A'].classidArr, function (classid) {
+      return classObj[classid];
+    }).join('、'));
+
+    $(".section_2_level.level_0 .B_collect").text("B类上线率最高的班级：" + $.map(maxObj['B'].classidArr, function (classid) {
+      return classObj[classid];
+    }).join('、') + "，B类上线率最低的班级：" + $.map(minObj['B'].classidArr, function (classid) {
+      return classObj[classid];
+    }).join('、'));
+
+    $(".section_2_level.level_0 .C_collect").text("C类上线率最高的班级：" + $.map(maxObj['C'].classidArr, function (classid) {
+      return classObj[classid];
+    }).join('、') + "，C类上线率最低的班级：" + $.map(minObj['C'].classidArr, function (classid) {
+      return classObj[classid];
+    }).join('、'));
+
+    $(".section_2_level.level_0 .D_collect").text("D类上线率最高的班级：" + $.map(maxObj['D'].classidArr, function (classid) {
+      return classObj[classid];
+    }).join('、') + "，D类上线率最低的班级：" + $.map(minObj['D'].classidArr, function (classid) {
+      return classObj[classid];
+    }).join('、'));
+
+    $(".section_2_level.level_0 .E_collect").text("E类上线率最高的班级：" + $.map(maxObj['E'].classidArr, function (classid) {
+      return classObj[classid];
+    }).join('、') + "，E类上线率最低的班级：" + $.map(minObj['E'].classidArr, function (classid) {
+      return classObj[classid];
+    }).join('、'));
   }
   var parameter = $(".section_2_html_root .section_2_level_html_root").data("page-params");
   parameter = JSON.parse(parameter);

sections/scoreAnalysis/section_2_level.html

@@ -8,7 +8,7 @@
     <link rel="stylesheet" href="../../css/scoreAnalysis/section_2_level.css" />
   </head>
   <body>
-    <div class="page_root section_2_level">
+    <div class="page_root section_2_level level_0">
       <h2 class="section_title_2">2.分数等级对比</h2>
       <h3 class="section_title_3">2.1 全科等级对比</h3>
       <h4 class="section_title_4">2.1.1 各班等级分析</h4>
@@ -23,28 +23,23 @@
       </table>
       <div class="echarts_result">
         <div>
-          上图各等级上线统计结果为：A类10人（15%），B类50人（30%），C类100人（35%），D类150人（40%），E类200人（30%）：
+          上图各等级上线统计结果为：<span class="result_collect">A类10人（15%），B类50人（30%），C类100人（35%），D类150人（40%），E类200人（30%）</span>：
         </div>
         <div class="echarts_result_content">
           <div>
-            <span class="bg_5699FF"></span
-            >A类上线率最高的班级：八年级二班，A类上线率最低的班级：八年级二班
+            <span class="bg_5699FF"></span><i class="A_collect"></i>
           </div>
           <div>
-            <span class="bg_FF5F56"></span
-            >B类上线率最高的班级：八年级三班，B类上线率最低的班级：八年级二班
+            <span class="bg_FF5F56"></span><i class="B_collect"></i>
           </div>
           <div>
-            <span class="bg_5EC5C8"></span
-            >C类上线率最高的班级：八年级四班，C类上线率最低的班级：八年级二班
+            <span class="bg_5EC5C8"></span><i class="C_collect"></i>
           </div>
           <div>
-            <span class="bg_F1982B"></span
-            >D类上线率最高的班级：八年级一班，D类上线率最低的班级：八年级二班
+            <span class="bg_F1982B"></span><i class="D_collect"></i>
           </div>
           <div>
-            <span class="bg_F1982B"></span
-            >E类上线率最高的班级：八年级一班，E类上线率最低的班级：八年级二班
+            <span class="bg_F1982B"></span><i class="E_collect"></i>
           </div>
         </div>
       </div>