37 lines
1.4 KiB
JavaScript
37 lines
1.4 KiB
JavaScript
Router.register('/login', async () => {
|
|
setTimeout(() => {
|
|
const btn = document.getElementById('login-btn');
|
|
btn?.addEventListener('click', async () => {
|
|
const u = document.getElementById('login-username').value;
|
|
const p = document.getElementById('login-password').value;
|
|
try {
|
|
await API.login(u, p);
|
|
await API.me().then(user => {
|
|
const info = document.getElementById('user-info');
|
|
if (info) info.textContent = user?.username || '未登录';
|
|
}).catch(()=>{});
|
|
location.href = '#/dashboard';
|
|
} catch(e) {}
|
|
});
|
|
}, 0);
|
|
return `<div class="grid cols-2">
|
|
<div class="card">
|
|
<div style="font-weight:600;margin-bottom:16px;font-size:18px">管理员登录</div>
|
|
<div class="field">
|
|
<label>用户名</label>
|
|
<div class="input-wrapper">
|
|
<input id="login-username" class="input" placeholder="请输入用户名" />
|
|
<span class="input-prefix">👤</span>
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label>密码</label>
|
|
<div class="input-wrapper">
|
|
<input id="login-password" type="password" class="input" placeholder="请输入密码" />
|
|
<span class="input-prefix">🔒</span>
|
|
</div>
|
|
</div>
|
|
<div class="actions"><button id="login-btn" class="btn">登录</button></div>
|
|
</div>
|
|
</div>`;
|
|
}); |