83 lines
2.6 KiB
HTML
83 lines
2.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>紫微 · 磁场管理</title>
|
||
<link rel="stylesheet" href="/static/style.css">
|
||
</head>
|
||
<body>
|
||
<div id="toast" class="toast"></div>
|
||
|
||
<header>
|
||
<div class="header-top">
|
||
<h1>⚡ 紫微 · 磁场管理</h1>
|
||
<div class="user-bar">
|
||
<span class="user-name">{{ username }}</span>
|
||
<a href="/logout" class="btn-logout" onclick="return confirm('确定退出登录？')">退出</a>
|
||
</div>
|
||
</div>
|
||
<p>立志不摇，责善不滥，改过不拖，勤学不辍</p>
|
||
</header>
|
||
|
||
<nav class="tabs">
|
||
<button class="tab active" onclick="switchTab('daily',event)">📅 每日打卡</button>
|
||
<button class="tab" onclick="switchTab('weekly',event)">📊 每周评分</button>
|
||
<button class="tab" onclick="switchTab('history',event)">📜 历史记录</button>
|
||
</nav>
|
||
|
||
<!-- ── 每日打卡 ── -->
|
||
<section id="daily-tab" class="tab-content active">
|
||
<div class="date-row">
|
||
<label>日期：</label>
|
||
<input type="date" id="check-date" onchange="loadCheckin()">
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h2>🌅 早间立志</h2>
|
||
<p class="card-desc">今天最重要的 1~3 件事</p>
|
||
<div id="morning-list"></div>
|
||
<button class="btn-add" onclick="addMorning()">+ 增加一条（最多3条）</button>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h2>🔍 责善 · 改过</h2>
|
||
<p class="card-desc">今天犯的错 & 下次怎么改（最多5条）</p>
|
||
<div id="evening-list"></div>
|
||
<button class="btn-add" onclick="addEvening()">+ 增加一条（最多5条）</button>
|
||
</div>
|
||
|
||
<div class="card">
|
||
<h2>📚 勤学打卡</h2>
|
||
<p class="card-desc">今天学了什么</p>
|
||
<div id="study-list"></div>
|
||
<button class="btn-add" onclick="addStudy()">+ 增加项目</button>
|
||
</div>
|
||
|
||
<button class="btn-save" onclick="saveCheckin()">💾 保存今日打卡</button>
|
||
</section>
|
||
|
||
<!-- ── 每周评分 ── -->
|
||
<section id="weekly-tab" class="tab-content">
|
||
<div class="week-nav">
|
||
<button class="btn-nav" onclick="changeWeek(-1)">◀ 上周</button>
|
||
<span id="week-label">--</span>
|
||
<button class="btn-nav" onclick="changeWeek(1)">下周 ▶</button>
|
||
</div>
|
||
<div class="score-display">
|
||
<span class="score-num" id="weekly-score">--</span>
|
||
<span class="score-unit">分</span>
|
||
</div>
|
||
<p class="score-text" id="score-text"></p>
|
||
<div id="weekly-details" class="details-list"></div>
|
||
</section>
|
||
|
||
<!-- ── 历史记录 ── -->
|
||
<section id="history-tab" class="tab-content">
|
||
<div id="history-list"></div>
|
||
</section>
|
||
|
||
<script src="/static/app.js"></script>
|
||
</body>
|
||
</html>
|