223 lines
8.6 KiB
HTML
223 lines
8.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>学习时间分析报告 — 角色 33522</title>
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; background: #f5f7fa; color: #333; line-height: 1.6; padding: 20px; }
|
||
.container { max-width: 1100px; margin: 0 auto; }
|
||
h1 { text-align: center; color: #1a1a2e; margin: 20px 0 30px; font-size: 24px; }
|
||
h2 { color: #2d3436; font-size: 20px; margin: 30px 0 15px; padding-bottom: 8px; border-bottom: 2px solid #0984e3; }
|
||
.card { background: #fff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); padding: 24px; margin-bottom: 20px; }
|
||
.info-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
|
||
.info-item { display: flex; padding: 8px 0; border-bottom: 1px solid #f0f0f0; }
|
||
.info-label { color: #636e72; min-width: 120px; font-weight: 500; }
|
||
.info-value { color: #2d3436; }
|
||
table { width: 100%; border-collapse: collapse; font-size: 13px; }
|
||
thead { background: #0984e3; color: #fff; }
|
||
th { padding: 10px 8px; text-align: center; font-weight: 600; white-space: nowrap; }
|
||
td { padding: 8px; text-align: center; border-bottom: 1px solid #eee; }
|
||
tr:hover td { background: #f0f7ff; }
|
||
.summary-list { padding-left: 20px; }
|
||
.summary-list li { margin-bottom: 8px; line-height: 1.8; }
|
||
.meta { text-align: center; color: #999; font-size: 12px; margin-top: 30px; }
|
||
.text-block { background: #f8f9fd; border-left: 4px solid #0984e3; padding: 12px 16px; border-radius: 0 8px 8px 0; margin: 10px 0; }
|
||
.status-normal { color: #00b894; font-weight: 600; }
|
||
.status-lost { color: #e17055; font-weight: 600; }
|
||
@media print { body { background: #fff; } .card { box-shadow: none; border: 1px solid #ddd; } }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
|
||
<h1>📊 学习时间分析报告 — 角色 33522（FSWY）</h1>
|
||
|
||
<!-- 第一部分：基本信息 -->
|
||
<h2>一、基本信息</h2>
|
||
<div class="card">
|
||
<div class="info-grid">
|
||
<div class="info-item"><span class="info-label">角色ID</span><span class="info-value">33522</span></div>
|
||
<div class="info-item"><span class="info-label">账号ID</span><span class="info-value">4909</span></div>
|
||
<div class="info-item"><span class="info-label">角色姓名</span><span class="info-value">FSWY</span></div>
|
||
<div class="info-item"><span class="info-label">角色性别</span><span class="info-value">男</span></div>
|
||
<div class="info-item"><span class="info-label">角色年龄</span><span class="info-value">8 岁</span></div>
|
||
<div class="info-item"><span class="info-label">手机号后4位</span><span class="info-value">7624</span></div>
|
||
<div class="info-item"><span class="info-label">最近留存状态</span><span class="info-value"><span class="status-normal">正常</span></span></div>
|
||
<div class="info-item"><span class="info-label">注册时间</span><span class="info-value">2026-05-07 20:02</span></div>
|
||
<div class="info-item"><span class="info-label">第一次完课时间</span><span class="info-value">2026-05-07 20:16</span></div>
|
||
<div class="info-item"><span class="info-label">最后一次完课时间</span><span class="info-value">2026-05-21 18:50</span></div>
|
||
<div class="info-item"><span class="info-label">最后一次完课</span><span class="info-value">Level A1 / 小镇时光 / Lesson 1</span></div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 第二部分：完课记录表格 -->
|
||
<h2>二、完课记录明细（共 11 条）</h2>
|
||
<div class="card" style="overflow-x: auto;">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>序号</th>
|
||
<th>Level</th>
|
||
<th>Unit（单元）</th>
|
||
<th>Lesson</th>
|
||
<th>星期</th>
|
||
<th>时段</th>
|
||
<th>开始上课时间</th>
|
||
<th>完课时间</th>
|
||
<th>完课耗时</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
|
||
<tr>
|
||
<td>1</td>
|
||
<td>A1</td>
|
||
<td>L1-U0</td>
|
||
<td>1</td>
|
||
<td>周四</td>
|
||
<td>晚上</td>
|
||
<td>2026-05-07 20:02</td>
|
||
<td>2026-05-07 20:16</td>
|
||
<td>13分42秒</td>
|
||
</tr>
|
||
<tr>
|
||
<td>2</td>
|
||
<td>A1</td>
|
||
<td>L1-U0</td>
|
||
<td>2</td>
|
||
<td>周四</td>
|
||
<td>晚上</td>
|
||
<td>2026-05-07 20:19</td>
|
||
<td>2026-05-07 20:30</td>
|
||
<td>11分8秒</td>
|
||
</tr>
|
||
<tr>
|
||
<td>3</td>
|
||
<td>A1</td>
|
||
<td>L1-U0</td>
|
||
<td>3</td>
|
||
<td>周四</td>
|
||
<td>晚上</td>
|
||
<td>2026-05-07 20:34</td>
|
||
<td>2026-05-07 20:45</td>
|
||
<td>10分21秒</td>
|
||
</tr>
|
||
<tr>
|
||
<td>4</td>
|
||
<td>A1</td>
|
||
<td>L1-U0</td>
|
||
<td>4</td>
|
||
<td>周四</td>
|
||
<td>晚上</td>
|
||
<td>2026-05-07 20:49</td>
|
||
<td>2026-05-07 21:02</td>
|
||
<td>12分33秒</td>
|
||
</tr>
|
||
<tr>
|
||
<td>5</td>
|
||
<td>A1</td>
|
||
<td>L1-U0</td>
|
||
<td>5</td>
|
||
<td>周五</td>
|
||
<td>晚上</td>
|
||
<td>2026-05-08 21:42</td>
|
||
<td>2026-05-08 21:54</td>
|
||
<td>12分48秒</td>
|
||
</tr>
|
||
<tr>
|
||
<td>6</td>
|
||
<td>A1</td>
|
||
<td>小镇时光</td>
|
||
<td>1</td>
|
||
<td>周六</td>
|
||
<td>晚上</td>
|
||
<td>2026-05-09 21:12</td>
|
||
<td>2026-05-09 21:26</td>
|
||
<td>13分33秒</td>
|
||
</tr>
|
||
<tr>
|
||
<td>7</td>
|
||
<td>A1</td>
|
||
<td>小镇时光</td>
|
||
<td>2</td>
|
||
<td>周二</td>
|
||
<td>下午</td>
|
||
<td>2026-05-12 17:27</td>
|
||
<td>2026-05-12 17:38</td>
|
||
<td>10分49秒</td>
|
||
</tr>
|
||
<tr>
|
||
<td>8</td>
|
||
<td>A1</td>
|
||
<td>小镇时光</td>
|
||
<td>3</td>
|
||
<td>周三</td>
|
||
<td>下午</td>
|
||
<td>2026-05-13 17:24</td>
|
||
<td>2026-05-13 17:37</td>
|
||
<td>12分48秒</td>
|
||
</tr>
|
||
<tr>
|
||
<td>9</td>
|
||
<td>A1</td>
|
||
<td>小镇时光</td>
|
||
<td>4</td>
|
||
<td>周四</td>
|
||
<td>晚上</td>
|
||
<td>2026-05-14 19:22</td>
|
||
<td>2026-05-14 19:35</td>
|
||
<td>13分16秒</td>
|
||
</tr>
|
||
<tr>
|
||
<td>10</td>
|
||
<td>A1</td>
|
||
<td>小镇时光</td>
|
||
<td>5</td>
|
||
<td>周二</td>
|
||
<td>晚上</td>
|
||
<td>2026-05-19 19:26</td>
|
||
<td>2026-05-19 19:53</td>
|
||
<td>27分30秒</td>
|
||
</tr>
|
||
<tr>
|
||
<td>11</td>
|
||
<td>A1</td>
|
||
<td>小镇时光</td>
|
||
<td>1</td>
|
||
<td>周四</td>
|
||
<td>晚上</td>
|
||
<td>2026-05-20 21:49</td>
|
||
<td>2026-05-21 18:50</td>
|
||
<td>21时0分35秒</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- 第三部分：周上课时间分布总结 -->
|
||
<h2>三、周上课时间分布分析</h2>
|
||
<div class="card">
|
||
<div class="text-block">非寒暑假期间共完成 11 节课，主要集中在 **周四**（6 节，占 55%）。 工作日上课集中在 **晚上**时段（8 节，占 80%）。 周末也保持上课节奏，周六 1 节、周日 0 节。</div>
|
||
</div>
|
||
|
||
<!-- 第四部分：跨周趋势分析 -->
|
||
<h2>四、跨周趋势分析</h2>
|
||
<div class="card">
|
||
<div class="text-block">完课跨越 3 周（有课 3 周），共 11 节，周均 3.7 节。 学习连续性良好，无中断周。 整体趋势：下降 ↓，前半段平均 6.0 节/周 → 后半段 2.0 节/周。</div>
|
||
</div>
|
||
|
||
<!-- 第五部分：关键特征总结 -->
|
||
<h2>五、关键特征总结</h2>
|
||
<div class="card">
|
||
<ul class="summary-list">
|
||
<li>✅ 状态**正常**，近14天内有完课。累计 11 节完课。</li><li>🆕 新用户，学习跨度约 1 个月，尚在形成学习习惯阶段。</li><li>🐢 低频学习，周均 3.7 节。</li><li>🌙 晚间学习型，80% 的课在晚上。</li><li>📉 学习频率呈下降趋势，需关注。</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="meta">分析时间：2026-05-24 11:06 | 完课总数：11 条 | 非寒暑假：11 条 | 寒暑假：0 条</div>
|
||
|
||
</div>
|
||
</body>
|
||
</html> |