index.html 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  1. <head>
  2. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  3. <title>实验中学成绩整理</title>
  4. <script type="text/javascript" src="/js/jquery.min.js"></script>
  5. <link rel="stylesheet" href="/css/bootstrap.min.css">
  6. <script type="text/javascript" src="/js/bootstrap.min.js"></script>
  7. <script async src="/js/saver.min.js"></script>
  8. <script async src="/js/echarts-5.4.1.min.js"></script>
  9. <script src="/js/aes.js"></script>
  10. <script src="/js/pad-pkcs7.js"></script>
  11. <script src="/js/mode-ecb.js"></script>
  12. <link href="https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
  13. &family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
  14. <link rel="stylesheet" href="/css/style.css">
  15. <script type="text/javascript" src="/js/score.min.js"></script>
  16. <link rel="stylesheet" href="/css/score.css">
  17. </head>
  18. <body>
  19. <a class="btn btn-info" href="https://43.143.233.184/"><span class="glyphicon glyphicon-home" aria-hidden="true"></span>&nbsp;返回</a>
  20. <a tabindex="0" class="btn btn-warning hidable toggleHide" onclick="$('.hidable').show(1000);$('.toggleHide').toggle(1000)" style="display:none;">
  21. <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
  22. </a>
  23. <div class="hidable fetch">
  24. <div class="page-header">
  25. <h1>
  26. 实验中学成绩整理
  27. <small>基于心意答数据整理汇总考试成绩</small>
  28. </h1>
  29. </div>
  30. <h3>如何获取数据</h3>
  31. <p>点击 <span class="text-danger">?!</span> 按钮即可获取,如有疑问请咨询我。</p>
  32. <a onclick="$('.getData').toggle(500)">原始方法</a>
  33. <div class="getData" style="display: none;">
  34. <p>尽量使用 Google Chrome 浏览器,不保证其他浏览器操作相同。</p>
  35. <p>1. 进入心意答查分页面;</p>
  36. <p>2. 按下 F12 打开控制台,若无反应,尝试 Fn+F12;</p>
  37. <p>3. 控制台顶栏分页中找到“<b>网络</b>”或“<b>Network</b>”(可能需要从下拉框里面找);</p>
  38. <p>4. 刷新页面(用 F5 刷新),此时应看到控制台中出现一批文件,点击其中的“<b>getStudentReportMEVO</b>”;</p>
  39. <p>5. 在新出现的小页面的顶栏分页中找到“<b>预览</b>”或“<b>Preview</b>”;</p>
  40. <p>6. 此时应看到“{data: {,...”等数据,一定在数据第一行右键(或在其最后一行下方空白处右键),随后“<b>复制物体</b>”或“<b>Copy Object</b>”;</p>
  41. <p>7. 新建文本文档(格式为 txt,不可用 Word 文档),将所复制的内容粘贴并保存,于下方按钮打开。</p>
  42. <p style="font-size: 12px;font-style: italic;">
  43. 注:图表整理均在本地进行,你的成绩不会上传到网络。
  44. </p>
  45. <a tabindex="0" class="btn btn-default fetch" href="tutor/">
  46. <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>&nbsp;<b>查看示例截图</b>
  47. </a>
  48. </div>
  49. <h3>操作指南</h3>
  50. <p>1. 加载多个文件后,使用方向键或右下角控件可在文件间快速切换,方便比较;</p>
  51. <p>2. 点击图例可隐藏部分内容;</p>
  52. <p>3. 鼠标悬浮于右下角控件可让图片半透明,方便查看小分。</p>
  53. </div>
  54. <div class="fetch" style="display:none">(高质量接口)</div>
  55. <div class="input-group fetch" style="display:none">
  56. <span class="input-group-addon">考试编号<a data-toggle="tooltip" data-placement="bottom" title="心意答点击考试标题后,切换考试的列表里可见" aria-hidden="true">*</a></span>
  57. <input id="Id" type="text" class="form-control" autocomplete="off">
  58. </div>
  59. <div class="input-group fetch" style="display:none">
  60. <span class="input-group-addon">姓名<a href="/js/e.json" data-toggle="tooltip" data-placement="bottom" title="仅限2025届高考部">*</a>或数字校园号</span>
  61. <input id="Input" type="text" class="form-control" autocomplete="off" placeholder="20222001 或 小明">
  62. <span class="input-group-btn">
  63. <button type="button" class="btn btn-success" onclick="fetchMe()" id="fetchBtn"><span class="glyphicon glyphicon-hand-right" aria-hidden="true"></span> FETCH</button>
  64. </span>
  65. </div>
  66. <div style="text-align: center;" class="hidable">
  67. <div class="btn-group">
  68. <a id="upbtn" tabindex="0" class="btn btn-info" onclick="$('#fileInput')[0].click();">
  69. <span id="upicon" class="glyphicon glyphicon-open" aria-hidden="true"></span> <b>打开文件</b><input style="display: none;" id="fileInput" type="file" onchange="getFiles(event)">
  70. </a>
  71. <a id="upbtn" tabindex="0" class="btn btn-danger" onclick="check()">
  72. <b>?!</b>
  73. </a>
  74. </div>
  75. <a tabindex="0" class="btn btn-warning toggleHide fetch" onclick="$('.hidable').hide(1000);$('.toggleHide').toggle(1000)">
  76. <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
  77. </a>
  78. </div>
  79. <div id="controls" class="disabled" style="text-align: center;" onmouseenter="$('img').css('opacity','0.1')" onmouseleave="$('img').css('opacity','1')">
  80. <div id="name"></div>
  81. <div class="btn-group">
  82. <a id="lbtn" tabindex="0" class="btn btn-default disabled" onclick="prevFile();">
  83. <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
  84. </a>
  85. <a id="rbtn" tabindex="0" class="btn btn-default disabled" onclick="nextFile();">
  86. <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>
  87. </a>
  88. </div>
  89. </div>
  90. <div id="message" class="hidable"></div>
  91. <div id="fileInfo" class="hideble"></div>
  92. <div class="chart">
  93. <ul class="nav nav-tabs">
  94. <li class="active"><a href="#chart" data-toggle="tab" onclick="resizeChart()">图表</a></li>
  95. <li><a href="#data" data-toggle="tab">数据</a></li>
  96. <li><a href="#single" data-toggle="tab" onclick="getSe(curSe,1,1)">答题卡</a></li>
  97. <li><a href="#detail" data-toggle="tab" onclick="getSec(curSe,1,1)">小分</a></li>
  98. <li><a href="#other" data-toggle="tab">谁问你了</a></li>
  99. </ul>
  100. <div class="tab-content well well-sm">
  101. <div class="tab-pane fade in active" id="chart">
  102. <br>
  103. <button id="resizeBtn" class="btn btn-default" onclick="resizeChart()" style="display: none;">图表没显示?暴力重置一下</button>
  104. <div id="comp" class="chart"></div>
  105. <h4>班内一览表</h4>
  106. <div id="score1" class="chart"></div>
  107. <div id="score2" class="chart"></div>
  108. <h4>排名</h4>
  109. <div id="order2" class="chart"></div>
  110. <div id="order4" class="chart"></div>
  111. <div id="order1" class="chart"></div>
  112. <div id="order3" class="chart"></div>
  113. <br><br>
  114. </div>
  115. <div class="tab-pane fade" id="data">
  116. <div id="fileOutput"></div>
  117. <div style="text-align:center">
  118. <a id="downbtn" tabindex="0" class="btn btn-default" onclick="down()">
  119. <span id="upicon" class="glyphicon glyphicon-save" aria-hidden="true"></span> <b>导出源文件</b><input style="display: none;">
  120. </a>
  121. <a id="downbtn" tabindex="0" class="btn btn-default" onclick="$('.active.in').wordExport('data')">
  122. <span id="upicon" class="glyphicon glyphicon-save" aria-hidden="true"></span> <b>导出
  123. Word</b><input style="display: none;">
  124. </a>
  125. </div>
  126. </div>
  127. <div class="tab-pane fade" id="single" style="min-height: 1000px;">
  128. </div>
  129. <div class="tab-pane fade" id="detail" style="min-height: 1000px;">
  130. </div>
  131. <div class="tab-pane fade" id="other">
  132. <p>Nobody asked</p>
  133. <p>原为实验中学 74 桌出品,我仅做搬运修改。</p>
  134. <p><a href="/js/score.js">压缩前代码</a></p>
  135. <p>如恶意使用接口,后果自负、、</p>
  136. <br><br><br>
  137. </div>
  138. </div>
  139. </div>
  140. </body>