feat: 实现域能系统
- 新增域能完整分层:EnergyLog/PostEnergizeLog/DailyExpSummary 模型、EnergyRepo、EnergyService、EnergyController/AdminEnergyController - 支持签到获取域能(+1)、帖子赋能(-1/-2)/被赋能(+1/+2)、改名扣能(-6)/退款(+6)、删帖扣能(-2) - 赋能单人单帖上限20域能,每日赋能获得经验上限50 - 管理员支持批量调整域能(owner)和查询域能日志(admin) - LV0用户(exp<1)禁止签到和发帖,余额为负可签到/被赋能/删帖但不能赋能/改名 - 首次改名免费(通过HasCompletedTask判重),改名扣能在提交审核时执行 - 移除导航栏手动签到按钮,签到融入域能系统(自动签到) - 新增个人中心域能TAB展示余额和流水日志(近7天) - 新增帖子详情页赋能按钮(轻赋/重赋) - 管理后台新增域能管理和域能日志页面
This commit is contained in:
@ -43,10 +43,6 @@
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
<a href="javascript:void(0)" class="nav-dropdown-item" id="checkInBtn">
|
||||
<svg class="nav-dropdown-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
<span>签到</span>
|
||||
</a>
|
||||
<a href="/settings/profile" class="nav-dropdown-item">
|
||||
<svg class="nav-dropdown-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
|
||||
<span>个人中心</span>
|
||||
|
||||
@ -39,6 +39,9 @@
|
||||
{{if and $.Post (eq $.Post.UserID $.UID) (or (eq $.Post.Status "draft") (eq $.Post.Status "rejected")) (not $.Post.IsLocked)}}
|
||||
<button class="btn btn-primary" id="submitAuditBtn" data-id="{{$.Post.ID}}">提交审核</button>
|
||||
{{end}}
|
||||
{{if and $.Post (ne $.Post.UserID $.UID)}}
|
||||
<button class="btn btn-primary" id="energizeBtn" data-id="{{$.Post.ID}}">赋能</button>
|
||||
{{end}}
|
||||
</div>
|
||||
{{end}}
|
||||
</div>
|
||||
@ -107,5 +110,49 @@
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
|
||||
<script>
|
||||
// 赋能按钮
|
||||
(function() {
|
||||
var btn = document.getElementById('energizeBtn');
|
||||
if (!btn) return;
|
||||
btn.addEventListener('click', function() {
|
||||
var postId = btn.dataset.id;
|
||||
var choice = confirm('为这篇文章注入能量\n\n选择「确定」轻赋 1 域能,选择「取消」则打开重赋选项');
|
||||
var amount = 20; // 重赋 2 域能
|
||||
if (choice) {
|
||||
amount = 10; // 轻赋 1 域能
|
||||
}
|
||||
|
||||
var csrf = document.querySelector('meta[name="csrf-token"]');
|
||||
btn.disabled = true;
|
||||
btn.textContent = '赋能中...';
|
||||
|
||||
fetch('/api/energy/energize', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
'X-CSRF-Token': csrf ? csrf.getAttribute('content') : ''
|
||||
},
|
||||
body: JSON.stringify({ post_id: parseInt(postId), amount: amount })
|
||||
})
|
||||
.then(function(r) { return r.json(); })
|
||||
.then(function(d) {
|
||||
btn.disabled = false;
|
||||
btn.textContent = '赋能';
|
||||
if (d.success) {
|
||||
alert(d.data.message || '赋能成功!');
|
||||
} else {
|
||||
alert(d.message || '赋能失败');
|
||||
}
|
||||
})
|
||||
.catch(function() {
|
||||
btn.disabled = false;
|
||||
btn.textContent = '赋能';
|
||||
alert('请求失败');
|
||||
});
|
||||
});
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -33,6 +33,13 @@
|
||||
</svg>
|
||||
登录管理
|
||||
</a>
|
||||
<a href="/settings/energy"
|
||||
class="settings-nav-item {{if eq .ActiveTab "energy"}}active{{end}}">
|
||||
<svg class="settings-nav-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/>
|
||||
</svg>
|
||||
我的域能
|
||||
</a>
|
||||
</nav>
|
||||
</aside>
|
||||
|
||||
@ -147,6 +154,25 @@
|
||||
<span class="form-hint">将强制退出除当前设备外的所有登录会话</span>
|
||||
</div>
|
||||
</div>
|
||||
{{else if eq .ActiveTab "energy"}}
|
||||
<!-- 我的域能 -->
|
||||
<div class="settings-card">
|
||||
<div class="settings-card-header">
|
||||
<h2>我的域能</h2>
|
||||
<p class="settings-card-desc">域能流水和余额</p>
|
||||
</div>
|
||||
<div class="settings-card-body">
|
||||
<div class="energy-summary">
|
||||
<div class="energy-stat">
|
||||
<span class="energy-label">域能余额</span>
|
||||
<span class="energy-value" id="energyBalance">加载中...</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="energy-log-list" id="energyLogList">
|
||||
<div class="energy-log-empty">加载中...</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{{else}}
|
||||
<!-- 账号信息 -->
|
||||
<div class="settings-card">
|
||||
@ -869,6 +895,61 @@
|
||||
}, 500);
|
||||
}
|
||||
})();
|
||||
|
||||
// ===== 域能 Tab =====
|
||||
(function () {
|
||||
var balanceEl = document.getElementById('energyBalance');
|
||||
var logListEl = document.getElementById('energyLogList');
|
||||
if (!balanceEl || !logListEl) return;
|
||||
|
||||
// 获取域能信息
|
||||
fetch('/api/energy/info')
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (d) {
|
||||
if (d.success && d.data) {
|
||||
balanceEl.textContent = d.data.energy_display + ' 域能';
|
||||
} else {
|
||||
balanceEl.textContent = '获取失败';
|
||||
}
|
||||
})
|
||||
.catch(function () { balanceEl.textContent = '获取失败'; });
|
||||
|
||||
// 获取域能流水
|
||||
fetch('/api/energy/logs?days=7&page=1&page_size=50')
|
||||
.then(function (r) { return r.json(); })
|
||||
.then(function (d) {
|
||||
if (!d.success || !d.data || !d.data.items || d.data.items.length === 0) {
|
||||
logListEl.innerHTML = '<div class="energy-log-empty">近7天无变更记录</div>';
|
||||
return;
|
||||
}
|
||||
|
||||
var html = '';
|
||||
d.data.items.forEach(function (item) {
|
||||
var cls = item.amount > 0 ? 'energy-log-plus' : 'energy-log-minus';
|
||||
var sign = item.amount > 0 ? '+' : '';
|
||||
html += '<div class="energy-log-item ' + cls + '">'
|
||||
+ '<div class="energy-log-meta">'
|
||||
+ '<span class="energy-log-type">' + escapeHTML(item.type_name) + '</span>'
|
||||
+ '<span class="energy-log-time">' + escapeHTML(item.created_at) + '</span>'
|
||||
+ '</div>'
|
||||
+ '<div class="energy-log-info">'
|
||||
+ '<span class="energy-log-desc">' + escapeHTML(item.description) + '</span>'
|
||||
+ '<span class="energy-log-amount">' + sign + item.amount_display + ' 域能</span>'
|
||||
+ '</div>'
|
||||
+ '</div>';
|
||||
});
|
||||
logListEl.innerHTML = html;
|
||||
})
|
||||
.catch(function () {
|
||||
logListEl.innerHTML = '<div class="energy-log-empty">加载失败</div>';
|
||||
});
|
||||
|
||||
function escapeHTML(str) {
|
||||
var div = document.createElement('div');
|
||||
div.appendChild(document.createTextNode(str));
|
||||
return div.innerHTML;
|
||||
}
|
||||
})();
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
|
||||
@ -783,3 +783,97 @@ body {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ---------- Energy Tab ---------- */
|
||||
.energy-summary {
|
||||
display: flex;
|
||||
gap: 1.5rem;
|
||||
padding: 1rem 0;
|
||||
border-bottom: 1px solid #f0f0f0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.energy-stat {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: .25rem;
|
||||
}
|
||||
|
||||
.energy-label {
|
||||
font-size: .82rem;
|
||||
color: var(--color-text-light);
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.energy-value {
|
||||
font-size: 1.25rem;
|
||||
font-weight: 700;
|
||||
color: var(--color-accent);
|
||||
}
|
||||
|
||||
.energy-log-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.energy-log-empty {
|
||||
text-align: center;
|
||||
padding: 2rem 0;
|
||||
color: #bbb;
|
||||
font-size: .9rem;
|
||||
}
|
||||
|
||||
.energy-log-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: .3rem;
|
||||
padding: .85rem 0;
|
||||
border-bottom: 1px solid #f5f5f5;
|
||||
}
|
||||
|
||||
.energy-log-item:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.energy-log-meta {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.energy-log-type {
|
||||
font-size: .85rem;
|
||||
font-weight: 600;
|
||||
color: var(--color-text);
|
||||
}
|
||||
|
||||
.energy-log-time {
|
||||
font-size: .78rem;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
.energy-log-info {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.energy-log-desc {
|
||||
font-size: .82rem;
|
||||
color: var(--color-text-light);
|
||||
}
|
||||
|
||||
.energy-log-amount {
|
||||
font-size: .88rem;
|
||||
font-weight: 600;
|
||||
white-space: nowrap;
|
||||
margin-left: 1rem;
|
||||
}
|
||||
|
||||
.energy-log-plus .energy-log-amount {
|
||||
color: #2ecc71;
|
||||
}
|
||||
|
||||
.energy-log-minus .energy-log-amount {
|
||||
color: #e74c3c;
|
||||
}
|
||||
|
||||
@ -283,59 +283,6 @@
|
||||
setInterval(pollUnread, POLL_INTERVAL);
|
||||
}
|
||||
|
||||
// ---- Level / Check-in ----
|
||||
var checkInBtn = document.getElementById('checkInBtn');
|
||||
if (checkInBtn) {
|
||||
// 页面加载时查询等级和签到状态
|
||||
fetch('/api/level/info')
|
||||
.then(function (res) {
|
||||
if (!res.ok) return;
|
||||
return res.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (!data || !data.success) return;
|
||||
var d = data.data || {};
|
||||
if (d.checked_in) {
|
||||
setCheckInDone();
|
||||
}
|
||||
})
|
||||
.catch(function () {});
|
||||
|
||||
function setCheckInDone() {
|
||||
checkInBtn.classList.add('disabled');
|
||||
var span = checkInBtn.querySelector('span');
|
||||
if (span) span.textContent = '今日已签到';
|
||||
}
|
||||
|
||||
checkInBtn.addEventListener('click', function () {
|
||||
if (checkInBtn.classList.contains('disabled')) return;
|
||||
|
||||
fetch('/api/level/checkin', { method: 'POST' })
|
||||
.then(function (res) {
|
||||
if (!res.ok) return;
|
||||
return res.json();
|
||||
})
|
||||
.then(function (data) {
|
||||
if (!data || !data.success) return;
|
||||
var d = data.data || {};
|
||||
if (!d.checked_in) {
|
||||
setCheckInDone();
|
||||
return;
|
||||
}
|
||||
setCheckInDone();
|
||||
if (d.level_up) {
|
||||
window.MetaLab.toast(document.querySelector('.toast'), '恭喜您!您的等级已提升至 Lv' + d.level, false);
|
||||
}
|
||||
// 刷新等级展示
|
||||
var levelEl = document.querySelector('.nav-dropdown-level');
|
||||
if (levelEl) {
|
||||
levelEl.textContent = 'Lv' + d.level;
|
||||
}
|
||||
})
|
||||
.catch(function () {});
|
||||
});
|
||||
}
|
||||
|
||||
// ---- Auto-refresh token (silent) ----
|
||||
// 场景 A:页面开着时,每 10 分钟静默续期(保持 access token 不过期)
|
||||
// 场景 B:关浏览器 15+ min 后回来,access token 过期但 refresh 仍有效
|
||||
|
||||
Reference in New Issue
Block a user