stylize score

css/style.css

@@ -27,7 +27,7 @@ h4 {
     }
 
     .table {
-        margin-left: 80px;
+        margin-left: 60px;
     }
 }
 

js/score.js

@@ -33,21 +33,7 @@ function clearScreen() {
     $("#name")[0].innerHTML = "";
 }
 
-function reset() {
-    cur = 0;
-    fileCount = 0;
-    files = {};
-    clearScreen();
-    $("#message")[0].innerHTML = "";
-    $("#controls").addClass("disabled");
-    $("#lbtn").addClass("disabled");
-    $("#rbtn").addClass("disabled");
-    $("#resetbtn").addClass("disabled");
-    $("#upbtn").removeClass('btn-danger');
-    $("#upbtn").addClass('btn-info');
-    $("#upicon").removeClass('glyphicon-exclamation-sign');
-    $("#upicon").addClass('glyphicon-open');
-}
+
 
 document.onkeydown = function (event) {
     var e = event || window.event || arguments.callee.caller.arguments[0];
@@ -73,7 +59,6 @@ function getFiles(event) {
     $("#controls").removeClass("disabled");
     $("#lbtn").removeClass("disabled");
     $("#rbtn").removeClass("disabled");
-    $("#resetbtn").removeClass("disabled");
     processFiles(1);
 }
 
@@ -233,9 +218,9 @@ function processFiles(isFirstTime = 0) {
             const upload = new up();
             upload.set('name', object.data.multiExamStudentScore.studentName);
             upload.set('classId', parseInt(object.data.examStudents[0].classId));
-            upload.save().then((upload) => {
-                console.log("success" + upload);
-            });
+            // upload.save().then((upload) => {
+            //     console.log("success" + upload);
+            // });
         }
         message.innerHTML += "读取成功！"
             + " - 注：实验中学 74 桌出品，我仅做搬运修改。<br>";

score/index.html

@@ -37,6 +37,15 @@
         #controls:not(.disabled) {
             z-index: 1;
         }
+
+        .well{
+            border-top-left-radius: 0;
+            border-top-right-radius: 0;
+            border-bottom-left-radius: 30px;
+            border-bottom-right-radius: 30px;
+            -webkit-box-shadow: inset 0 3px 3px rgb(0 0 0 / 5%);
+            box-shadow: inset 0 3px 3px rgb(0 0 0 / 5%);
+        }
     </style>
     <title>
         实验中学成绩整理
@@ -77,6 +86,7 @@
         <br>
     </div>
     <div style="text-align: center;" class="hidable">
+        <div class="btn-group">
         <a tabindex="0" class="btn btn-default" href="tutor/"
             style="text-shadow: rgb(185, 185, 185) 3px 2px 4px;display:inline-block;">
             <span class="glyphicon glyphicon-question-sign" aria-hidden="true"></span>&nbsp;<b>查看示例截图</b>
@@ -86,10 +96,7 @@
             <span id="upicon" class="glyphicon glyphicon-open" aria-hidden="true"></span> <b>打开文件</b><input
                 style="display: none;" id="fileInput" type="file" onchange="getFiles(event)">
         </a>
-        <a id="resetbtn" tabindex="0" class="btn btn-primary disabled" onclick="reset();"
-            style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;display:inline-block;">
-            <span class="glyphicon glyphicon-refresh" aria-hidden="true"></span> <b>重置</b>
-        </a>
+        </div>
         <a tabindex="0" class="btn btn-warning toggleHide" onclick="toggleHide();"
             style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;display:inline-block;">
             <span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>
@@ -113,10 +120,11 @@
         <ul class="nav nav-tabs">
             <li class="active"><a href="#chart" data-toggle="tab">图表</a></li>
             <li><a href="#data" data-toggle="tab">数据</a></li>
-            <li><a href="#3" data-toggle="tab">iOS</a></li>
+            <!-- <li><a href="#3" data-toggle="tab">iOS</a></li> -->
         </ul>
-        <div class="tab-content">
+        <div class="tab-content well well-sm">
             <div class="tab-pane fade in active" id="chart">
+                <br>
                 <h4>班内一览表</h4>
                 <div id="score1" class="chart"></div>
                 <div id="score2" class="chart"></div>
@@ -128,9 +136,9 @@
             <div class="tab-pane fade" id="data">
                 <div id="fileOutput"></div>
             </div>
-            <div class="tab-pane fade" id="3">
+            <!-- <div class="tab-pane fade" id="3">
 
-            </div>
+            </div> -->
         </div>
     </div>
 

score/tutor/index.html

@@ -21,11 +21,13 @@
     <a class="btn btn-info" href="/" style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;"><span
             class="glyphicon glyphicon-home" aria-hidden="true"></span>&nbsp;返回</a><br>
     <div>
-        <h1>
-            实验中学成绩整理
-        </h1>
-        <p style="font-size:16px">基于心意答查分页面提供的数据整理汇总考试成绩</p>
-        <h2>如何获取数据</h2>
+        <div class="page-header">
+            <h1>
+                实验中学成绩整理
+                <small>基于心意答查分页面提供的数据整理汇总考试成绩</small>
+            </h1>
+        </div>
+        <h3>如何获取数据</h3>
         <p>尽量使用 Google Chrome 浏览器，不保证其他浏览器操作相同。</p>
         <p>1. 进入心意答查分页面；</p>
         <p>2. 按下 F12 打开控制台，若无反应，尝试 Fn+F12；</p>
@@ -35,7 +37,8 @@
         <p>6. 此时应看到“{data: {,...”等数据，一定在数据第一行右键（或在其最后一行下方空白处右键），随后“<b>复制物体</b>”或“<b>Copy Object</b>”；</p>
         <p>7. 新建文本文档（格式为 txt，不可用 Word 文档），将所复制的内容粘贴并保存，于下方按钮打开。</p>
         <p style="font-size: 12px;font-style: italic;">
-            注：图表整理均在本地进行，你的成绩不会上传到网络。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;你获取的数据在心意答上未经加密并可直接访问，本质上对学生都是公开的，但恶意使用这些数据造成的后果自负。
+            注：图表整理均在本地进行，你的成绩不会上传到网络。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<del>你获取的数据在心意答上未经加密并可直接访问，本质上对学生都是公开的，</del>（现在加密了，好在<a
+                href="../crypty/">加密算法</a>不算复杂，不过各位且用且珍惜吧）；但恶意使用这些数据造成的后果自负。
         </p>
     </div>
     <div style="text-align: center;">