兼容优化

css/common.css

 }
 .pdf_root {
   margin: 0 auto;
-  width: 210mm;
+  width: 194mm;
   background-color: #fff;
 }
 .page_root {
   position: relative;
   margin: 0 auto;
-  padding: 0 8mm;
-  width: 210mm;
+  /* padding: 0 8mm; */
+  width: 194mm;
   height: 277mm;
   box-sizing: border-box;
   background-color: #fff;
   border-radius: 5mm;
   color: #fff;
   background-color: #2D8CF0;
+  overflow: hidden;
 }
 .abstract_left {
   float: left;
   margin: 4mm 0;
-  width: 50mm;
-  height: calc(100% - 8mm);
+  width: 60mm;
+  height: 30mm;
   text-align: center;
   border-right: 0.5mm dashed #f5f5f5;
   box-sizing: border-box;
 }
 .abstract_left img {
+  display: block;
   margin: 0 auto;
   width: 38mm;
   height: 30mm;
 }
 .abstract_right {
-  float: left;
-  margin: 4mm 8mm;
-  width: calc(100% - 75mm);
-  height: calc(100% - 8mm);
+  float: right;
+  margin: 4mm 10mm;
+  width: 114mm;
+  height: 30mm;
   box-sizing: border-box;
 }
 .abstract_content {
 .my_table td {
   position: relative;
   padding: 0.5mm;
-  line-height: 6mm;
+  line-height: 5mm;
   text-align: center;
   vertical-align: middle;
-  white-space: nowrap;
+  white-space: pre-wrap;
+  word-break: break-all;
   border: 0.2mm solid #dcdee2;
 }
 .my_table .my_cell {

js/index.js

   var _pdfBaseurl = "https://schoolapitest.xhkjedu.com/";
   // 47.1.1pdf报告
   var _sexam_ers_pdf = _pdfBaseurl + "sexam/ers/pdf";
+  window.status = "no_completed";
   $.ajax({
     type: "POST",
     url: _sexam_ers_pdf,
     success: function (data) {
       if (data.code === 0) {
         loadSectionHtml(data.obj);
+        window.status = "completed";
       } else {
         alert(data.msg);
       }

js/scoreAnalysis/section_2_class_all.js

         }
       ],
     };
-    var myEcharts = echarts.init(document.querySelector(".section_2_class_all #classScoreEcharts"));
+    var myEcharts = echarts.init($(".section_2_class_all #classScoreEcharts")[0]);
     myEcharts.clear();
     myEcharts.setOption(option);
   }
         }
       ],
     };
-    var myEcharts = echarts.init(document.querySelector(".section_2_class_all #classRateEcharts"));
+    var myEcharts = echarts.init($(".section_2_class_all #classRateEcharts")[0]);
     myEcharts.clear();
     myEcharts.setOption(option);
   }
         }
       ],
     };
-    var myEcharts = echarts.init(document.querySelector(".section_2_class_all #classExamEcharts"));
+    var myEcharts = echarts.init($(".section_2_class_all #classExamEcharts")[0]);
     myEcharts.clear();
     myEcharts.setOption(option);
   }
         data: series_data,
       }]
     };
-    var myEcharts = echarts.init(document.querySelector(".section_2_class_all #classStdEcharts"));
+    var myEcharts = echarts.init($(".section_2_class_all #classStdEcharts")[0]);
     myEcharts.clear();
     myEcharts.setOption(option);
   }

js/scoreAnalysis/section_2_class_single.js

       ],
     };
     var myEcharts = echarts.init(
-      document.querySelector(
+      $(
         ".section_2_class_single_" + s_index + " #classScoreEcharts"
-      )
+      )[0]
     );
     myEcharts.clear();
     myEcharts.setOption(option);
       ],
     };
     var myEcharts = echarts.init(
-      document.querySelector(
+      $(
         ".section_2_class_single_" + s_index + " #classRateEcharts"
-      )
+      )[0]
     );
     myEcharts.clear();
     myEcharts.setOption(option);
       ],
     };
     var myEcharts = echarts.init(
-      document.querySelector(
+      $(
         ".section_2_class_single_" + s_index + " #classExamEcharts"
-      )
+      )[0]
     );
     myEcharts.clear();
     myEcharts.setOption(option);
       ],
     };
     var myEcharts = echarts.init(
-      document.querySelector(
+      $(
         ".section_2_class_single_" + s_index + " #classStdEcharts"
-      )
+      )[0]
     );
     myEcharts.clear();
     myEcharts.setOption(option);

js/scoreAnalysis/section_2_excellent.js

         }
       ]
     };
-    var myEcharts = echarts.init(document.querySelector(".section_2_excellent.section_2_excellent_" + s_index + " #classExcellenceEcharts"));
+    var myEcharts = echarts.init($(".section_2_excellent.section_2_excellent_" + s_index + " #classExcellenceEcharts")[0]);
     myEcharts.clear();
     myEcharts.setOption(option);
   }

js/scoreAnalysis/section_2_level.js

       series: series_data
     };
     var myEcharts = echarts.init(
-      document.querySelector(
+      $(
         ".section_2_level.level_" + s_index + " #classLevelEcharts"
-      )
+      )[0]
     );
     myEcharts.clear();
     myEcharts.setOption(option);

js/scoreAnalysis/section_2_lin.js

       ],
     };
     var myEcharts = echarts.init(
-      document.querySelector(
+      $(
         ".section_2_lin.section_2_lin_" + s_index + " #classCriticalRankEcharts"
-      )
+      )[0]
     );
     myEcharts.clear();
     myEcharts.setOption(option);
       ],
     };
     var myEcharts = echarts.init(
-      document.querySelector(".section_2_lin.section_2_lin_" + s_index + " #classCriticalScoreEcharts")
+      $(".section_2_lin.section_2_lin_" + s_index + " #classCriticalScoreEcharts")[0]
     );
     myEcharts.clear();
     myEcharts.setOption(option);

js/scoreAnalysis/section_2_part.js

             verticalAlign: "bottom",
             position: "top",
             distance: 0,
-            formatter: `{c}`
+            formatter: "{c}"
           }
         },
         data: dataArr
       series: series_data
     };
     var myEcharts = echarts.init(
-      document.querySelector(".part_" + s_index + " #classPartEcharts")
+      $(".part_" + s_index + " #classPartEcharts")[0]
     );
     myEcharts.clear();
     myEcharts.setOption(option);
     "page-params"
   );
   parameter = JSON.parse(parameter);
-  console.log(parameter);
+  // console.log(parameter);
   var subjectInfo = [];
   for (var sid in parameter) {
     if (sid === "zf") {

js/section_1.js

       }],
       series: curseries
     };
-    var myEcharts = echarts.init(document.querySelector(".section1 #averagescoreEcharts"));
+    var myEcharts = echarts.init($(".section1 #averagescoreEcharts")[0]);
     myEcharts.clear();
     myEcharts.setOption(option);
   }
       }],
       series: curseries
     };
-    var myEcharts = echarts.init(document.querySelector(".section1 #excellencerateEcharts"));
+    var myEcharts = echarts.init($(".section1 #excellencerateEcharts")[0]);
     myEcharts.clear();
     myEcharts.setOption(option);
   }
       }],
       series: curseries
     };
-    var myEcharts = echarts.init(document.querySelector(".section1 #examnumEcharts"));
+    var myEcharts = echarts.init($(".section1 #examnumEcharts")[0]);
     myEcharts.clear();
     myEcharts.setOption(option);
   }
       }],
       series: curseries
     };
-    var myEcharts = echarts.init(document.querySelector(".section1 #bzcEcharts"));
+    var myEcharts = echarts.init($(".section1 #bzcEcharts")[0]);
     myEcharts.clear();
     myEcharts.setOption(option);
   }

js/section_2.js

       djfx_data[djfx_item.ranktype] = {};
     }
     if (djfx_item.ranktype === 5) {
-      djfx_item.ranks.forEach(rankItem => {
+      $.each(djfx_item.ranks, function(rankIndex, rankItem) {
         rankItem.stujson = JSON.parse(rankItem.stujson);
       });
     }

js/section_3.js

         },
       ],
     };
-    var myEcharts = echarts.init(document.querySelector(".section_3 #subjectBadEcharts"));
+    var myEcharts = echarts.init($(".section_3 #subjectBadEcharts")[0]);
     myEcharts.clear();
     myEcharts.setOption(option);
   }

js/section_4.js

         },
       ],
     };
-    var myEcharts = echarts.init(document.querySelector(".section_4 #subjectGoodEcharts"));
+    var myEcharts = echarts.init($(".section_4 #subjectGoodEcharts")[0]);
     myEcharts.clear();
     myEcharts.setOption(option);
   }

js/section_5.js

         },
       ],
     };
-    var myEcharts = echarts.init(document.querySelector(".section_5 #subjectGoodEcharts"));
+    var myEcharts = echarts.init($(".section_5 #subjectGoodEcharts")[0]);
     myEcharts.clear();
     myEcharts.setOption(option);
   }