schtonn
/
public


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145
							<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="../js/jquery.min.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="../css/bootstrap.min.css" crossorigin="anonymous">
    <script type="text/javascript" src="../js/bootstrap.min.js" crossorigin="anonymous"></script>

    <script src="https://cdn.jsdelivr.net/npm/echarts@4.3.0/dist/echarts.min.js"></script>
    <script src="../js/av-min.js"></script>
    <script src="../js/aes.js"></script>
    <script src="../js/pad-pkcs7.js"></script>
    <script src="../js/mode-ecb.js"></script>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.loli.net/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700
&family=Noto+Serif+SC:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="../css/style.css">
    <!-- <link rel="stylesheet" href="/css/style.css"> -->
    <script type="text/javascript" src="../js/score.js"></script>
    <style>
        #controls {
            position: fixed;
            bottom: 20px;
            right: 20px;
            padding: 5px;
            border: 5px solid rgba(15, 15, 15, 0.1);
            border-radius: 15px;
            background-color: rgba(15, 15, 15, 0.1);
            backdrop-filter: blur(5px);
            z-index: -1;
        }

        #name {
            background-color: rgba(215, 215, 215, 0.7);
            border-radius: 5px;
            padding-right: 3px;
        }

        #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>
        实验中学成绩整理
    </title>
</head>

<body>
    <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>
    <a tabindex="0" class="btn btn-warning hidable toggleHide" onclick="toggleHide();"
        style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;display:none;">
        <span class="glyphicon glyphicon-eye-close" aria-hidden="true"></span>
    </a>
    <div class="hidable">
        <div class="page-header">
            <h1>
                实验中学成绩整理
                <small>基于心意答查分页面提供的数据整理汇总考试成绩</small>
            </h1>
        </div>
        <h3>如何获取数据</h3>
        <p>尽量使用 Google Chrome 浏览器，不保证其他浏览器操作相同。</p>
        <p>1. 进入心意答查分页面；</p>
        <p>2. 按下 F12 打开控制台，若无反应，尝试 Fn+F12；</p>
        <p>3. 控制台顶栏分页中找到“<b>网络</b>”或“<b>Network</b>”（可能需要从下拉框里面找）；</p>
        <p>4. 刷新页面（用 F5 刷新），此时应看到控制台中出现一批文件，点击其中的“<b>getStudentReportMEVO</b>”；</p>
        <p>5. 在新出现的小页面的顶栏分页中找到“<b>预览</b>”或“<b>Preview</b>”；</p>
        <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;<del>你获取的数据在心意答上未经加密并可直接访问，本质上对学生都是公开的，</del>（现在加密了，好在<a
                href="../crypty/">加密算法</a>不算复杂，不过各位且用且珍惜吧）；但恶意使用这些数据造成的后果自负。
        </p>
        <h3>操作指南</h3>
        <p>1. 加载多个文件后，使用方向键、数字键或右下角控件可在文件间快速切换，方便比较；</p>
        <p>2. 点击图例可隐藏部分内容；</p>
        <p>3. 一览表中 "0%" 代表最低分，"100%" 代表最高分，以此类推。</p>
        <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>
        </a>
        <a id="upbtn" tabindex="0" class="btn btn-info" onclick="document.getElementById('fileInput').click();"
            style="text-shadow: rgb(85, 85, 85) 3px 2px 4px;display:inline-block;">
            <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>
        </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>
        </a>
    </div>

    <div id="controls" class="disabled" style="text-align: center;">
        <div id="name"></div>
        <div class="btn-group">
            <a id="lbtn" tabindex="0" class="btn btn-default btn-lg disabled" onclick="prevFile();">
                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            </a>
            <a id="rbtn" tabindex="0" class="btn btn-default btn-lg disabled" onclick="nextFile();">
                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            </a>
        </div>
    </div>
    <div id="message" class="hidable"></div>
    <div id="fileInfo" class="hideble"></div>
    <div class="chart">
        <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> -->
        </ul>
        <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>
                <div id="order1" class="chart"></div>
                <div id="order2" class="chart"></div>
                <div id="order3" class="chart"></div>
                <div id="order4" class="chart"></div>
            </div>
            <div class="tab-pane fade" id="data">
                <div id="fileOutput"></div>
            </div>
            <!-- <div class="tab-pane fade" id="3">

            </div> -->
        </div>
    </div>

</body>