# 挑战赛数据展示

该页面展示**得分前五名**和**最近三十次提交成功**的数据（包括**零分**）。

数据非实时刷新，可能有最长**五分钟**的延迟。

详细信息点击「查看详情」即可查看。

## 前五名排行榜

这里展示**得分前五名**的数据。

以得分排序，若分数相同，则运行时间短的靠前。

---

<table>
    <thead>
    <tr>
        <th>时间</th>
        <th>学号</th>
        <th>姓名</th>
        <th>得分</th>
        <th>运行时间</th>
        <th>详细信息</th>
    </tr>
    </thead>
    <tbody id="top-data-table-body">
        <tr>
        <td>0000-00-00 00:00:00</td>
        <td>000000000000</td>
        <td>加载中…</td>
        <td>00</td>
        <td>000.000000000ms</td>
        <td>
            <button>正在加载</button>
        </td>
        </tr>
    </tbody>
</table>

## 最近三十条评测结果

这里展示**最近三十次提交成功**的数据。

以提交时间倒序排序。

---

<table>
    <thead>
    <tr>
        <th>时间</th>
        <th>学号</th>
        <th>姓名</th>
        <th>得分</th>
        <th>运行时间</th>
        <th>详细信息</th>
    </tr>
    </thead>
    <tbody id="recent-data-table-body">
        <tr>
        <td>0000-00-00 00:00:00</td>
        <td>000000000000</td>
        <td>加载中…</td>
        <td>00</td>
        <td>000.000000000ms</td>
        <td>
            <button>正在加载</button>
        </td>
        </tr>
    </tbody>
</table>
<div id="detailsModal" class="modal">
    <div class="modal-content">
    <span class="close">&times;</span>
    <h3>详细信息</h3>
    <div id="modal-details"></div>
    </div>
</div>
<style>
    .modal {
    -moz-user-select  : none;
    -khtml-user-select: none;
    user-select       : none;
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    }
    .modal-content {
    background-color: white;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    }
    .close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    }
    .close:hover,
    .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
    }
    /* 时间 */
    th:nth-child(1), td:nth-child(1) { width: 12em;
    text-align: center;
    }
    /* 学号 */
    th:nth-child(2), td:nth-child(2) { width: 10em;
    text-align: center;
    }
    /* 名称 */
    th:nth-child(3), td:nth-child(3) { width: 5em;
    text-align: center;
    }
    /* 得分 */
    th:nth-child(4), td:nth-child(4) { width: 3em;
    text-align: center;
    }
    /* 运行时间 */
    th:nth-child(5), td:nth-child(5) { width: 10em;
    }
    /* 详细信息 */
    th:nth-child(6), td:nth-child(6) { width: 6em;
    }
</style>
<script type="text/javascript" src="./get_scores.js"></script>